@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");

/* Career Academies - main stylesheet - Major page elements in here - tim@fb */

/******

Main colours:

Light Powder Blue: #7ab2dd
Accent Electric Blue: #0069b3
Plum Purple: #780d68
Charcoal: #3f3f3f
Lively Green: #77ae1d

******/

/* Main Layout Blocks */

.fullwidth {
	width: 100%;
	font-size: 1.2em;
	float: left;
	clear: both;
	position: relative;
}

.fullwidth_bluebar {
	width: 100%;
	font-size: 1.2em;
	float: left;
	clear: both;
	position: relative;
	background: #7ab2dd;
}

.fullwidth_whitebar {
	width: 100%;
	font-size: 1.2em;
	float: left;
	clear: both;
	position: relative;
	background: #fafafa; /*hahaha */
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 45px 0 20px 0;
}

.fullwidth_footer {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background: #7ab2dd url(../images/footer_shadow.gif) 0 0 repeat-x;
	float: left;
	padding: 40px 0 35px 0;
	font-size: 1.10em;
}

#fullwidth_nav {
	width: 100%;
	font-size: 1.2em;
	float: left;
	clear: both;
	position: relative;
	background: url(../images/shadow_trans_180.png) repeat-x 0 0;
}

.fullwidth_trans {
	width: 100%;
	font-size: 1.2em;
	float: left;
	clear: both;
	position: relative;
	background: url(../images/shadow_trans.png) repeat-x top left;
	height: 21px;
}

.wrapper_content {
	margin: 0;
	text-align: left;
	font-size: 1.2em;  	
	width: 960px;
	padding: 0;
	clear: both;
	float: left;
}

.wrapper_basement {
	margin: 0;
	text-align: left;
	width: 960px;
	padding: 0;
	clear: both;
	float: left;
}

body#index .wrapper_content_relative {
	margin: 0;
	text-align: left;
	font-size: 1.2em;  	
	width: 960px;
	padding: 0;
	position: relative;
	clear: both;
	float: left;
	height: 620px;
}

#branding {
	background:transparent url(../images/branding.png) no-repeat 0 0;
	display:block;
	float: left;
	height:0;
	overflow:hidden;
	padding-top:98px;
	margin-left: 280px;
	width:171px;
	position: relative;
	z-index: 100;
}

.bluebar {background: #7ab2dd;}

#tile_topnav {
	background: url(../images/tile_topnav.png) 930px 0 no-repeat;
	width: 100%;
	height: 15px;
}

.relative {position: relative;}

body#index .whitebar {
	background: #fafafa; /*hahaha */
	min-height: 277px;
	height: auto !important;
	height: 277px;
	padding: 45px 0 20px 0;
}

#tagline {
	float: left;
	width: 455px;
	padding: 0 0 0 45px;
}

.trans {
	background: url(../images/shadow_trans.png) repeat-x top left;
	height: 21px;
}

/* footer mini columns */

.col_one {float: left;}

/* end footer mini columns */

/* Main 'Top' Navigation sprite */

ul#topnav {
	height:38px;
	float: left;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	position: relative;
	padding:0;
	width:930px;
}

ul#topnav li {
	list-style-type: none;
	float: left;
	padding: 0;
}

ul#topnav a {
	background: url(../images/sprite_topnav.png) 0 0 no-repeat;
    display: block;
	height: 38px;
	color: #fff;
    overflow: hidden;
	position: absolute;
	font-size: 1.25em;
	font-weight: bold;
	
}

/*ul#topnav li a:hover {
	text-decoration: none;
	color: #3c3c3c;
}*/

ul#topnav li#choice_01 a {top: 0; left: 0px; width: 109px; background-position: 0px -62px; z-index: 50; padding: 4px 0 0 70px;}
ul#topnav li#choice_02 a {top: 0; left: 150px; width: 226px; background-position: -190px -62px; z-index: 40; padding: 4px 0 0 47px;}
ul#topnav li#choice_03 a {top: 0; left: 375px; width: 111px; background-position: -657px -62px; z-index: 30; padding: 4px 0 0 68px;}
ul#topnav li#choice_04 a {top: 0; left: 522px; width: 198px; background-position: -190px -62px; z-index: 20; padding: 4px 0 0 75px;}
ul#topnav li#choice_05 a {top: 0; left: 750px; width: 100px; background-position: -456px -62px; z-index: 10; padding: 4px 0 0 80px;}

