/* Start of CMSMS style sheet 'BSBDC Styles' */
/*
 * Body Setting to make layers absolutely work in IE
 */
html, body {
	height: 100%;
	}
body {

	margin: 0;
	padding: 0;
	color: #000;
        background: #f6f6f6 url(images/mainback_dkblue.gif) repeat-y center 0;
	}

/*
 * Main Structure,wrap the whole layout in a div to keep it narrow and centered
 */

#wrapper { position: relative; visibility: visible; text-align: left; width: 900px; min-height: 100%; margin: 0 auto; top: 0; height: 100%;  z-index: 1000; padding-top: 10px; padding-bottom: 10px; }

#wrapper h1 { visibility: hidden;  }



h2 { color: #006892; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-transform: uppercase; border-bottom: 1px solid #6bb9c3; }



h3 { color: #006999; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-transform: uppercase; margin-top: 15px;}

h4 {  font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px;margin-top: 15px;}

/*
 * Logo
 */
#logo { position: absolute; top: 50px; left: 124px; width: 195px; height: 110px; z-index: 1004; }
/*
 * Top Menubar
 */
#topmenubar { position: absolute; top: 70px; right: 0; width: 515px; height: 55px; z-index: 1001; }
#button1 { position: absolute; width: 145px; height: 55px; z-index: 1001; }
#button2 { position: absolute; top: 0; left: 130px; z-index: 1002; width: 145px; height: 55px; }
#button3 { position: absolute; top: 0; left: 260px; z-index: 1003; width: 145px; height: 55px; }
#button4 { position: absolute; z-index: 1004; top: 0; right: 0px; width: 125px; height: 55px; }


#button_sm1 { position: absolute; top: 0;  left: 5px; z-index: 1002; width: 111px; height: 42px; }
#button_sm0 { position: absolute; left: 105px;width: 111px; height: 42px; z-index: 1001; }
#button_sm2 { position: absolute; top: 0; left: 205px; z-index: 1003; width: 111px; height: 42px; }
#button_sm3 { position: absolute; top: 0; left: 305px; z-index: 1004; width: 111px; height: 42px; }
#button_sm4 { position: absolute; z-index: 1005; top: 0; right: 15px; width: 96px; height: 42px; }


/*
 * Image Layer
 */
#topgraphic {
	position: absolute;
	top: -10px;
	left: 0;
	width: 331px;
	height: 211px;
}



#sidegraphic {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 97px;
	height: 366px;

}
#pagecontent {
width: 900px;
}

#bottomimage { position: absolute; top: 352px; left: 0; width: 250px; height: 559px; z-index: 1001; }



/*
 * Side Menu
 */



#sidebar {
        line-height: 20px;
        font-size: 13px; 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        text-transform: uppercase; 
}

#sidebar li a:hover {
        background: url(uploads/menu-background.gif) repeat-y; 
}

#sidebar li a {
       text-decoration: none;
       display: block;
       padding: 5px;
       font-weight: bold;
}


#sidebar ul.sidemenu {
       width: 220px;
       position: absolute;
       top: 200px;
       left: 100px;
       list-style: none;
       text-align: left;
}

#sidebar ul.sidemenu li a {
       color: #006892;
}

 * html #sidebar li a {  /* make hover effect work in IE */
	width: 220px;
}

 * html #sidebar li ul li a {  /* make hover effect work in IE */
	width: 160px;
}



#sidebar ul.sidemenu li {
       border-bottom: 1px solid #008c99;
       list-style:none;
       color: #6bb9c3;	
}

#sidebar ul.sidemenu li ul li {
     line-height: 15px;
     border-bottom: 1px solid #6bb9c3;
font-size: 11px;
margin-left: 3px;
}



#sidebar ul.sidemenu li ul li ul li a {
color: #5399a2;
}

#sidebar ul.sidemenu li ul li ul li ul li a {
color: #8f902d;
     line-height: 15px;
font-size: 11px;
}
#sidebar ul.sidemenu li ul li ul li ul li  {
line-height: 8px;
}




#sidebar ul.sidemenu li ul li.currentpage h3 {
font-size: 11px;
     margin:0;
     padding: 5px;
       color: #9f355e;
   line-height: 15px;
}

#sidebar ul li.currentpage h3 {
font-size: 13px;
    margin:0;
    padding: 5px;
       color: #9f355e;
}



/*
 * Logo
 */
#logo { position: absolute; top: 50px; left: 124px; width: 195px; height: 110px; }

/*Page Content*/
.leftImg {
float: left;
margin: 0px 10px 5px 0px;
}
.centerImg {
margin: 5px 10px 5px 40px;
}
.ybt {
margin-left: 35px;
}

/*
 * Site Search
 */
#search {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 290px;
	height: 25px;
	z-index: 1004;
	text-align: right;
	vertical-align: bottom;
}

#search input {
color: #666666;
	vertical-align:top;
}

