/* -------------------------------- */
/* HTML ELEMENTS	    			*/ 
/* -------------------------------- */
html  { 
	font: 62.5%/1.35 Arial, Verdana, Sans-Serif;
	text-align: center;
} 
*, * *, * * * { margin: 0px; padding: 0px; }
* :focus { outline: 0; }

a img { border: none; }
a { color: #00404a; }
body { background: #fff url(../images/bluebar.png) 0px 58px repeat-x; }

h2 {
	color: #fff;
	font: 1.4em/.4 Arial, Verdana, Sans-Serif;
	margin-bottom: 25px;
	font-weight: bold;
}

h2 a { text-decoration: none !important; color: #fff; }

h3 {
	color: #fff;
	font-size: 1.1em;
	text-transform: capitalize;
	margin: 5px 0px 15px 0px;
}


hr {
	height: 1px;
	border: none;
	background: #58afbd;
	width: 100%;
	margin: 21px 0px 21px 0px;
}

fieldset { border: none; }


#foot img { float: left; }
#foot span { margin: 30px 0px 50px 5px; display: inline; }
/* -------------------------------- */
/* PAGE STRUCTURE ELEMENTS	    	*/ 
/* -------------------------------- */
#container {
	font-size: 1.2em;
	width: 980px;
	margin: auto;
	text-align: left;
	overflow: auto visible;
}

#top_nav { float: right; margin: 24px 45px 5px 0px; width: 500px; text-align: right; }
#top_nav li { 
	display: inline;
	margin-right: 5px;
}
/*
#action_nav {
	list-style: none;
	margin: 13px 0px 0px 0px;
}
#action_nav li {
	margin-bottom: 4px;
}
*/

.buttons {
	list-style: none;
	margin: 13px 0px 0px 0px;
}
.buttons li { margin-bottom: 4px; }

#page_left {
	width: 288px;
	margin-left: 50px;
	float: left;
}

#page_right {
	float: left;
	margin: 0px 0px 0px 9px;
}

#locationbox {
	background: url(../images/locationbox.jpg) top left no-repeat;
	width: 539px;
	height: 124px;
	margin-top: 8px;
	padding: 18px 40px 0px 25px;
}
.youngadults #locationbox, .index #locationbox {
	background: url(../images/locationbox_index.jpg) top left no-repeat !important;
	padding: 18px 30px 0px 25px !important;
	width: 549px !important;
}
.youngadults #locationbox .left, .index #locationbox .left {
	width: 150px;
}

#locationbox div {
	width: 260px;
	color: #fff;
}
#locationbox h2 { margin-bottom: 20px; }
#locationbox form { padding-top: 10px; }
#locationbox select {
	width: 236px;
	background: #fff;
	border: none;
	height: 25px;
	font-size: 1.1em;
	color: #7f7f7f;
	padding: 4px 0px 0px 8px;
}

#locationbox_small {
	background: url(../images/locationbox_small.jpg) top left no-repeat;
	width: 254px;
	height: 225px;
	margin: 9px 0px 0px 1px;
	padding: 15px 10px 15px 21px;
	color: #d9dadb;
}

#locationbox_small h2 { margin-bottom: 20px; }
#locationbox_small form { margin: 35px 0px 50px 0px; }
#locationbox_small select {
	width: 236px;
	background: #fff;
	border: none;
	height: 25px;
	font-size: 1.1em;
	color: #7f7f7f;
	padding: 4px 0px 0px 8px;
}

#foot {
	margin: 0px 40px 0px 50px;
	font-size: .9em;
	overflow: auto;
	padding-top: 15px;
	color: #939598;
}
#foot img { margin-right: 20px; }
#foot a { color: #939598; text-decoration: none;}



#infobox { 
	background: #a0bb42 url(../images/blue_small_corner.png) top left no-repeat;
	/*width: 255px;*/
	height: 97px;
	margin-top: 9px;
	padding: 18px 0px 0px 20px;
	color: #505d21;
}
#infobox img { float: right; margin-top: -26px;}


#ut_std_stats {
	background: url(../images/h2_ut_std_stats.png) top left no-repeat;
	text-indent: -9999px;
	width: 122px;
	height: 14px;
}