/* hover states */

ul#topnav li#choice_01 a:hover {background:url(../images/sprite_topnav.png) 0px -186px no-repeat; text-decoration: none;}

ul#topnav li#choice_02 a:hover {background:url(../images/sprite_topnav.png) -190px -186px no-repeat; text-decoration: none;}

ul#topnav li#choice_03 a:hover {background:url(../images/sprite_topnav.png) -657px -186px no-repeat; text-decoration: none;}

ul#topnav li#choice_04 a:hover {background:url(../images/sprite_topnav.png) -190px -186px no-repeat; text-decoration: none;}

ul#topnav li#choice_05 a:hover {background:url(../images/sprite_topnav.png) -456px -186px no-repeat; text-decoration: none;}

/* ons */

ul#topnav li#choice_01 a.on {background:url(../images/sprite_topnav.png) 0px -186px no-repeat;}

ul#topnav li#choice_02 a.on {background:url(../images/sprite_topnav.png) -190px -186px no-repeat;}

ul#topnav li#choice_03 a.on {background:url(../images/sprite_topnav.png) -657px -186px no-repeat;}

ul#topnav li#choice_04 a.on {background:url(../images/sprite_topnav.png) -190px -186px no-repeat;}

ul#topnav li#choice_05 a.on {background:url(../images/sprite_topnav.png) -456px -186px no-repeat;}

/* end top nav sprite */


/* big juicy home page slideshow */ 

#wrapper_slideshow {
	position: absolute;
	z-index: 0;
	width: 355px;
	height: 643px;
	top: -23px;
	left: 0;
	overflow: hidden;
	z-index: 50;
}

#student_one {
	float: left;
	width: 333px;
	height: 645px;
	background: url(../images/student_01.png) 0 0 no-repeat;
	z-index: 50;
}

.hide  { /* hide other slides until called */
	display: none;
}

#control_slideshow {
	background: #780d68;
	padding: 0 0 0 273px;
	float: left;
	width: 309px;
	margin: 0 0 5px 0;
}

/* end big juicy home page slideshow */

body#index #colwrapper {
	float: left;
	width: 960px;
	margin: 30px 0 0 0;
}

body#index #leftcol {
	float: left;
	width: 582px;
	z-index: -1;
	padding: 0;
	background: none;
}

body#index #midcol {
	float: right;
	width: 360px;
	position: relative;
}

body#index #rightcol {display: none;}


/* basement row columns  */

#basement_left {
	float: left;
	width: 228px;
	padding: 0 0 0 18px;
	background: url(../images/dotsep_onwhite.gif) top right repeat-y;
	min-height: 270px;
	height: auto !important; /* IE fix */
	height: 270px;
}

#basement_colwrapper {
	float: left;
	width: 680px;
	margin: 0 0 0 10px;
}

#basement_mid {
	float: left;
	width: 442px;
}

#mid_left {
	float: left;
	width: 168px;
}

body#index #mid_left { /* tgc edit 7.9.09 */
	float: left;
	width: 432px;
	/*background: url(../images/map_regions.gif) top right no-repeat;*/
}

#mid_right {
	float: right;
	width: 260px;
}

body#index #mid_right {display: none;} /* tgc edit 7.9.09 */

#basement_right {
	float: right;
	width: 201px;
	padding: 0 0 0 25px;
	background: url(../images/dotsep_onwhite.gif) top left repeat-y;
	min-height: 270px;
	height: auto !important; /* IE fix */
	height: 270px;
}

/* footer row columns */

#footer_left {
	float: left;
	width: 195px;
}

