@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html {
	font: 100% Arial, Helvetica, sans-serif;
}

body  {
	font-size: 12px;
	background: url(/images/common/bg/body_bckgnd.jpg) repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

#bg_top_map { /* background static image of world map */
	background: url(/images/common/bg/top_map.jpg) no-repeat;
	height: 250px;
	margin: 0;
}

#wrapper { /* site wrapper */
	width: 800px;
	margin: -180px auto;
	text-align: left;
}

#parent_container {
	width: 800px;
	float: left;
}

#child_container {
	width: 100px;
	float: right;
	margin-top: 350px;
}

#container { /* content conainer holder */
	background: url(/images/common/container/container_bg.gif) repeat-y;
	width: 800px;
}

#container_rounded { /* content rounded image holder */
	width: 800px;
}

/* ----------------------- language links ---------------------------- */

#lang_links {
	width: 800px;
	height: 30px;
	clear: both;
}

/* ----------------------- navigation settings ----------------------- */

#nav {
	margin: 0 0 0 10px;
	padding: 0;
	background: #C79E2C;
	list-style-type: none;
	width: 701px;
	float: left; /* Contain floated list items */
}

#nav li {
	margin: 0;
	padding: 0;
	float: left; /* IE whitespace correction bag */
}

#nav a {
	float: left;
	width: 116px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 1.5;
	border-right: 1px solid #FFF;
}

#nav #nav_links a {
	border: none;
}

#nav a:hover {
	background: #6F9E58;
}

#body_home #nav_home a, #body_fastfacts #nav_fastfacts a, #body_whyccs #nav_whyccs a, #body_2plus2 #nav_2plus2 a, #body_collegesearch #nav_collegesearch a, #body_mycc #nav_mycc a, #body_collegeprofiles #nav_collegeprofiles a, #body_links #nav_links a {
	background: #6F9E58;
}

/* ----------------------- container contents ----------------------- */

/* header */
#header {
	background: #FFF;
	width: 796px;
	margin: 0 2px 0 2px;
	height: 96px;
	clear: both;
}

#header_logo { /* placeholder within header for logo */
	background: #FFF;
	width: 320px;
	height: 86px;
	float: left;
	clear: right;
}

#header_logo h1 {
	padding: 0 0 0 10px;
}

#header_slogan { /* placeholder within header for slogan */
	background: #FFF;
	width: 476px;
	height: 86px;
	float: right;
}

#header_slogan h2 {
	margin: 0;
}

/* contents */
#contents { /* contents placeholder */
	background: #FFF;
	width: 796px;
	height: auto;
	margin: 0 2px 0 2px;
	clear: both;
}

#contents_singlecolumn {
	background: #FFF;
	width: 776px;
	height: auto;
	padding: 10px;
	clear: both;
}

#contents_leftbar { /* contents leftbar placeholder */
	background: #FFF;
	width: 367px;
	height: auto;
	float: left;
	clear: right;
}

#contents_rightbar { /* contents rightbar placeholder */
	background: #FFF;
	width: 429px;
	height: auto;
	float: right;
}

#contents_leftbar_narrow { /* special leftbar style for whyccs page */
	background: #FFF;
	width: 200px;
	height: auto;
	float: left;
	clear: right;
}

#contents_rightbar_narrow {
	background: #FFF;
	width: 596px;
	height: auto;
	float: right;
}

/* for eguide */
#contents_leftbar_narrow2 {
	background: #FFF;
	width: 576px;
	height: auto;
	padding: 10px;
	float: left;
}

#contents_rightbar_narrow2 {
	background: #FFF;
	width: 179px;
	height: auto;
	padding: 10px;
	float: right;
}
/* end of eguide */

#contents_twoequalblocks_left {
	width: 388px;
	height: auto;
	float: left;
}

#contents_twoequalblocks_right {
	width: 388px;
	height: auto;
	float: right;
}

/* footer */
#footer_holder {
	width: 800px;
	margin: 5px 0;
	padding: 5px 0;
	color: #FC6;
}

#footer_holder_top {
	width: 800px;
	margin: 5px 0;
	padding: 5px 0;
	color: #FC6;
}	