#cntnt01searchinput {
padding-bottom: 5px;
}



#content { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; position: absolute; top: 165px; right: 0; width: 516px; z-index: 1002; }
.heading { color: #006892; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; }
.subhead { color: #006892; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; }
.tdline { font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 21px; border-bottom: 1px solid #6bb9c3; }
.copy { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; }
.tdspacing { padding-top: 14px; padding-right: 30px; }
a:link { color: #37404c; text-decoration: underline; }
a:visited { color: #37404c; }
a:hover { color: #006892; }
a:active { color: #006892; }
#m3ujaghk { }

.dsR2 /*agl rulekind: base;*/ { width: 331px; height: 211px; }

/* Registration Form */
		

.form_text {font-family:Arial, Helvetica, sans-serif; font-weight: bold;  padding:10px 10px 10px 2px; color: #666666; /*#365050;*/ border-top: 3px solid #CCCCCC;}
.odd {background-color:#d6e0ff;}
#contact_form					{ margin:0 auto; padding:0 0 0 30px; background: transparent url(/images/form_bg.png) no-repeat; position:relative; }
form fieldset					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;
margin:0px 0px 20px 0px; width:578px; position:relative;border:0;display:block; padding: 0px 10px 8px 5px; }								
.formfieldset {border:none;}
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;	margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; } 
label	{ width:15em; text-align: right; margin:.2em .2em 0 0; padding:8px; float: right;}

label.boolean { width:1em; float: none; margin:0; padding:3px;}
label.error           { float: right; font-weight:bold; color:red; text-align:left; padding-right:30px; width: 14em;}
input.text-input	  { margin:4px;padding:2px 0;color:#333; }
input.button					{  width: 200px; height: 50px; padding:3px 6px; border:2px solid #006993; margin:5px 0px 0px 5px; color:#3D7169; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background:#CCC; -moz-border-radius:5px; cursor: pointer;}
input.button:hover		{ background:#009FAA none repeat scroll 0% 0%; color:white; }
.endmessage {margin: 15px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #CC0000; font-size: 130%; text-align: center; font-weight: bold;}
#message						{ width:200px;margin:5px 0 0 0px; }
#message h2						{ color:green; position: relative; left: 160px; top: 710px;}
#message p						{ float: right; color:black;font-weight:bold;  position: relative; left: 160px; top: 700px}
#checkmark						{ position: relative; left: 0px; top: 605px; }

#homeitem2 {float: right; margin-left: 200px;}
#homeitem1 {float: left; margin-left: 200px;}


/*Mentor Content*/
.logoutText {
color: #006892;
}

/*Mentor Forms*/




#applyForm h3, h4,div {
clear:both;
}
div.checkbox {
padding:0px;
margin:0px;
height: 25px;
}
#applyForm label, input, select {
padding: 5px 3px 2px 3px;
font-size: 12px;
font-family: Arial,Helvetica,SunSans-Regular,sans-serif;
font-style: normal;
font-weight: normal;
display: inline;
}

#applyForm label{
color: black;
text-align: right;
float: left;
width: 40%;
}
#applyForm {
padding-right: 5px;
padding-left: 5px;
}

#contactForm div{
clear:both;
height: 50px;
margin-bottom: 5px;
}

#applyForm input, #applyForm select {
color: black;
margin-top: 4px;
float:left;
}

#applyForm input[type="radio"] {
color: black;
margin-top: 10px;
float:left;
}

#applyForm textarea {
width: 190px;
color: black;
float:left;
}


#applyForm input.submit {
cursor:pointer; 
}

#applyForm .odd {
background: #575757;;
}

#applyForm fieldset {
width: 480px;
padding: 10px;
background-color:#ebf5ff;
border-bottom: 1px solid #b2b2b2;
border-top: 1px solid #b2b2b2;
border-right: none;
border-left: none;
margin-right: 10px;
}

#applyForm label.radio_label {
position: relative;
width: 49%;
right: 6px;
}

#applyForm .error {
text-align: left;
background: #fee3e3;
border: 1px solid #ff7a7a;
position:absolute;
left: 450px;
color: black;
display:inline;
font-style: italic;
}


.videoTable tr td {
vertical-align: top;
}

.videoTable tr {
margin-top" 3px;
}

table.videoTable {
padding: 3px;
width: 500px;
border: 1px solid #c4d7ff;
}




/* Footer */
div#footer {
   clear: both;       /* keep footer below content and menu */
   color: #fff;
   background-color: #385C72; /* same bg color as in header */
}

/*Video*/
a.myPlayer { 	display:block; 	width: 500px; 	height:366px;  	text-align:center; 	margin:0 15px 15px 0; clear: both; 	border:1px solid #999; }

  /* play button */
 a.myPlayer img { 	margin-top:70px; 	border:0px; } 
 /* when container is hovered we alter the border color */ 
a.myPlayer:hover { 	border:1px solid #000; } 
/* End of 'BSBDC Styles' */