#footer_colwrapper {
	float: left;
	width: 739px;
}

#footer_mid {
	float: left;
	width: 503px;
	padding: 0 0 15px 0;
}

#footer_right {
	float: right;
	width: 198px;
	background: url(../images/dotsep_onblue.gif) top left repeat-y;
	padding: 0 0 0 25px;
	min-height: 136px;
	height:  auto !important; /* IE fix */
	height: 136px;
}

#footer_mid_left {
	float: left;
	width: 147px;
}

#footer_mid_right {
	float: left;
	width: 236px;
}

#tabtop_white {
	position: absolute;
	height: 31px;
	width: 175px;
	bottom: 0;
	left: 0;
	background: url(../images/tabtop_white.png) 0 0 no-repeat;
	z-index: 150;
}

.sidebar {
	padding: 0 0 15px 0;
	border-bottom: 3px solid #7ab2dd;
}

/*----------end main layout divs--------------*/

.pullquotes {
 	margin: 5px 0 0 0;
 	padding: 15px 0 0 0;
}

.pullquotes blockquote {
	font-size: 1.750em;
	padding: 0 30px 0 273px;
	line-height: 1.2;
	color: #3f3f3f;
	margin: 0;
}

.pullquotes a {
	display: block;
	margin: 0 0 0 273px;
	padding: 11px 0;
	color: #780d68;
	font-weight: bold;
	font-size: 1.167em;
}

body#index .pullquotes a {
	z-index: 100;
	position: relative;
	background: transparent url(../images/50trans.png);
}

.tile_trans {
	background: url(../images/tile_45.png) 0 0 repeat; /* wherever the 45degree trans tile is needed */
	clear: both;
} 

#featuredstories {
	float: left;
	clear: both;
	width: 711px;
	position: relative;
	z-index: 50;
	margin: 12px 0 0 249px;
}

/* form ui styles */

form#login ul, form#search ul, form#login ul li, form#search ul li {
	list-style-type: none;
	float: left;
	color: #0069b3;
	font-weight: bold;
	font-size: 0.958em;
}

div#login {
	float: left;
	width: 445px;
	margin: 11px 11px 11px 23px;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
}

form#login input.textarea, form#search input.textarea {
	color: #0069B3;
	background-color: #c6ddf5;
	border: 1px solid #3d8ec8;
}

/* form lists */

#form_wrapper_ui_tools {
	width: 800px;
	float: left;
	padding: 12px 0 5px 170px;
	position: relative;
	
}

#forgot_password_link {
	position: absolute;
	bottom: 5px;
	display: block;
	left: 195px;
}

form#login ul li, form#search ul li {padding: 0 3px 0 3px;}

/* sec nav */

ul#secnav {
	list-style-type: none;
	float: right;
	text-align: left;
	margin: 11px 23px 0 0;
}

ul#secnav li {
	list-style-type: none;
	float: left;
}

.tabtop {
	float: left;
	width: 582px;
}

/* mini quote/feat puffs on home page */

ul#featlist {
	list-style-type: none;
	float: left;
	margin: 0;
}

ul#featlist li {
	list-style-type: none;
	float: left;
	margin: 0 11px 0 0;
}

span.val_h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	margin: 1em 0;
	display: block;
}

span.val_p {
	margin: 0;
	padding: 45px 0 0 0;
	display: block;
}

ul#featlist li a {
	display: block;
	width: 200px;
	height: 186px;
	padding: 10px;
	font-weight: bold;
	color: #3f3f3f;
}

ul#featlist li#feat_one a {
	background: url(../images/feat_01_off.png) 0 0 no-repeat;
}

ul#featlist li#feat_one a:hover {
	background: url(../images/feat_01_on.png) 0 0 no-repeat;
	color: #4e4e4e;
	text-decoration: none;
}

ul#featlist li#feat_two a {
	background: url(../images/feat_02_off.png) 0 0 no-repeat;
}

ul#featlist li#feat_two a:hover {
	background: url(../images/feat_02_on.png) 0 0 no-repeat;
	color: #4e4e4e;
	text-decoration: none;
}

