/* ------  HTML ELEMENTS  ------  */
body{
background:url('/images/background.jpg') repeat;
font-family: arial, sans-serif;
font-size:medium;
z-index:1;
}

a{
border:0px;
text-decoration:underline;
color:#998675;
}

a img{
border:0px;
}

/* Remove Outlines */
img {outline: none;}  
a {outline: none;}
:focus {outline: none;}   
      

/*  ------ ID'S  ------  */

*{
margin:0px;
padding:0px;
}

#container{
width:725px;
margin:0 auto;
padding:0px 10px 10px 10px;
}

#outer_wrapper{
width:725px;
background-color:#ffffff;
padding:0px 10px 10px 10px;
margin-top:10px;
position: absolute;
z-index: -3;
}

#inner_wrapper{
width:700px;
margin-left:12px;
display: block;
z-index:2;
}

#header{
width:700px;
height:76px;
}

#logo_left{
width:149px;
height:45px;
float:left;
}

#logo_right{
width:74px;
height:45px;
margin-top:27px;
float:left;
margin-top:20px;
}

#top_nav {
float:left;
height:34px;
margin-top:17px;
padding-left:25px;
width:450px;
}         

.addthis_toolbox {
	margin-bottom: 10px;
}

ul#socialSharing {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
	display: inline;
}

ul#socialSharing li {
	float: right;
}

#main_explore{
background-image:url('/images/home.jpg');
height:495px;
width:700px;
clear: both;
}

#main_explore_biomedical {
background-image:url('/images/explore/biomedical.jpg');
height:495px;
width:700px;   
clear: both;
}

#main_explore_culinary {
background-image:url('/images/explore/culinary.jpg');
height:495px;
width:700px;
clear: both;  
}
#main_explore_it {
background-image:url('/images/explore/it.jpg');
height:495px;
width:700px; 
clear: both;  
}

#main_explore_windenergy {
background-image:url('/images/explore/windenergy.jpg');
height:495px;
width:700px;
clear: both;   
}

#main_explore_mechanical {
background-image:url('/images/explore/mechanical.jpg');
height:495px;
width:700px;  
clear: both;
}

#main_explore_farming {
background-image:url('/images/explore/3995_WTCS_campaignsite_farmer.jpg');
height:495px;
width:700px;   
clear: both;
}

#main_explore_radiography {
background-image:url('/images/explore/3995_WTCS_campaignsite_radiography.jpg');
height:495px;
width:700px;   
clear: both;
}

#main_explore_civilengineer {
background-image:url('/images/explore/3995_WTCS_campaignsite_civilengineer.jpg');
height:495px;
width:700px;   
clear: both;
}

#main_explore_clinicaltech {
background-image:url('/images/explore/3995_WTCS_campaignsite_clinicallabtech.jpg');
height:495px;
width:700px;   
clear: both;
}

#main_home{
background-image:url('/images/home/background.jpg');
height:495px;
width:700px;
clear: both;
}

#main_map{
height:495px;
width:700px;
clear: both;
}

#main_news{
background-image:url('/images/newsroom/newsroom.jpg');
height:495px;
width:700px;
clear: both;
}

#main_news_all{
background-image:url('/images/news_back.jpg');
height:450px;
width:660px;
padding:20px;
clear: both;
}

#futurefest_intro {
margin-left: 10px;
}

#main_futurefest{
background-image:url('/images/futurefest/videobg.png');
height:495px;
width:700px;
clear: both;
}

#futurefest_buttons {
background-color:#35b0e5;
width:183px;
height: 18px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
margin-bottom: 5px;
}

#futurefest_panel_wrapper {
position: absolute;
top:304px;
left:48px;
}

#futurefest_panel {
background-color:#35b0e5;  
position: relative;
width:173px;
height: 98px;
text-align: left;
color: #FFFFFF;
padding: 10px;
}

#futurefest_panel_who {
width: 173px;
text-align: left;
}

#futurefest_panel_log {
margin: 35px 10px 0px 0px;
text-align: left;
}

#loginsubmit {
margin: 10px 10px 0px 0px;
text-align: left;
}

