@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 120%;
}

body {
	background: #E4ECF3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

ul, li {
	margin-left: 10px;
}

#lang_links {
	width: 900px;
	height: 30px;
	margin: 10px auto 0 auto;
	clear: both;
}

#wrapper {
	background: url(/images/common/bg/sitebg.jpg) repeat-y;
	width: 900px;
	height: 600px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

/* header section */

#header_holder {
	background: url(/images/common/bg/headerbg.jpg) repeat-x;
	width: 900px;
	height: 119px;
	border-top: 1px solid #666;
}

#header_child_left {
	width: 271px;
	height: 99px;
	padding: 10px 0 10px 20px;
	float: left;
}

#header_child_left h1 {
	background: url(/images/common/header/logo.gif) no-repeat;
	width: 241px;
	height: 97px;
	text-indent: -9999px;
}

#header_child_right {
	background: url(/images/common/bg/header_child_right.jpg) top right no-repeat;
	width: 599px;
	height: 99px;
	padding: 10px 10px 10px 0;
	float: right;
}

#header_child_right_nav { /* navigation holder */
	padding: 5px 10px 10px 38px;
}
	

/* index page only */

#welcome_flash_holder {
	background: #FFF;
	width: 900px;
	height: 278px;
}

#welcome_flash_child_left {
	width: 200px;
	height: 278px;
	float: left;
}

#welcome_flash_child_right {
	width: 700px;
	height: 278px;
	float: right;
}

#sitebot_box_parent_left {
	width: 200px;
	height: 192px;
	float: left;
	padding-top: 10px;
}

#sitebot_box_parent_right {
	width: 700px;
	height: 202px;
	float: right;
}

#sitebot_box_child_left {
	background: url(/images/common/top/sitebot_box_child_left.jpg) no-repeat;
	width: 497px;
	height: 195px;
	float: left;
}

#sitebot_box_child_left_content_left {
	width: 237px;
	height: 165px;
	padding: 20px 10px 10px 30px;
	float: left;
}

/*#sitebot_box_child_left_content {
	width: 437px;
	height: 155px;
	padding: 20px 30px 20px 30px;
}*/

#sitebot_box_child_left_content_right { /* TBB advertising box */
	width: 180px;
	height: 165px;
	padding: 20px 20px 10px 20px;
	float: right;
}

#sitebot_box_child_left_content_left h2 {
	font: 26px/30px "Trebuchet MS";
	font-weight: normal;
	color: #F90;
}

#sitebot_box_child_left_content_left .hidden { /* contentrotator.js attribute */
	display: none;
}

#sitebot_box_child_left_content_left .border {
	border-top: 1px solid #FFF;
	margin-bottom: 10px;
}

#sitebot_box_child_left_content_left h3 {
	font: 14px/16px "Trebuchet MS";
	font-weight: normal;
	color: #FFF;
	margin-top: 5px;
}

#sitebot_box_child_left_content_left p {
	font: 10px/11px;
	color: #FFF;
}

#sitebot_box_child_right {
	background: url(/images/common/top/sitebot_box_child_right.jpg) no-repeat;
	width: 203px;
	height: 195px;
	float: right;
}

#sitebot_box_child_right_content {
	width: 190px;
	height: 167px;
	padding: 20px 0 0 7px;
}

/* site bottom section */

#sitebot_holder {
	background: url(/images/common/bg/sitebotbg.jpg) no-repeat;
	width: 900px;
	height: 201px;
	border-bottom: 1px solid #666;
}

/* 7 Reasons section */

#contents_subheader_7reasons_holder {
	background: url(/images/contents/bg/contents_subheader_7reasons.jpg) no-repeat;
	width: 900px;
	height: 53px;
}

#contents_titleimg_7reasons_holder {
	width: 900px;
	height: 182px;
}

#contents_contents_7reasons_holder {
	width: 900px;
	height: 245px;
}

#contents_contentsbg_7reasons_left {
	background: url(/images/contents/7reasons/contents_contentsbg_7reasons_left.jpg) no-repeat;
	width: 429px;
	height: 224px;
	padding: 10px 10px 10px 20px;
	float: left;
}

#contents_2plus2_left_7reasons {
	background: url(/images/contents/7reasons/contents_2plus2bg_left_7reasons.jpg) no-repeat;
	width: 177px;
	height: 153px;
	margin-top: 10px;
	padding: 15px 10px 10px 10px;;
	float: left;
}

#contents_2plus2_left_7reasons h2 {
	font-size: 150%;
	color: #304250;
}

#contents_2plus2_left_7reasons ul {
	margin-left: -2px;
	color: #FFF;
}