ul#featlist li#feat_three a {
	background: url(../images/feat_03_off.png) 0 0 no-repeat;
}

ul#featlist li#feat_three a:hover {
	background: url(../images/feat_03_on.png) 0 0 no-repeat;
	color: #4e4e4e;
	text-decoration: none;
}

/* Tabbed news/events module */

#tab_container {
	padding: 0;
	width: 337px;
	min-height: 223px;
    height: auto !important; /* IE min-height fix */
    height: 223px;
    background: url(../images/tabmodule_content_bg.png) 0 0 repeat-x;
}

#tab_container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 339px;
}

#tab_container ul li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}

#tab_container ul li a {
    display: block;
	color: #c8c8c8;
	font-size: 1.417em;
	font-weight: bold;
	height: 42px;
}

#tab_container ul li a:hover {text-decoration: none;}

#tab_one_content, #tab_two_content {
	clear: both;
	padding: 15px;
/* 	font-size: 1.2em; */
}

li#tab_one a {
	background: url(../images/tabs_ul_bg.png) 0 -64px no-repeat; 
	text-align: right;
	padding: 18px 0 0 0;
	width: 164px;
}

li#tab_one.selected a {
	background: url(../images/tabs_ul_bg.png) 0 0 no-repeat;
	color: #9b9b9b;
}
	    
li#tab_two a {
	background: url(../images/tabs_ul_bg.png) -172px 0 no-repeat;
	padding: 18px 0 0 0;
	color: #c8c8c8;
	margin: 0 0 0 9px;
	width: 164px;
}

li#tab_two.selected a {
	background: url(../images/tabs_ul_bg.png) -172px -64px no-repeat;
	color: #9b9b9b;
}

#tab_container dl {margin: 0;}

#tab_container dl dd {
	margin: 0;
	font-weight: bold;
	color: #3f3f3f;
}

#tab_container dl dd a {
/* 	color: #000; */
}

#tab_container dt {
	font-size: 1.166em;
	font-weight: bold;
	color: #3F3F3F !important;
}

/* End Tabbed news/events module */

ul#secnav_footer {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*width: 115px;
	float: left;*/
}

ul#secnav_footer li {
	list-style-type: none;
}

ul#secnav_footer li a {
	color: #3f3f3f;
	font-size: 1.110em;
}

/* slideshow control bar */

ul#slideshow_controlbar {
	margin: 12px;
	padding: 0;
	list-style-type: none;
	float: right;
	width: 93px;
	height: 37px;
	background: url(../images/slideshowcontrol_bg.gif) 0 0 no-repeat;
}

ul#slideshow_controlbar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

ul#slideshow_controlbar li a {
	display: block;
	height: 37px;
	width: 31px;
	text-indent: -5000em;
	overflow: hidden;
}

ul#slideshow_controlbar li a#a_prev {}

ul#slideshow_controlbar li a#a_pause {}

ul#slideshow_controlbar li a#a_next {}


/* ------styles for sub-page elements------------ */

.wrapper_content_relative { /* sub pages only */
	margin: 0;
	text-align: left;
	font-size: 1.2em;  	
	width: 960px;
	padding: 0;
	position: relative;
	clear: both;
	float: left;
	height: 105px;
	
}


#img_submast {
	position: absolute;
	width: 215px;
	height:  153px;
	top: 0;
	bottom: 0;
	left: 15px;
	z-index: 0;
	background: url(../images/students_submast.png) 0 0 no-repeat;
	
}

#content {
	float: left;
	width: 960px;
}

#colwrapper {
	float: right;
	width: 687px;
	margin: 0;
}

#leftcol {
	float: left;
	width: 223px;
	padding: 0 0 0 28px;
	
}

#subnavtop {
	background: url(../images/shadow_subnav.gif) top center no-repeat;
	height: 30px;
}

#midcol {
	float: left;
	width: 451px;
}

#rightcol {
	float: right;
	width: 220px;
}

/* Sub nav styles */

