/* ====================================================================
Theme Name: ETI Corral 20
Description: Custom Theme for ETI Corral 20
Author: Rany Hammock
Version: 1.0
==================================================================== */

/* --- Browser Reset --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}


/* --- General --- */

html {
	text-align:center;
	background:#83deac url("/images/site/IXO_background.jpg") repeat-x center top;
}

body {
	width:776px;
	margin:0 auto;
	padding-bottom:2.3636em;
	font-family: 'Arial', sans-serif;
	font-size:11px;
	text-align:left;
	line-height:1.2;
	color:#333;
	background-color:transparent;
}

h2 {
	margin-bottom:0.8181em;
	font-size:2em;
	font-weight:bold;
}

h3 {
	margin-bottom:1em;
	font-size:1.5em;
	font-weight:bold;
}

a,
a:link {
	text-decoration:none;
	color:#2867b2;
	background-color:transparent;
}

a:hover {
	text-decoration:underline;
}

pre {
	border-left: 3px solid #58bbfb ;
	padding-left: 6px;
	padding-right: 3px;
	background: #444;
	color: #fff;
	font-family: "courier new";
}


/* --- Common --- */
.content-wrapper {
	overflow:hidden;
}

.content .primary {
	float:left;
}


/* --- Header --- */

.header {
	position:relative;
	height:120px;
}

.header .title,
.header .tagline {
	position:absolute;
}

.header .title {
	top:20px;
	left:0;
	width:100%;
/*	width:270px;*/
	height:49px;
        color:#fff;
	font-size:3.6363em;
}

.header .title a {
	display:block;
	width:358px;
	height:74px;
	color:#fff;
/*	text-indent:-9999px;*/
/*	background:url(images/site/backberry-DMT.png) no-repeat left center; */
}

.header .title span {
	color:#62c5ee;
}

.header .tagline {
	top:53px;
	right:0;
	width:301px;
	height:10px;
/*	text-indent:-9999px;*/
	text-transform:uppercase;
	color:#fff;
}

.webapp {
	position: absolute;
/*	float: right; */
/*	left: 50%; */
/*	top: 3px; */
	top: 49px;
	margin-left: 622px;
}


/* --- Navigation ---*/

/*.navigation { */
/*   position:absolute; */
/*   height:20px; */
/*   padding:0 0 0px; */
/*} */


.navigation {
   border-bottom:5px solid #fff;
   display:block;
/*   font-size:11px; */
   font-size:0.9090em;
   font-weight:bold;
/*   font-variant:small-caps; */
   text-transform:uppercase;
   height:28px;
   list-style-type:none;
   overflow:hidden;
   padding:0px 0px 5px 0px;
   margin:0 8px 5px 0;
   position:relative;
   width:auto;
}

.navigation .menu {
	float:left;
}

.navigation .menu li {
/*   border-top:4px solid #ccc;
   border-left:2px solid #fff;
   border-right:2px solid #ccc; */
/*   border-top:4px;*/
   border-left:2px;
   border-right:2px;
   display:block;
   float:left;
   margin:0pt;
   padding:0pt;
}

.home .navigation .menu #home a,
.cal .navigation .menu #cal a,
.news .navigation .menu #news a,
.pics .navigation .menu #pics a,
.docs .navigation .menu #docs a,
.memo .navigation .menu #memo a,
.vids .navigation .menu #vids a,
.lnks .navigation .menu #lnks a {
   background-color:#fff;
   color:#000;
   text-decoration:none;
}

.navigation .menu li a {
   color:#fff;
   display:block;
   float:left;
   height:20px;
   padding:8px 10px 0pt;
   text-decoration:none;
}

.navigation .menu a:hover {
   color: #fff;
   text-decoration:underline;
/*   background-color: #fff; */
}


/* --- Content --- */

.content {
	padding-top:5px;
	background:url(/images/site/page-top.png) no-repeat center top;
	width:100%;
}
.content-wrapper {
	width:726px;
	/*margin-top: 1em !important; margin-top: 1.45em;*/
	margin-top: 1em; /* Firefox, and every other non-IE browser */
	.margin-top: 16px; /* only IE7 */
	_margin-top: 1.45em; /* IE6 */
	padding:13px 25px 0;
	background:url(/images/site/page-middle.png) repeat-y center top;
}

.content .primary {
	width:529px;
        margin-bottom:10px;
}

/* --- Secondary Content --- */

.content .secondary {
	margin-left:579px;
}
/*
.content .secondary .monogram {
	margin-bottom:10px;
}
*/
.content .secondary h2 {
	margin-bottom:0;
	border-top:1px solid #000;
	font-size:1.2em;
/*	font-size:0.9090em;*/
	line-height:1.6em;
	text-transform:uppercase;
	color:#000;
}

.content .secondary h3 {
   margin-bottom:0;
   font-size:1.2em;
   font-weight:bold;
   color:#000;
}

.content .secondary ul {
	list-style:none;
	margin-bottom:2em;
}

.content .secondary a,
.content .secondary a:link {
	text-decoration:none;
	color:#000;
	background-color:transparent;
}

.content .secondary a:hover {
	text-decoration:underline;
}


/* --- Footer --- */

.footer {
	padding:2.3636em 0 0;
/*	color:#0E53A7; */
	color:#004e0b;
	background:url(/images/site/page-bottom.png) no-repeat center top;
	width:100%;
}

.footer li {
	display:inline;
	padding-right:8px;
}

.footer .privacy,
.footer .terms {
	padding-left:8px;
	border-left:1px solid #004e0b;
}

.footer a,
.footer a:link {
	color:#004e0b;
}


/* --- Misc --- */

.alignright {
	float: right;
}

.alignleft {
	float: left
}