@import url('/css/green_nav.css');
@import url('/css/blue_nav.css');
@import url('/css/dental-nav.css');
/*@import url('/css/thickbox.css');*/

body {
	margin: 0;
	padding: 0;
	background-color: #cccccc;
	font-family: sans-serif, Arial, Helvetica;
}
img { border: 0; }
a { color: #84bb2c; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

#shadow {
	width: 1022px;
	-moz-box-shadow:0 0 4px #999;
	-webkit-box-shadow:0 0 4px #999;
	-webkit-transition:all 0.1s ease-out;
}

/* HEADER */
#header {
	width: 1022px;
	height: 129px;
}
	#header .logo {
		float: left;
		width: 350px;
		height: 129px;
	}
	#header .touch {
		float: left;
		width: 672px;
		height: 129px;
	}


/* NAVIGATION MAIN */
#navigation-main {
	width: 976px;
	height: 28px;
	padding: 0 23px 0 23px;
	border-top: 1px solid #1b8aa0;
	border-bottom: 1px solid #1b8aa0;
	background-color: #e4eff2;
	margin: 0;

	font-size: 10pt; 
	line-height: 28px; 
	font-weight: bold;
	text-align:left;
}
	#navigation-main .sitenav {
		float: left;
		width: 75%;
	}
	#navigation-main .assistance {
		float: left;
		width: 25%;
		text-align: right;
		color: #1c889f;
	}
	#navigation-main a {
		margin-right: 10px;
		color: #84bb2c;
		text-decoration: none;
	}
	#navigation-main a:hover { color: #000000; }
	#navigation-main .active { color: #000000; }


#greenbar {
	margin: 0 11px 11px;
	background-color: #84bb2c;
	padding: 8px;
	width: 936px;

	font-size: 12pt;
	line-height: 12pt;
	font-weight: 700;
	color: #000000;
}

#greenbar-sm {
	background-color: #84bb2c;
	padding: 8px;
	width: 286px;

	font-size: 12pt;
	line-height: 12pt;
	font-weight: 700;
	color: #000000;
}

/** SECTIONS **/
#sections {
	width: 976px;
	padding: 23px;
	background-color: #ffffff;
	text-align: left;

	font-size: 9pt;
	line-height: 13pt;
	color: #666666;
}

#sections img.rail { vertical-align:text-top; padding-bottom: 10px; }
#sections p { margin-top: 0; }
#sections h1 {
	margin-top: 0;
	font-size: 12pt;
	font-weight: 700;
	color: #84bb2c;
}
#sections h2 {
	margin-top: 0;
	font-size: 10pt;
	font-weight: 700;
	color: #1b8aa0;
}

	#sections .container {
		display:table;
		border-collapse: collapse;
		width: 976px;
		border-left: 1px solid #1b8aa0;
		border-right: 1px solid #1b8aa0;
	}

	#sections .row { 
		display: table-row;
		background: url('/images/bg_tam3col.gif') repeat;
	}
	#sections .row div { display: table-cell; }


	#sections .row2 { 
		display: table-row;
		background: url('/images/bg_tam2col.gif') repeat;
	}
	#sections .row2 div { display: table-cell; }
	#sections .row2a { 
		display: table-row;
		background: url('/images/bg_tam2acol.gif') repeat;
	}
	#sections .row2a div { display: table-cell; }


	#sections .row3 { display: table-row; }
	#sections .row3 div { display: table-cell; }

	#sections div.one {
		float: left;
		/*width: 324px;*/
		width: 302px;
		padding: 0 11px;
	}
	#sections div.two {
		float: left;
		width: 628px;
		min-height: 150px;
		/*border-left: 1px solid #1b8aa0;*/
		padding: 0 11px;
	}
	#sections div.three {
		float: left;
		width: 952px;
		min-height: 300px;
		padding: 0 11px;
	}
	#sections div.four {
		float: left;
		width: 465px;
		min-height: 300px;
		padding: 0 11px;
	}
	#sections div.five {
		float: left;
		/*width: 324px;*/
		width: 301px;
		padding: 0 11px;
		border-right: 1px solid #1b8aa0;
	}
	#sections div.five img { padding-bottom: 10px; }




















