﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	color: #fff;
	background: #040201;
	text-align: left;
}
* {
	margin: 0;
	padding: 0;	
}
#wrapper 
{
	margin: 0 auto;
	width: 790px;
	position: relative;
}

.LangugageSelectorContentHolder
{
    height:20px;
    margin-top: 5px;
    text-align:right;
    
    clear:both;
    
}

.header {
    height:78px;
    margin-top: 13px;
   
}

.headerLeft {
    float:left;
    display:inline;
    height:inherit;
    height:75px;
    width:668px;
}

.headerRight {
    float:right;
    width:120px;
    display:inline;
    height:75px;
}

.StrapLine_Title 
{
    color: #fff;
	margin: 0 0 0px;
	padding: 0 0 .3em;
	font-size: 3.0em;
	font-weight: normal;
	height:25px

}
.SEOText {    font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #29231F;	height:35px;    }


.MoreInfoContactHolder { font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #fff; height:10px;  margin-top: 0px;padding-top: 0px;}

.MoreInfoContactLeft  { float:left;    display:inline;    height:15px;   width:400px;}
.MoreInfoContactRight { float:right;   display:inline;    height:15px;   width:200px; margin-top: 0px; padding-top: 0px;}
.MoreInfoContactHolder a:link {color: #fff; text-decoration:none;  }
.MoreInfoContactHolder a:visited {color: #fff; text-decoration:none;  }
.MoreInfoContactHolder a:hover { text-decoration:underline;  }



.horizontalLine
{
    border:1px solid #796D66;
    margin: 4px 0px 11px 0px;
    
}
.flashNav {
    height:300px;
}

.contentAreaTop {
    margin-top: 10px;
    height:21px;
    background: url(Images/mainContentTop.gif);
    background-repeat:no-repeat;
}


.contentAreaMiddleNoScroll {
    background-color:#29231F;
    height:290px;
    overflow:auto;
    padding: 0px 10px 0px 10px;
    
    scrollbar-base-color: #29231f; 
    scrollbar-track-color: #29231f;
    scrollbar-face-color: #ccc;
    scrollbar-highlight-color: #29231f;
    scrollbar-3dlight-color: #29231f;
    scrollbar-darkshadow-color: #29231f;
    scrollbar-shadow-color: #29231f;
    scrollbar-arrow-color: #29231f;
    overflow-x:hidden;
    overflow-y:hidden;
}


.contentAreaMiddle {
    background-color:#29231F;
    height:290px;
    overflow:auto;
    padding: 0px 10px 0px 10px;
    
    scrollbar-base-color: #29231f; 
    scrollbar-track-color: #29231f;
    scrollbar-face-color: #ccc;
    scrollbar-highlight-color: #29231f;
    scrollbar-3dlight-color: #29231f;
    scrollbar-darkshadow-color: #29231f;
    scrollbar-shadow-color: #29231f;
    scrollbar-arrow-color: #29231f;
    overflow-x:hidden;
    overflow-y:auto;
}

.contentAreaMiddleLeft
{
    float:left;
    width: 60%;
    height:290px;
    overflow:auto;
    
    scrollbar-base-color: #29231f; 
    scrollbar-track-color: #29231f;
    scrollbar-face-color: #ccc;
    scrollbar-highlight-color: #29231f;
    scrollbar-3dlight-color: #29231f;
    scrollbar-darkshadow-color: #29231f;
    scrollbar-shadow-color: #29231f;
    scrollbar-arrow-color: #29231f;
    overflow-x:hidden;
    overflow-y:auto;
}

.contentAreaMiddleRight
{
    float:right;
    width: 38%;
    height:290px;
}
.contentAreaMiddleLeftSmall
{
    float:left;
    width: 32%;

    
}

.contentAreaMiddleRightLarge
{
    float:right;
    width: 65%;

}

.contentAreaBottom {
    height:21px;
    background: url(Images/mainContentBottom.gif);
    background-repeat:no-repeat;
}

/* results page */
.contentArea{vertical-align:top}

.contentAreaLeftSmallContainer {
    float:left;
    width: 32%;}
    
.contentAreaLeftTopPodTop
{
    margin-top: 0px;
    height:14px;
    width:241px;
    background: url(Images/PodTopSmlPink.gif);
    background-repeat:no-repeat;}
    
.contentAreaLeftTopPodMid{ background:#BC5482;width:201px; height:126px; padding: 0px 20px 0px 20px; overflow:hidden}
.contentAreaLeftBotPodMid{background:#29231F; width:201px; height:127px; padding: 0px 20px 0px 20px; overflow:hidden}

.contentAreaLeftTopPodBot
{
  
    height:14px;
    width:241px;
    background: url(Images/PodBotSmlPink.gif);
    background-repeat:no-repeat;}

.contentAreaLeftBotPodTop
{
    margin-top: 10px;
    height:15px;
    width:241px;
    background: url(Images/PodTopSmlGrey.gif);
    background-repeat:no-repeat;}

.contentAreaLeftBotPodBot {
   
    height:14px;
    width:241px;
    background: url(Images/PodBotSmlGrey.gif);
    background-repeat:no-repeat;}

.contentAreaRightLargeContainer
{
    float:right;
    width: 65%;}
    
.contentAreaRightPodTop
{
    margin-top: 0px;
    height:15px;
    width:509px;
    background: url(Images/PodTopMedGrey.gif);
    background-repeat:no-repeat;}

.contentAreaRightPodMid
{
    background:#29231F; 
    width:469px; 
    padding: 0px 20px 0px 20px;
    height:290px;
    
    scrollbar-base-color: #29231f; 
    scrollbar-track-color: #29231f;
    scrollbar-face-color: #ccc;
    scrollbar-highlight-color: #29231f;
    scrollbar-3dlight-color: #29231f;
    scrollbar-darkshadow-color: #29231f;
    scrollbar-shadow-color: #29231f;
    scrollbar-arrow-color: #29231f;
    overflow-x:hidden;
    overflow-y:auto;
    }

.contentAreaRightPodBottom
{
 
    height:15px;
    width:509px;
    background: url(Images/PodBotMedGrey.gif);
    background-repeat:no-repeat;}


.textAreaHolder
{ }

.newsHolder
{ background:green;}

.newsLeftHolder
{ 
    float:left;}

.newsRightHolder
{ 
    float:right;}

.news{clear:both;}


#LessonLeft
{
    float:left;
    width:288px
    }

#LessonRight
{
    float:right;
    width:154px
}

#LessonRightExtended
{
    clear:both;
    width:94%;
}

#LessonTitleDiv {height:40px}

#LessonInfoDiv 
{
    margin-bottom:20px;  
    color:#cc33cc;
    padding-left:20px;
    
}

#SeeAlsoTextDiv {}
#SeeAlsoLessonInfoDiv { padding-left:20px;}
#LessonThumbnailDiv {}
#LessonDownloadButtonDiv  {clear:both;}
.downloadButtonTD1{width:315px;}
.downloadButtonTD2{width:170px; text-align:center}
.studentCount{margin-bottom:5px;}


/* results end */
.topNavigation
{
    height:33px;
    margin-top: 0px;
    background: transparent url(Images/NavImage.gif) repeat-x 0 100%;
    margin-bottom:10px;
}

.SpacerDiv
{
	height:1px;
	position:relative;
	clear:both;
}
.navigation
{

margin-top: 10px;
    height:32px;
    
    
    
    background: transparent url(Images/NavImage.gif);
    background-repeat:no-repeat;
    clear:both;
    
    color:Black;
    text-indent: 20px;
    text-decoration:none;
}

.navigationLeft span a  
{text-decoration:none; color:Black; }    

.navigationLeft span
{
line-height:33px;
  height:33px;

}

.nav2 a 
{
	color: #000;
	text-decoration:none;
}

.nav2 a:hover 
{
	color: #000;
	text-decoration:none;
}

.navigationLeft
{
    padding-top: 0px;
    float:left;
    display:inline;
    height:33px;
    width:668px;
    line-height:33px;
    font-size: 1.1em;
    
}

.navigationRight {
    float:right;
    width:120px;
    display:inline;
    height:27px;
    padding-top: 8px;
}




h1 {
    color: #fff;
	margin: 0 0 25px;
	padding: 0 0 .3em;
	font-size: 2.6em;
	font-weight: bold;
}


h2 
{
    color: #fff;
	margin: 0 0 25px;
	padding: 0 0 .3em;
	font-size: 2.4em;
	font-weight: bold;
}

h3 
{
    color: #fff;
	margin: 0 0 5px;
	padding: 0 0 5px;
	font-size: 1.8em;
	font-weight: normal;	
}

h4 
{
    color: #fff;
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
}

.news-list h4 
{
	color: #5b5b5b;
	font-size: 1.3em;
	margin: 0;
}
/* Paragraphs 

p {
color: #fff;
font-family:Arial;
font-size: 0.7em;
font-weight:normal;

}*/

.footer p 
{
	margin: 0 9px;
	padding: 10px 10px 0 0;
	text-align: right;
	font-size: 1.1em;
	color: #333;
	clear:both;
	
}
/* Semantic */
strong {
	font-weight: bold;
	font-style: normal;
}

em {
	font-weight: normal;
	font-style: italic;
}
address 
{
	font-size: 1.1em;
	font-style: normal;
	color: #868585;
	border-left: 1px solid #abaaaa;
	padding-left: 1em;
	margin-left: 7.9em;
}
a img 
{
	border: 0;
}
/* Links */
a:link, a:visited, a:hover, a:active {
	color: #65b2d2;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
.sidebar .news-list a 
{
	padding-right: 10px;
	background: transparent url(Images/div_sidebar_a.gif) no-repeat 100% 50%;
}

/*

.sf_searchBox label
{    display:none
}

.sf_searchBox
{
    display:inline;
padding-top: 5px;
    top:5px;
    line-height:30px
    }
    
.sf_searchBox input
{

 height:12px;
 border-top:1px solid #333;
 border-bottom:1px solid #333;
 color:#333;
 padding-right:5px
}


.sf_searchSubmit
{
    font-size:9px;
    width:39px;


    }

*/


.sf_searchText /* Search text box */ 
{
    color:#333;
    width:85px;
    border: 1px solid #D5D0CE;
    height:12px;
    margin-left:-4px;
    margin-top:-2px;
    z-index:1;
    line-height:15px;
    text-align:left;
    
 }
 
 .sf_searchSubmit /* Search submit button */
 {
     background-image: url(/App_Themes/Default/Images/SearchIcon.gif); 
     width: 12px; 
     height:12px; 
     border: none; 
     z-index:100;
}

.sf_singleNews .sf_NewsTitle
{
font-weight:normal;
margin-bottom:5px;
}

.searchTextBlock{display:none;}

.searchResults DT
{
	font-size:18px;	
	padding-bottom:5px;
	padding-top:15px;
}
h2.searchH2{padding-bottom:0px; margin:bottom:0px;}


#signupBox {float:right; padding-right:70px; padding-top:0px}
.loginBox  {float:left; padding-left:70px;  padding-top:0px}

.loginBox fieldset {border:none}

.SignupLabelTD{width:140px;}

.loginBtn{float:right}


.LangugageSelectorContentHolder a {color:#fff; text-decoration:none}
.LangugageSelectorContentHolder a:hover {text-decoration:underline;}

.checkbox label {padding-left:5px;}
.login_li {padding-top:2px;}

/*input {border: 1px solid #ccc; margin-bottom:2px;}*/


.profileDetailsLeftCol{float:left; padding-left:50px}
.profileDetailsRightCol{float:right; padding-left:50px; padding-right:50px;}