#contents_2plus2_right_7reasons {
	background: url(/images/contents/7reasons/contents_2plus2bg_right_7reasons.jpg) no-repeat;
	width: 212px;
	height: 153px;
	margin-top: 10px;
	padding: 15px 10px 10px 10px;
	float: right;
}

#contents_2plus2_right_7reasons h2 {
	font-size: 120%;
	color: #FC0;
}

#contents_2plus2_right_7reasons ul {
	color: #FFF;
	list-style: none;
}

#contents_contentsbg_7reasons_right {
	background: url(/images/contents/7reasons/contents_contentsbg_7reasons_right.jpg) no-repeat;
	width: 410px;
	height: 220px;
	padding: 14px 10px 10px 20px;
	float: right;
}

#contents_7reasons_contents {
	width: 390px;
	height: 168px;
	padding: 10px;
	margin-top: 10px;
	clear: both;
}

#contents_7reasons_contents ul {
	color: #FFF;
	list-style: decimal;
	line-height: 18px;
}

/* contents section */

#contents_subheader_holder {
	background: url(/images/contents/bg/contents_subheader.jpg) no-repeat;
	width: 900px;
	height: 53px;
}

#contents_parent_holder {
	background: #A5C5DD url(/images/contents/bg/contents_parent_holder_bg.jpg) bottom no-repeat;
	width: 900px;
	height: 427px;
}

#contents_child_holder_left {
	width: 180px;
	height: auto;
	float: left;
	padding: 10px;
}

#contents_child_holder_left ul {
	width: 180px;
	border: 1px solid #FFF;
	background: #6185A1;
	margin: 0;
	padding: 0;
}

#contents_child_holder_left li#subnav_membercolleges, #contents_child_holder_left li#subnav_collegesincal, #contents_child_holder_left li#subnav_collegesearch, #contents_child_holder_left li#subnav_whyca, #contents_child_holder_left li#subnav_keyreasons, #contents_child_holder_left li#subnav_whatistwoplustwo, #contents_child_holder_left li#subnav_tenreasons, #contents_child_holder_left li#subnav_transfer, #contents_child_holder_left li#subnav_csu, #contents_child_holder_left li#subnav_uc, #contents_child_holder_left li#subnav_guaranteed {
	background: #F90;
}

#contents_child_holder_left li {
	width: 170px;
	border-bottom: 1px solid #FFF;
	padding: 5px;
	margin: 0;
	list-style: none;
	color: #FFF;
}

#contents_child_holder_left li a, contents_child_holder_left li a:active, contents_child_holder_left li a:visited {
	color: #FFF;
	text-decoration: none;
}

#contents_child_holder_left a:hover {
	text-decoration: underline;
	color: #F90;
}

#contents_child_holder_left .noborder {
	border: none;
}

#contents_child_holder_left .dotborder {
	border-bottom: 1px dashed #FFF;
}

#contents_child_holder_right {
	background: url(/images/contents/bg/contents_child_holder_right_bg.gif) top right no-repeat;
	width: 690px;
	height: 427PX;
	float: right;
}

/* contents page right side contents section structure divs */

#contents_child_holder_right_inside_holder {
	background: url(/images/contents/bg/contents_child_holder_right_inside_holder_bg.jpg) no-repeat;
	width: 670px;
	height: 407px;
	margin: 10px 10px 10px 0;
}

#contents_contents_top_holder {
	width: 650px;
	height: 30px; /* 357px remaining (30px + 20px padding = 50px) */
	padding: 10px;
	border-bottom: 1px solid #FFF;
}

#contents_contents_top_holder h2 {
	font: 22px/24px "Trebuchet MS";
	font-weight: normal;
	color: #F90;
}

#contents_contents_mid_holder {
	background: #214562;
	width: 650px;
	height: 210px; /* 127px remaining (210px + 20px padding = 230px) */
	padding: 10px;
	border-bottom: 1px solid #FFF;
}

#contents_contents_mid_holder .hidden { /* contentraotator.js attribute */
	display: none;
}

#contents_contents_mid_holder_study_flash_holder {
	width: 650px;
	height: auto;
}

#contents_contents_mid_holder_study, #contents_contents_mid_holder_2plus2, #contents_contents_mid_holder_vitallinks { /* used in study.php and 2plus2.php */
	background: #214562;
	width: 650px;
	height: auto;
	padding: 10px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

#contents_contents_mid_holder_vitallinks h2 {
	font-size: 120%;
}

#contents_contents_mid_holder_vitallinks a:active, a:visited, a {
	color: #FFF;
	text-decoration: none;
}