#login_form_message {
margin: 0px 10px 0px 0px;
text-align: left;
}

#futurefest_sort_control {
text-align: left;
padding-top:15px;
padding-left:15px;
clear:both
}

#futurefest_sort_control form,dl,dt,dd,select {
display: inline;
}

#futurefest_gallery {
padding-top: 30px;
height: 360px;
}

#futurefest_gallery_entry {
float:left;
height:170px;
padding-left:15px;
width:100px;
}

.futurefest_gallery_entry_landing {
float:left;
height:170px;
padding-left:5px;
padding-top:5px;
width:100px;
}

.futurefest_gallery_pagination_control {          
clear:both;
text-align: center;
width: 360px;
}

#submit_to_gallery_button {
cursor: pointer;
}

#futurefest_entry_video{
text-align: center;
width: 285px;
margin: 15px 37.5px
}

#futurefest_entry_title, #futurefest_entry_name, #futurefest_entry_desc, #star_rating, #rating_desc {
text-align: left;
width: 285px;
margin: 0px 37.5px
}

#futurefest_entry_title {
color: #f47a47;
font-size: 16px;
}

#futurefest_entry_name{
color: #f47a47;
font-size: 10px;
}

#futurefest_entry_desc {

}

#futurefest_update_button {
background-color:#35b0e5;
height: 22px;
padding-top: 3px;
width: 110px;
position: absolute;
top: 449px;
left: 300px;
text-align: center;
}

#futurefest_entry_button{
background-color:#35b0e5;
height: 22px;
padding-top: 3px;
width: 110px;
position: absolute;
top: 449px;
left: 300px;
text-align: center;
}

.futurefest_index_list {
margin: 15px;
}

#left_outer{
width:250px;
height:410px;
float:left;
position:relative;
}

#left_inner{
width:193px;
height:436px;
margin-left: 26px;
margin-top: 18px;
padding: 10px; 
background-color:#ffffff;
z-index: -10;
}

#left_header{
margin-left:-6px;
}
#smartsAndDriveAndTheSkillsToThrive{
margin-left:6px;
}
#left_text{
font-family: Arial, sans-sarif;
color:#998675;
font-size:0.7em;
}

#left_text h2{
font-weight: normal;
font-size: 12px;
margin-bottom: 5px;
margin-top: 4px;
text-transform: uppercase;
}

#left_text p{
font-size: 10px;
line-height: 1.5;
}

#left_video{
margin-top:10px;
}

#howToCompete{
background: transparent url(/images/home/how-to-compete.jpg) center center no-repeat;
display: block;
height: 94px;
width: 197px;
}

#left_explore_career {
color:#35b0e5;
font-size:0.7em; 
margin-top:20px;
}

#left_explore_career a {
text-decoration:none;
}

#left_explore_career a:hover{
text-decoration:underline;
}

#left_explore_career a{
color:#35b0e5;
}

#right_outer{
width:450px;
height:495px;
float:left;
position: relative;
}

#home_left_inner{
width:199px;
height:409px;
margin-left: 23px;
margin-top: 18px;
padding: 24px; 
background-color:#ffffff;
}

#home_right_inner{
width:170px;
margin: 170px 0px 20px 180px; 
padding:15px;
background-color:#ffffff;
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;
color:#35B0E5;
}

#futurefest_right_wrapper{
width:360px;
height: 446px;
padding-top: 10px;
margin: 18px 0px 20px 50px; 
background-color:#ffffff;
color:#998675;
font-size:0.7em; 
}

#explore_right_wrapper{
width:360px;
height:330px;
margin: 145px 0px 20px 50px; 
background-color:#ffffff;
}

#explore_right_inner{
padding:10px;
}

#home_right_text{
color:#998675;
margin-left:15px;
}
#home_right_title{
color:#35b0e5;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
}

#explore_right_text{
color:#998675;
margin-left:15px;
}

#explore_right_head{
width: 400px;
position:absolute;
}

#home_career_title {
color:#35b0e5;
font-size:0.7em;
}

