/* CSS Document */
body {font-family: Arial, Helvetica, sans-serif; line-height:1.5; color: #030303; margin: 0px;padding: 0px 0px 0px 1px; background: #E6E6E6 url(../images/bg_tile.gif) left top repeat;}
* html body {/*font-size: x-small; /* for IE5/Win f\ont-size: small; /* for other IE versions*/}
* html div.wrapper {width: 803px /* fallback value */;
	width:expression(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	> 978 ? "968px" : (((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) < 822 ? "803px" : "99.7%")); 
	}
.wrapper{max-width: 968px;min-width: 788px;margin:0 auto;/*clear:both;*/}
div#content {width:100%;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}

#skip {display:none;}
a{outline: none; /*removes dotted links*/}
img {border:0;}
br.clear {clear:both;}

#main-wrapper{float:left; width:100%;}

#main , #main-container{ float:left; width:100%;}
#main {background:#FFFFFF;}
#main {margin-bottom: 1em; box-shadow:5px 5px 5px 2px #666; border-radius:0px 0px 8px 8px;}

#alert, #noscript {min-height:3em; margin:0px 6px 0px 2px; padding:1em 0em 1em 0em;}
#alert p, #noscript p{margin:0px 5px 5px 5px;padding:0px;}

#alert {clear:both; background-color: #4968B1; color:#FFFFFF; border-bottom:1px dashed #FFDC52;border-top:1px dashed #FFDC52;}
#alert a{color:#FFFFFF;}
#alert a:hover{text-decoration:none;}
#alert h2 {float:left; margin:0px .5em 0px 5px; padding:0px .5em 5px 20px; background: url(../images/icon_caution.gif) no-repeat  0px 3px;font-weight: normal; color:#FFFFFF;border-bottom:.1em solid #ffffff;border-right:.1em solid #ffffff;letter-spacing:.1em;}

#noscript {color:#000000;background-color:#FFDC52; border-bottom:1px solid #4968B1;}
#noscript h5{color:#000000;margin:0px .5em 0px 5px; padding:0px .5em 5px 20px; background: url(../images/icon_caution.gif) no-repeat  0px 0px;}

.clear {clear:both;}

.header{   
    float: left;
    min-width: 768px;
    height:182px;
    width: 100%;
}

.header #title {
    color: #FFFFFF;
    float: left;
    font-size: 4.5em;
    margin-left: 25px;
    text-align: left;
    text-shadow: 2px 4px 6px rgba(0, 0, 0,0.50);
    width: 62%;
    padding-left:.5em;
    margin-top:38px;
}

div#logo {float:left;margin:25px; width:23%;}
div#logo img {float:right;}

#explain {margin:15px 5px -20px 15px;padding:25px 10px 0px 25px; float:left;width:65%;}
#explain a {text-decoration:none;}
#explain p{margin:1em 0 1.5em 1em; width:95%;}

#signIn {margin:10px 0px 0px 55px; float:left; width:28%; padding-top:1.5em;padding-left:25px; }
#signIn a {text-decoration:none;color:#125687;}

div#picture {width: 52%; margin-right: 15px; margin-top: -7.0em; float:right;}

#icon-bar {margin:4px 0 0 0; float:right;}
#icon-bar a {text-decoration: none; margin: 0 2px 0 0;}
#icon-bar ul {list-style:none;margin:0;padding:0;}
#icon-bar ul li {float:left; margin:0 15px 0 0; }

.extra-info {margin:0 0 1.5em 1em;float:left;}
.extra-info-data{width:90%;}
.extra-info-transcript{width:68%;}
#explain .extra-info p {padding:0;margin:0;}
#explain .YouTube p {margin:1.5em 0 0 0;padding:0;}
#explain .YouTube {margin:1.5em 0 1.5em 1em;padding:0;}

.green_color{color:#359A35;font-weight:bold;}
.register{font-weight:bold; font-size:1.5em;}