ul#subnav {
	list-style-type: none;
	margin: 0;
	padding: 0px 15px 25px 12px;
	background: url(../images/shadow_subnav_bottom.gif) bottom center no-repeat;
}

ul#subnav li {
	list-style-type: none;
	font-weight: normal;
	padding: 6px 0 8px 0;
	background: url(../images/ruleunder_subnav.gif) 28px bottom no-repeat;
}

ul#subnav li ul {
	margin: 8px 0 0 20px;
	border: none;
}


ul#subnav li a {
	padding: 0 0 0 25px;
	display: block;
}

ul#subnav li.last {
	background: none;
}


ul#subnav li a:hover, ul#subnav li a.on {
	background: url(../images/linkbullet_black.gif) top left no-repeat;
	color: #3f3f3f;
}


/* ---------bookmark (new above – old below----------- */


ul.bullets_none {
	margin: 0;
	list-style: none;
}

ul.bullets_none li {list-style: none;}

/* Universal classes */

.tile_filler {
	height: 30px;
	background: url(../images/tile_leftcol.gif) 0 0 repeat-y;
}

.flright {float: right;}

.flleft {float: left;}

.clearing {clear: both;}

.pipe {
	color: #0069b3;
	padding: 0 3px;
}

.paddingtopandbottom {padding: 12px 0;}

.zero_m {margin: 0 !important;}

.zero_p {padding: 0 !important;}

.block {display: block;}

.labelpos {margin: 6px 5px 0 5px !important;}

.check {margin: 6px 5px 0 5px !important;}

p#membertools {margin: 4px 0 0 0;}

#wrapper_remember {
	float: left;
	clear: none;
	margin: 6px 0 0 2px;
}

.offscreen {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

.imageleft {
	float: left;
	margin: 0 10px 3px 0px;
}

.imageright {
	float: right;
	margin: 0 5px 3px 10px;
}


/* end main.css */


ul#sitemap_page {
	padding: 0;
	margin: 0;
}

ul#sitemap_page li {
	list-style-type: none;
	margin: 0 0 20px;
	font-weight: bold;
}

ul#sitemap_page li ul li {
	margin: 10px 0 10px 20px;
	font-weight: normal;
	list-style-type: disc;
	list-style-position: outside;
}

#searchResults dl { margin: 10px 0 20px 0px; } 
#searchResults dl dt, #searchResults dl dd { margin-left: 0px; } 
#searchResults .info { font-size: 0.8em; color: #666; text-decoration: none; 
font-weight: normal; }

.imageleft {
	float: left;
	margin: 0 10px 10px 0px;
}

.imageright {
	float: right;
	margin: 0 5px 10px 10px;
}

th {
	text-align: left;
}

table.results {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

table.results th {
	background-color: #eee;
}

table.results tbody tr:hover {
	background-color: #efefef;
}

table.results th, table.results td {
	border: 1px solid #ccc;
}

td, th {
	vertical-align: top;
}

.button {
	background-color:#EEEEEE;
	border:1px solid #AAAAAA;
	display:inline;
	padding:1px;
}

.button:hover {
	text-decoration: none;
}

.cv_render table th, .cv_render table td {
	padding-left: 0;
}

.cv_render table {
	width: 100%;
}

.cv_render h2 {
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
}


#map_legend {
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#map_legend td, #map_legend th, #map_legend caption {
	border: 1px solid #ccc;
}

ul.actions {
	margin: 5px 0px;
}

ul.actions li {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}
#fb-site-credit a{color:#000000}

#media_videos {
	margin: 0;
	list-style: none;
}

#media_videos li {
	margin-bottom: 20px;
	list-style: none;
}

/* tgc edit 7.9.2010 

 -----------------*/

/* @group SocNet links */

#socialnet {
	float: right;
	width: 85px;
	padding-top: 0;
	margin-right: 10px;
}

#socialnet ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#socialnet ul li {
	list-style-type: none;
	margin: 0;
	padding: 2px 0 2px 0;
}

/* @end */