#explore_right_title{
color:#35b0e5;
font-size:0.75em;
text-transform:uppercase;
font-weight:bold;
width: 190px;
margin-left:10px;
margin-top:10px;
float:left;
}

#explore_right_subtitle{
color:#35b0e5;
font-size:0.6em;
text-transform:uppercase;
font-weight:bold;
width: 150px;
float:left;
margin-top:10px; 
}

#left_news_inner{
width:193px;
height:436px;
margin-left: 26px;
margin-top: 18px;
padding: 10px; 
background-color:#ffffff;
/*
width:190px;
height:420px;
margin: 20px 0px 10px 30px; 
padding:15px;
background-color:#ffffff;
*/
}

#left_news_month{
color:#35b0e5;
}

#left_news_month h4{
font-size:0.9em;
margin-top:10px;
}

#left_news_month p{
font-size:0.7em;
color:#998675;
margin-bottom:10px;
}

#left_news_month p a{
text-decoration:underline;
}

#news_right_outer{
width:450px;
height:410px;
float:left;
padding-top:20px;
}

#newsall_inner{
height:420px;
width:630px;
padding:15px;
background-color:#ffffff;
}

.image_library_text{
margin-top:40px; 
width:125px; 
float:left;
margin-right: 15px;
}

.image_library{
width:110px; 
float:left; 
margin-top:30px;
}

.image_library_dbl{
width:10px; 
float:right; 
margin-top:45px;
margin-left: 10px;
}

#campaign_left{
float:left;
width:140px;
height:70px;
margin-top:65px;
margin-left:20px;
}

#campaign_right{
float:left;
width:180px;
height:180px;
margin: 12px 0px 0px 15px;
}

#bottom_nav{
height:85px;
padding-top:15px;
padding-left:55px;
}

#footer{
padding-top:10px;
height:20px;
width:700px;
}
#more_careers{
margin-top:10px;
}
#bottom_dots{
background:url('/images/dots.gif') repeat-x;
width:700px;
margin:0px;
clear: both;
}

#copyright{
text-align:right;
margin-top:-10px;
color:#998675;
font-size:0.6em;
clear: both;
}

#flash_object{
position:absolute;
margin-left:-105px;  
margin-top:-130px;
z-index:-1;
}

#tagline, #tagline1, #tagline2, #tagline3, #tagline4, #tagline5 {
position:absolute;
height: 300px;
width: 560px;
left: -85px;
top: 455px;
z-index:-1;
background-image: url('/images/tagline/1.png');
behavior:url('/scripts/iepngfix.htc');
}



#tagline1 {background-image: url('/images/tagline/1.png');}   
#tagline2 {background-image: url('/images/tagline/2.png');}   
#tagline3 {background-image: url('/images/tagline/3.png');}   
#tagline4 {background-image: url('/images/tagline/4.png');}   
#tagline5 {background-image: url('/images/tagline/5.png');}   


#skipnav {
float:left;
}

#explore_noscript{
font-weight:bold;
color: red;
}

#map_left_nav{
width:195px;
height:436px; 
margin-left: 26px;
margin-top: 18px;
padding: 10px; 
background-color:#ffffff;
position:absolute;
z-index:1; 
}

#futuremaker_person {
margin: 0px 0px 0px -10px; 
padding: 0px;
position:relative;
}

#nav_self_male  {
margin-left:25px;
}

#futuremaker_desc {
position: relative;
top: 200px;
left: 50px;
width: 320px;
color:#998675;
font-size:0.8em;
}

#content_self {
z-index: 1; 
position:absolute; 
left:0px; 
top:0px;
width: 289px;
height: 475px;
}

#content_career {
z-index: 2; 
position:absolute; 
left:0px; 
top:0px;
width: 289px;
height: 475px;
}

#content_fun {
z-index: 3; 
position:absolute; 
left:0px; 
top:0px;
width: 289px;
height: 475px;
}

#futuremaker_classroom{
background-image:url('/images/futuremaker/content/classroom/landing.jpg');
height:495px;
width:700px;
z-index: 0;                        
position: relative;
}                                  