#footer_holder_top .copyright {
	font-size: 10px;
	color: #FFF;
}

#footer_holder .copyright {
	font-size: 10px;
	color: #333;
}

#footer_holder_top a, #footer_holder_top a:visited, #footer_holder_top a:active, #footer_holder a, #footer_holder a:visited, #footer_holder a:active {
	color: #FC6;
	text-decoration: none;
}

#footer_holder_top a:hover, #footer_holder a:hover {
	color: #FC0;
	text-decoration: underline;
}

/* ----------------------- content page dependent structures ----------------------- */

/* home */
#flash_holder {
	width: 776px;
	height: 200px;
	margin: 5px 10px 0 10px;
	clear: both;
}

#bottom_holder {
	width: 776px;
	height: 187px;
	margin: 0 10px 0 10px;
	clear: both;
}

#bottom_left {
	width: 200px;
	height: auto;
	margin: 0;
	float: left;
}

#bottom_right {
	width: 576px;
	height: auto;
	margin-top: 5px;
	float: right;
}

#bottom_right_child_left {
	width: 391px;
	hieght: 182px;
	float: left;
}

#bottom_right_child_right {
	width: 185px;
	height: 182px;
	float: right;
}

#index_brochure_holder { /* Holder for Zmag Thumbnail */
	margin-top: 60px;
}

/* fast facts */
#leftbar_top {
	width: 357px;
	height: 228px;
	margin: 5px 5px 0 5px;
	clear: both;
}

#leftbar_bot {
	width: 357px;
	height: auto;
	margin: 0 5px 0 5px;
	background: #FFF2E1 repeat-y;
}

#leftbar_bot h2, #leftbar_bot ul, #leftbar_bot ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	line-height: 1.5;
	padding: 0 5px 5px 10px;
	margin: 0 0 0 10px;
}

#leftbar_bot ul, #leftbar_bot ul li {
	list-style: decimal;
}

#rightbar_top {
	background: url(/images/contents/pages/fastfacts_right_top_bg.jpg) no-repeat;
	width: 419px;
	height: 240px;
	margin: 5px 5px 0 5px;
	clear: both;
}

#rightbar_top_contents {
	width: 409px;
	height: 230px;
	padding: 5px;
}

#rightbar_top_contents .quote { /* right bar contents class */
	width: 260px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	color: #009F95;
}

#rightbar_top_contents .quoteby { /* right bar contents class */
	width: 260px;
	font-size: 90%;
	color: #999;
	line-height: 1.8;
}

#rightbar_bot {
	background: url(/images/contents/pages/fastfacts_right_bot_bg.gif) no-repeat;
	width: 419px;
	height: 220px;
	margin: 0 5px 0 5px;
}

#rightbar_bot_contents {
	width: 409px;
	padding-top: 60px;
}

#rightbar_bot_contents .slogan {
	width: 409px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	color: #009F95;
}

/* whyccs */

#leftbar_narrow {
	width: 190px;
	height: auto;
	margin: 5px 5px 0 5px;
	clear: both;
}

#rightbar_narrow {
	width: 586px;
	height: auto;
	padding: 5px;
}

#rightbar_narrow h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

#rightbar_narrow ul, #rightbar_narrow ul li {
	font-size: 92%;
	line-height: 1.1;
	list-style: disc;
	padding: 0 5px 5px 10px;
	margin: 0 0 0 10px;
}

/* 2 plus 2 */

#leftbar_single {
	width: 357px;
	height: auto;
	margin: 5px 5px 0 5px;
	clear: both;
}

#rightbar_single {
	width: 419px;
	height: auto;
	margin: 5px 5px 0 5px;
	clear: both;
}

/* contact us */
fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
	border-style: none;
}

legend {
	margin-left: 1em;
	color: #999;
	font-weight: bold;
}

label {
	display: block;
	font-size: 90%;
}

label em {
	color: #F00;
	font-size: 90%;
	text-transform: uppercase;
}

fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.2em;
}

fieldset.submit {
	border-style: none;
}

/* College Search */