#contents_contents_mid_holder_vitallinks a:hover, #contents_child_holder_right_inside_holder a:hover {
	color: #F90;
	text-decoration: underline;
}

#contents_contents_mid_holder_study_iframe, #contents_contents_mid_holder_vitallinks_iframe {
	background: #214562;
	/*width: 610px;*/
	height: auto;
	padding: 10px;
	color: #FFF;
}

#contents_contents_mid_holder_todo { /* used in todo.php */
	background: #214562;
	width: 650px;
	height: auto;
	padding: 10px;
	color: #FFF;
}

#contents_contents_mid_holder_todo_child_left {
	width: 200px;
	height: auto;
	float: left;
}

#contents_contents_mid_holder_todo_child_right {
	width: 450px;
	height: auto;
	float: right;
}

#contents_contents_mid_holder_todo a, #contents_contents_mid_holder_todo a:visited, #contents_contents_mid_holder_todo a:active {
	color: #FFF;
	text-decoration: underline;
}

#contents_contents_mid_holder_todo a:hover {
	color: #F90;
	text-decoration: underline;
}

#contents_contents_mid_holder p#default, #contents_contents_mid_holder_study p#default {
	color: #FFF;
	text-align: center;
}

#contents_contents_bot_holder {
	width: 650px;
	height: 107px; /* 0px remaining (107px + 20px padding = 127px) */
	padding: 10px;
}

#contents_contents_bot_holder_2plus2 {
	width: 650px;
	height: 80px;
	padding: 10px;
}

/* study: study overview section !!contents_contents_mid_holder_study section!! */

#contents_contents_mid_contents_study {
	width: 650px;
	color: #FFF;
}

#contents_contents_mid_contents_study img {
	margin: 5px;
}

#contents_contents_mid_contents_study a, #contents_contents_mid_contents_study a:visited, #contents_contents_mid_contents_study a:active {
	color: #FFF;
	text-decoration: underline;
}

#contents_contents_mid_contents_study a:hover {
	color: #F90;
	text-decoration: underline;
}

/* colleges: member colleges overview section !!contents_contents_mid_holder section!! */

#contents_contents_mid_contents_left {
	width: 400px;
	height: 210px;
	float: left;
	color: #FFF;
}

#contents_contents_mid_contents_left_logo {
	width: 87px;
	height: 210px;
	float: left;
}

#contents_contents_mid_contents_left_desc {
	width: 293px;
	height: 210px;
	line-height: 1;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}

#contents_contents_mid_contents_left_desc h3 {
	font: 16px/18px "Trebuchet MS";
	font-weight: normal;
	color: #F90;
}

#contents_contents_mid_contents_left_desc a, #contents_contents_mid_contents_left_desc a:visited, #contents_contents_mid_contents_left_desc a:active {
	color: #FFF;
	text-decoration: none;
}

#contents_contents_mid_contents_left_desc a:hover {
	color: #F90;
	text-decoration: underline;
}
	
#contents_contents_mid_contents_right {
	width: 250px;
	height: 205px;
	float: right;
	padding-top: 5px;
}

/* colleges: colleges in california & 2+2 CSU/UC sections !!contents_contents_mid_contents_collegesincal section!! */

#contents_contents_mid_contents_collegesincal {
	width: 650px;
	height: auto;
	padding: 10px;
	color: #FFF;
}

#contents_contents_mid_contents_collegesearch {
	background: #214562;
	width: 650px;
	height: auto;
	padding: 10px;
	color: #FFF;
}

#contents_contents_mid_contents_collegesearch_name {
	background: #214562;
	width: 630px;
	height: 250px;
	padding: 10px;
	overflow: auto;
	color: #FFF;
}

#contents_contents_mid_contents_collegesearch_name h3 {
	color: #C90;
}

#contents_contents_mid_contents_collegesearch_left {
	width: 120px;
	height: auto;
	float: left;
}

#contents_contents_mid_contents_collegesearch_right {
	width: 480px;
	height: auto;
	padding-left: 10px;
	float: right;
}

#contents_contents_mid_contents_collegesincal_left {
	width: 440px;
	height: auto;
	float: left;
}

#contents_contents_mid_contents_collegesincal_left p.title {
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 5px;
}

#contents_contents_mid_contents_collegesincal_left p.description {
	margin-left: 10px;
	margin-bottom: 10px;
}

#contents_contents_mid_contents_collegesincal_left_child_left { 
	width: 220px;
	height: auto;
	line-height: 1.2;
	float: left;
}