#futuremaker_mentor{
width: 113px;
height: 472px;
z-index: 1;
position: absolute;
left: 587px;
top:2px;
}

#futuremaker_congrats{
width:410px;
height:495px;
z-index: 0;
position: absolute;
left:0px;
top:0px;  
}

#futuremaker_9000 {
position:absolute;
top:474px;
left: 321px;
z-index: 5;
}

#preloader_splash {
background-color:#7CAFCD;
height:495px;
width:700px;
z-index: 99;
position: absolute;
}

#preloader_image {
text-align: center;
margin-top: 200px;
}

/*  ------  CLASSES  ------  */

.futuremaker_text{
color:#998675;
font-size:0.7em;
}

.preload {
display: none; 
}

.map_bubble_title {
color:#35b0e5;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
padding-bottom: 5px;
}

.map_bubble_text {
color:#998675;
font-size:0.7em;
}

.map_bubble_img {
width:110px; 
float:left; 
padding-top: 10px;
padding-right: 20px;
}

.map_bubble_contact {
width:150px; 
float:left; 
padding-top: 10px;
}


.quick_careers_wrapper{
width:75px;
height:85px;
margin-right:8px;
float:left;
}

.quick_careers_photo{
width:60px;
height:55px;
}

.quick_careers_text{
width:75px;
padding-top:3px;
color:#998675;
font-size:0.7em;
}

.quick_careers_text a{
text-decoration:none;
}

.quick_careers_text a:hover{
text-decoration:underline;
}

.news_right_wrapper{
width:380px;
height:220px;
margin: 0px 0px 10px 40px; 
background-color:#ffffff;
}

.news_right_inner{
padding:10px;
}

.news_right_text{
color:#998675;
font-size:0.7em;
}

.news_right_head{
width: 400px;
position:absolute;
}

.news_right_title{
color:#f47a47;
font-size:0.9em;
font-weight:bold;
}

.news_right_subtitle{
color:#35b0e5;
font-size:0.6em;
text-transform:uppercase;
font-weight:bold;
width: 150px;
}

.bold{
font-weight:bold;
}

.image_plus{
vertical-align: text-top;
color:#998675;
float:left;
}

/*  -----  ACCORDIAN CLASSES AND ID'S  ------ */


#futurefest_accordion {
/* an accordion must be shown using javascript otherwise the noscript is rendered */
display:none;
}

#explore_accordion {
/* an accordion must be shown using javascript otherwise the noscript is rendered */
display:none;
}

div.accordion_title {
/*
color:#35b0e5;
border-bottom: 1px dotted #998675;
font-size: 12px;
margin: 10px;
*/
cursor: pointer;          
}

div.accordion_content {
padding: 0px 20px 0px 20px;
color:#998675;
font-size: 11px;
line-height: 13px;
}

#futuremaker_nav {
list-style-type: none;
color:#998675;
font-size:0.7em;
/* an accordion must be shown using javascript otherwise the noscript is rendered */
display: none;
}

div.futuremaker_accordion_title{
color:#35b0e5;
font-size: 12px;
text-decoration: none;
/* 
border-bottom: 1px dotted #998675; 
text-transform:uppercase; 
*/   
}

#tooltip {
    position: absolute;
    z-index: 3000;
    background-color: #FFFFFF;
    padding: 5px;
    color:#35B0E5;
    font-size: 12px;
    margin: 0;
    opacity: 0.6;
}

#tooltip h3 {font-size: 12px;} 

#tooltip div { margin: 0; }

/*  -----  PURE CSS SHOW/HIDE  ------ */

.hshow_accordion_toggle a:hover {
visibility:visible;
color:#f00;
}

.hshow_accordion_toggle a:focus strong{
background:red;
color:#fff
}

.hshow_accordion_toggle a:focus span {
display:block
}

ul.hshow li a{outline:none}
ul.hshow li a:active strong{border:1px solid red;}
ul.hshow li a:active{overflow:visible;height:auto}
ul.hshow li a:active strong{background:red;color:#fff}
ul.hshow li a:active span{display:block}