#questions {
	background: url(../images/questionbox.png) top left no-repeat;
	position: relative;
	left: -20px;
	width: 307px;
	height: 114px;
	padding: 10px 10px 20px 23px;
}
#questions textarea {
	width: 250px;
	height: 70px;
	border: none;
	padding: 10px;
	font: 1.1em/1.3 arial, verdana, sans-serif;
	font-weight: bold;
	color: #939598;
	resize: none;
}
#questions .submit {
	float: right;
	margin: 3px 43px 0px 0px;
	background: #fff;
	border: none;
	color: #000;
	font-weight: bold;
	font-size: 1.3em;
}

#who_are_you, #thank_you { display: none; }

/*		Std or Not Page		*/
#stdpage #locationbox {
	float: right;
	margin-right: 30px;
}
#stdpage #infobox {
	width: 267px;
	float: left;
	margin-left: 50px;
}

#stdornot {
	background: #a0bb42 url(../images/blue_small_corner.png) top left no-repeat;
	height: 380px;
	margin: 0px 50px;
	color: #505d21;
	overflow: auto;
}

#stdleft {
	padding: 25px 0px 0px 0px;
	width: 240px;
}
#stdleft ul, #stdleft h2 { margin-left: 21px; }

#stdimage { float: right; }

/* -------------------------------- */
/* CLASSES					    	*/ 
/* -------------------------------- */
.logo {
	background: url(../images/catchtheanswers.png) top left no-repeat;
	width: 248px;
	height: 19px;
	text-indent: -9999px;
	margin: 52px 0px 0px 27px;
	cursor: pointer;
}

img.question { margin: 0px 6px 5px 50px; }
img.section { margin: 0px 0px 5px 0px; }
.blue_small, .blue_small_mid {
	padding: 24px 20px 10px 20px;
	width: 248px;
	height: 375px;
	color: #0e3f47;
	background: #45a6b5 url(../images/blue_small_corner.png) top left no-repeat;
}
.blue_small_mid { margin: 0px 9px 0px 0px; }
#page_right .blue_small, #page_right .blue_small_mid { float: left; }
#page_left .blue_small p { margin-top: 0px; }
#page_right .blue_small img.right {
	position: relative;
	right: -30px;
}


.blue_large {
	color: #00404a;
	width: 535px;
	min-height: 700px;
	overflow: auto;
	background: #45a6b5 url(../images/blue_small_corner.png) top left no-repeat;
	padding: 18px 25px 50px 25px;
	text-align: left;
}

.blue_large ul {
	font-size: 1em;
	padding: 10px 0px 10px 14px;
}
.blue_large ul li {
	list-style: url(../images/bullet.png);
}

.std { color: #fff !important; margin-bottom: 10px; display: block; }
.toggle p {
	color: #00404a;
	display: none;
	padding-bottom: 10px;
}

.toggle span.title { 
	border-bottom: 1px solid #58afbd; 
	background: #45a6b5 url(../images/arrow_down.png) 510px 3px no-repeat;
	cursor: pointer;
	margin: 10px 0px 2px 0px;
	padding-bottom: 8px;
}
span.title {
	font-weight: bold; 
	font-size: 12px;
	color: #00404a; 
	display: block;
	padding-right: 20px;
}

a.under {
	color:#00404a;
	text-decoration: none;
	border-bottom: 1px solid #58afbd;
	display: block;
	padding: 0px 0px 9px 0px;
	margin-bottom: 9px;
	font-weight: bold;
}
a.under:hover { color: #fff; }

.submit_who {
	background: url(../images/send.png) top left no-repeat;
	display: block;
	width: 61px;
	height: 30px;
	float: right;
	border: none;
	color: #fff;
	font-size: 1.2em;
}

.bigwhite { font-size: 1.1em; color: #fff; display: block; margin-bottom: 0px; }

.clear { clear:both; }
.left { float: left; }
.right { float: right; } 


/*Move up P's in lower elements*/
#infobox p, #locationbox p { margin-top: -10px; }

.spanish .blue_large { font-size: 1em; }
.spanish .blue_large p { margin: 10px 0; }


.language a { 
	font: 14px Arial, helvetica, sans-serif;
	float: right;
	position: relative;
	top: -30px;
	right: 49px;
	font-weight: bold;
	color: #666;
	text-decoration: none !important;
}

p.hr {
	background: #58afbd;
	height: 1px;
	margin: 20px 0;
}

.blue_small_home {  background:url(../images/hands.png) left bottom no-repeat #45a6b5 !important; }
.padtop5 { padding-top:5px; }
.white { color:#fff; }
.popover_thank_you { padding:10px 30px; font-size:16px; }
.similar_questions { padding:10px 0 10px 0; font-size:14px; font-weight:bold; }