#collegesearch_menu {
	margin: 0;
	padding: 0;
	background: #C79E2C;
	list-style: none;
	width: 796px;
	height: 20px;
	float: left;
}

#collegesearch_menu li {
	margin: 0;
	padding: 0;
	float: left; /* IE whitespace correction bag */
}

#collegesearch_menu a {
	float: left;
	width: 180px;
	text-align: center;
	color: #FFF;
	height: 20px;
	text-decoration: none;
	border-right: 1px solid #FFF;
}

#collegesearch_menu a:hover {
	background: #6F9E58;
}

#collegesearch_menu #csearch_profiles a, #collegesearch_menu #csearch_search a {
	background: #6F9E58;
}

#collegesearch_contents, #collegeprofiles_contents {
	width: 776px;
	height: auto;
	padding: 10px;
	font-size: 12px;
}

#collegesearch_contents_left {
	width: 388px;
	height: auto;
	float: left;
}

#collegesearch_contents_right {
	width: 388px;
	height: auto;
	float: right;
}

#collegesearch_contents .heading {
	background: #666;
	color: #FFF;
	padding: 0;
	border-bottom: 1px solid #000;
}

#collegesearch_contents ul, #collegesearch_contents ul li, #collegeprofiles_contents ul, #collegeprofiles_contents ul li {
	list-style: none;
	margin-left: 10px;
}

#collegesearch_searchcriteria_left {
	width: 338px;
	height: auto;
	padding-left: 50px;
	float: left;
}

#collegesearch_searchcriteria_right {
	width: 388px;
	height: auto;
	float: right;
}

/* College Profiles - Search Page */

#collegeprofiles_contents_left {
	width: 650px;
	height: auto;
	float: left;
}

#collegeprofiles_contents_right {
	width: 126px;
	height: auto;
	float: right;
}

#collegeprofiles_contents_left_child_left {
	width: 355px;
	height: auto;
	float: left;
}

#collegeprofiles_contents_left_child_right {
	width: 355px;
	height: auto;
	float: right;
}

/* CC Profiles - Actual Profile Pages */

#ccprofiles_holder {
	width: 776px;
	margin: 10px 10px 0 10px;
}

#ccprofiles_submenu {
	width: 776px;
	font-size: 11px;
	color: #666;
	text-align: right;
}

#ccprofiles_submenu a, #ccprofiles_submenu a:active, #ccprofiles_submenu a:visited {
	color: #666;
	text-decoration: none;
}

#ccprofiles_submenu a:hover {
	color: #333;
	text-decoration: underline;
}

#ccprofiles_header {
	background: url(/images/contents/pages/ccprofiles/ccprofiles_header.gif) top left no-repeat;
	width: 776px;
	height: 147px;
}

#ccprofiles_header h2 {
	padding-top: 60px;
	padding-left: 180px;
}

#ccprofiles_header h3, #ccprofiles_header p {
	padding-left: 180px;
}

#ccprofiles_contents_left {
	width: 500px;
	height: auto;
	float: left;
	margin-top: 10px;
}

#ccprofiles_contents_left p {
	margin-left: 20px;
}

#ccprofiles_contents_left ul, #ccprofiles_contents_left ul li {
	margin-left: 20px;
	list-style: disc;
}

#ccprofiles_contents_right {
	width: 246px;
	heigh: auto;
	padding-left: 10px;
	margin-top: 10px;
	float: right;
}

#ccprofiles_contents_right #quicklook {
	background: #FFC474 repeat-y;
	width: 230px;
	padding: 5px;
	font-size: 12px;
}

#ccprofiles_contents_right #quicklook .border {
	border-top: 1px solid #004C39;
}

#ccprofiles_contents_right #quicklook_left {
	width: 130px;
	height: auto;
	float: left;
}

#ccprofiles_contents_right #quicklook_right {
	width: 100px;
	height: auto;
	text-align: right;
	float: right;
}


/* Classes */
.strong {
	font-weight: bold;
}

.bottomspacer {
	margin-bottom: 10px;
}

/* !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;
}

.white {
	color: #FFF;
}