/* MISC */
.blue { color: #1b8aa0; }

.quicklinks a {
	background-color: #e4eff2;
	border: 1px solid #1b8aa0;
	padding: 2px 5px;
	margin-right: 3px;
}
.quicklinks a:hover {
	background-color: #84bb2c;
	color: #ffffff;
	text-decoration: none;
}
.small {
	font-size: 8pt; 
	line-height: 10pt; 
	color: #666666;
}

.blue-headingsm {
	padding: 4px 5px;
	background-color: #339baf;
	background-image: none;
	background-position: 4px 6px;
	width: 292px;

	font-size: 10pt;
	line-height: 12pt;
	color: #ffffff;
	text-decoration: none;
}
.blue-heading {
	padding: 4px 5px;
	background-color: #339baf;
	background-image: none;	
	background-position: 4px 6px;
	width: 629px;

	font-size: 10pt;
	line-height: 12pt;
	color: #ffffff;
	text-decoration: none;
}
.customer-service {
	float: left;
	width: 280px;
	padding: 10px 12px 0 10px;
	background-color: #e2ecc7;
	margin-bottom: 10px;
}

.purple-heading {
	float: left;
	padding: 4px 5px;
	background-color: #990066;
	background-image: none;
	background-position: 4px 6px;
	width: 292px;

	font-size: 10pt;
	line-height: 12pt;
	color: #ffffff;
	text-decoration: none;
}

.dkblue-heading {
	float: left;
	padding: 4px 5px;
	background-color: #339baf;
	background-image: none;
	background-position: 4px 6px;
	width: 292px;

	font-size: 10pt; 
	line-height: 12pt;
	color: #ffffff;
	text-decoration: none;
}
.dkgreen-heading {
	float: left;
	padding: 4px 5px;
	background-color: #81b72b;
	background-image: none;
	background-position: 4px 6px;
	width: 292px;

	font-size: 10pt; 
	line-height: 12pt;
	color: #ffffff;
	text-decoration: none;
}




/* DVP-IIP */
#dvp-iip {
	width: 976px;
	height: 100px;
	border-top: 1px solid #1b8aa0;
	background-color: #e4eff2;
	padding: 10px 23px;
}

	.dvp-photo {
		float: left;
		width: 176px;
		padding: 5px 15px 6px 0;
	}
	.dvp-head {
		float: left;
		text-align: left;
		padding-top: 5px;
		width: 118px;
		font-size: 14pt;
		font-weight: 700;
	}
	.dvp-head a { color: #000000; text-decoration: none; }
	.dvp-head a:hover { text-decoration: underline; }
	.dvp-navigation {
		float: left;
		text-align: left;
		width: 293px;
		padding: 22px 0 21px;
		border-right: 1px solid #000000;
	}

	.iip_head {
		float: left;
		text-align: left;
		width: 162px;
		padding-top: 5px;
		padding-left: 20px;
		font-size: 14pt;
		font-weight: 700;
	}
	.iip_text {
		float: left;
		text-align: left;
		padding-top: 5px;
		width: 191px;
		font-size: 10pt;
		color: #339baf;
	}
	.iip_text a { text-decoration: none; color: #84bb2c; }
	.iip_text a:hover { text-decoration: underline; color: #000000; }



/* FOOTER */
#footerhome {
	width: 976px;
	padding: 15px 23px;
	background-color: #ffffff;
	border-top: 1px solid #1b8aa0;

	text-align: left;
	font-size: 8pt; 
	color: #666666;
}
	#footerhome a {
		color: #84bb2c;
		text-decoration: none;
	}
	#footerhome a:hover { 
		color: #000000; 
		text-decoration: underline;
	}
#footer {
	width: 976px;
	padding: 15px 23px;
	background-color: #ffffff;
	border-top: 1px solid #1b8aa0;

	text-align: left;
	font-size: 8pt; 
	color: #666666;
}
	#footer a {
		color: #84bb2c;
		text-decoration: none;
	}
	#footer a:hover { 
		color: #000000; 
		text-decoration: underline;
	}

#bluebar {
	float: left;
	margin: 0;
	background-color: #339baf;
	padding: 8px;
	width: 286px;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: 700;
	color: #000000;
}

#bluebar2 {
	float: left;
	margin: 0;
	background-color: #339baf;
	padding: 8px;
	width: 612px;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: 700;
	color: #000000;
}

#greenbar2 {
	float: left;
	margin: 0;
	background-color: #84bb2c;	
	padding: 8px;
	width: 612px;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: 700;
	color: #000000;
}

#purplebar2 {
	float: left;
	margin: 0;
	background-color: #9689ba;
	padding: 8px;
	width: 612px;
	font-size: 12pt;
	line-height: 12pt;	
	font-weight: 700;
	color: #000000;
}

#callout, #brochure-2009, #survey, #comingsoon, #comingsoon-2011, #regulations, #athletic, #proof, #dependents, #newone, #csSXU, #npu-everyone, #Click {
	z-index: 10;
        display: none;
        position: absolute;
        padding: 5px 10px;
        border: 1px solid #333;
        background-color: red;
        text-align: left;
        font-size: 8pt;
        color: #ffffff;
        width: 200px;
}

#callout, #Click {
	z-index: 10;
        display: none;
        position: absolute;
        padding: 5px 10px;
        border: 1px solid #333;
        background-color: green;
        text-align: left;
        font-size: 8pt;
        color: #ffffff;
        width: 200px;
}


#ppaca {
	z-index: 10;
	display: none;
	position: absolute;
	padding: 5px 10px;
	border: 1px solid #333;	
	background-color: #f1f1f1;
	text-align: left;
	font-size: 8pt;
	color: #000;
	width: 220px;
}

#emailaip {
        z-index: 10;
        display: none;
        position: absolute;
        padding: 5px 10px;
        border: 1px solid #333333;
        background-color: red;
        text-align: left;
        font-size: 8pt;
        color: #ffffff;
        width: 200px;
}

#searchwin {
        width: 1022px;
        height: 80px;
        background-color:#d4e7b7; /* for non-css3 browsers */

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4e7b7', endColorstr='#ffffff'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#d4e7b7), to(#ffffff)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #d4e7b7, #ffffff); /* for firefox 3.6+ */
}



/*** TAMU ***/

.onecenter a { color: #1b8aa0; }

.oneright a { color: #1b8aa0; }

span.green { color: #81b72b; }

.customer-service a { color: #1b8aa0; }

a.changecampus { 
	color: #339baf; 
	font-size: 7pt; 
	font-weight: bold; 
} 

a.changecampus:hover { 
	color: #000; 
	text-decoration:none;
}

#power {
        padding: 5px 20px;
        border-bottom: 2px solid #333;
        background-color: red;
        text-align: left;
        font-size: 8pt;
        color: #ffffff;
	width: 984px;
}
#power h1 {
	font-weight: normal;
	font-size: 12pt;
}