#contents_contents_mid_contents_collegesincal_left_child_right { 
	width: 210px;
	height: auto;
	padding-right: 10px;
	float: right;
}

#contents_contents_mid_contents_collegesincal_right {
	width: 190px;
	height: auto;
	float: right;
}

/* 2plus2: 2plus2 overview section !!contents_contents_mid_holder_2plus2 section!! */

#contents_contents_mid_contents_2plus2 {
	width: 650px;
	color: #FFF;
}

#contents_contents_mid_contents_2plus2 a, #contents_contents_mid_contents_2plus2 a:visited, #contents_contents_mid_contents_2plus2 a:active {
	color: #FFF;
	text-decoration: underline;
}

#contents_contents_mid_contents_2plus2 a:hover {
	color: #F90;
	text-decoration: underline;
}

/* 2plus2: CSU & UC sections !!contents_contents_mid_contents_2plu2colleges section!! */

#contents_contents_mid_contents_2plus2colleges {
	width: 650px;
	height: 326px;
	padding: 10px;
	color: #FFF;
}

#contents_contents_mid_contents_2plus2colleges_left {
	width: 540px;
	height: auto;
	float: left;
}

#contents_contents_mid_contents_2plus2colleges_left a, #contents_contents_mid_contents_2plus2colleges_left a:visited, #contents_contents_mid_contents_2plus2colleges_left a:active {
	color: #FFF;
	text-decoration: underline;
}

#contents_contents_mid_contents_2plus2colleges_left a:hover {
	color: #F90;
	text-decoration: underline;
}

#contents_contents_mid_contents_2plus2colleges_CSU_left_child_left { /* for CSU */
	width: 340px;
	height: auto;
	padding-right: 10px;
	float: left;
}

#contents_contents_mid_contents_2plus2colleges_CSU_left_child_right { /* for CSU */
	width: 180px;
	height: auto;
	padding-right: 10px;
	float: right;
}

#contents_contents_mid_contents_2plus2colleges_left_child_left { /* for UC */
	width: 260px;
	height: auto;
	padding-right: 10px;
	float: left;
}

#contents_contents_mid_contents_2plus2colleges_left_child_right { /* for UC */
	width: 260px;
	height: auto;
	padding-right: 10px;
	float: right;
}

#contents_contents_mid_contents_2plus2colleges_right {
	width: 90px;
	height: auto;
	float: right;
}

/* 8 Reasons */

#contents_8reasons_parent {
	background: url(/images/contents/bg/contents_child_holder_right_bg.gif) top right no-repeat;
	width: 880px;
	height: 407px;
	padding: 10px;
}

#contents_8reasons_content {
	background: #214562;
	width: 630px;
	height: 137px;
	color: #FFF;
	padding: 10px;
	margin: 0 auto;
}

/* Vital Links */

#contents_vitallinks_parent {
	background: #A5C5DD url(/images/contents/bg/contents_parent_holder_bg.jpg) bottom no-repeat;
	width: 900px;
	height: 427px;
}

#contents_vitallinks_child_holder {
	background: url(/images/contents/bg/contents_child_holder_right_bg.gif) top right no-repeat;
	width: 900px;
	height: 427PX;
	float: right;
}

#contents_vitallinks_child_holder_inside {
	background: url(/images/contents/bg/contents_child_holder_inside_holder_bg.jpg) no-repeat;
	width: 860px;
	height: 407px;
	clear: both;
	margin: 10px auto;
}

#contents_vitallinks_contents_top_holder {
	width: 840px;
	height: 30px; /* 357px remaining (30px + 20px padding = 50px) */
	padding: 10px;
	border-bottom: 1px solid #FFF;
}

#contents_vitallinks_contents_top_holder h2 {
	font: 22px/24px "Trebuchet MS";
	font-weight: normal;
	color: #F90;
}

#contents_vitallinks_contents_bot_holder {
	width: 840px;
	height: 337px;
	padding: 10px;
	color: #FFF;
}

/* footer */

#footer {
	width: 900px;
	height: 30px;
	margin: 10px auto;
	color: #666;
	font-size: 10px;
}


/* site-wide classes */

.topspacer {
	margin-top: 10px;
}

.botspacer {
	margin-bottom: 10px;
}

.topspacer_20 {
	margin-top: 20px;
}

.botspacer_20 {
	margin-bottom: 20px;
}

.botspacer_5 {
	margin-bottom: 5px;
}

.strong {
	font-weight: bold;
}

.yellowstrong {
	color: #F90;
	font-weight: bold;
}

.yellow {
	color: #F90;
}

.txt11 {
	font-size: 11px;
}
/* !IMPORTANT */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}