html,body { margin:0;padding:0 }

body { font-size:12px;font-family:Arial,Verdana,sans-serif;color:#333; }



/**** Main Styles *************************************************************************************************************************************/

a:link, a:visited, a:active { color:#c00; }

a:hover { color:#660000; }

a:active { color:#c00; }

a.noul, .noul { text-decoration:none!important; }

img { border: none; }

hr { border:none;border-bottom:solid 1px #000;height:1px!important;margin:0 0 10px 0;_margin-bottom:2px; }

p { margin:10px 0; }



h1 { font-size:30px;color:#333;margin:0;padding-top:10px;font-family:Times New Roman, serif;font-weight:normal;line-height:25px;letter-spacing:-0.5px; }

h2 { font-size:18px;color:#666;margin:2px 0 0 0;_margin:2px 0 -4px 0;padding:0;font-family:Times New Roman, serif;font-weight:normal; }

h3 { font-size:14px;color:#666;margin:2px 0 0 0;_margin:2px 0 -4px 0;font-family:Times New Roman, serif;font-weight:normal; }

h4 { font-size:20px;_font-size:22px!important;color:#333;margin:2px 0 0 0;font-family:Times New Roman, serif;font-weight:normal;margin-bottom:5px;_margin-top:-5px; }



.txtc00 { color:#c00; }

.txt333 { color:#333; }

.txt666 { color:#666; }

.txt11 { font-size:11px; }

.bold { font-weight:bold; }

.link { color:#c00!important;text-decoration:underline;cursor:pointer; }

.link:hover { color:#333!important;text-decoration:underline;cursor:pointer; }

a.noul, .noul { text-decoration:none!important; }

.ul { text-decoration:underline!important; }

.iconOpenNewWin { position:relative;top:2px;_position:auto; }

.utilDelim { padding-left:5px;padding-right:5px; }

.pointer { cursor:pointer; }

.marker { font-weight: normal; font-size: 12px; margin: 0px 0px 5px 0px }


#cellhover:hover { border: 1px solid #333 }



.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.clearfix{display:inline-block;}

html[xmlns] .clearfix{display:block;}

* html .clearfix{height:1%;}



/* Button Styles */

button,input.button,a.button { padding:0 10px;_padding:0; }

input[type="button"] { padding:0 10px;_padding:0 }

*:first-child+html input[type="button"] { padding:0; }



/**** Main Layout ************************************************************************************************************************************/

/* for all browsers that understand min-width */

.container { position:relative; width:100%; min-width:950px;min-height:750px;}

.holder { display:block; min-height:100%; }



/* method 2 a bodge for IE browsers IE5.01, IE5.5 and IE6 */

* html .container { border-right:950px solid #fff; }

* html .holder { float:left; position:relative; margin-right:-950px; }



/* Top Devider Lines */

.deviderLineThickRed, .deviderLineThickBlack { height:6px;}

.deviderLineThinRed, .deviderLineThinBlack { height:1px; }

.deviderLineThickRed, .deviderLineThinRed { background:#c00; }

.deviderLineThickBlack, .deviderLineThinBlack { background:#000; }



/**** Header *****************************************************************************************************************************************/

#header { height:84px; }

#header #topRightNav { position:absolute;top:5px;right:5px;text-align:right; }

#header #topRightNav .navText { padding-bottom:10px; }

#header #topRightNav .navText a { color:#666;font-size:11px; }

#header #topRightNav .navText a:hover { color:#600; }

#header #topRightNav .signIn { padding-bottom:6px;_width:350px; }

#header #topRightNav .signIn #siPSContainer, #siPBContainer  { width:200px;_width:100px;display:inline; }

#header #topRightNav .signIn input { width:100px;padding:0;margin-right:5px;color:#999; }

#content .signIn input { width:150px;padding:0;margin-right:5px;color:#999; }



#homeImage { position:relative;height:190px;margin-left:307px;background:#f2df92 url(../../images/homeTopImgBG.gif) repeat-x; }

#homeImage .textBox { position:absolute;left:0px;bottom:0px;width:670px;height:58px;background:#c00; }

#homeImage .textBox .text { position:absolute;left:12px;bottom:12px;font-family:Times New Roman, serif;font-size:24px;color:#fff;letter-spacing:-0.3px; }



#backToForumBox { margin: 0px 15px 15px 0; }

#backToArticleBox { margin: 15px 15px 15px 0; }

#backToForumBox,

#backToArticleBox .backToArticle { padding-left:18px;background:transparent url(../../images/iconBack.gif) no-repeat;background-position:0 4px;  }



/**** Navigation ************************************************************************************************************************************/

/**** TO CHANGE THE SPACE AND THE FONT SIZE FOR THE THEMATIC NAVIGATION *****************************************************************************/
#navigation #mainNavi #navElementsBoxByTheme .leftElements div { height:25px;font-size:14px; }
#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme.homeNav div { height:25px;font-size:12px; }


#navigation { position:relative;top:0px;left:0;width:300px;float:left; height:90px; }

#navigation #topNavi { height:90px;}

#navigation #topNavi .topNaviBox { position:relative;_position:absolute;margin-left:30px;padding-top:7px;font-size:11px;width:270px; }

#navigation #topNavi .topNaviBox a { color:#666;font-size:11px; }

#navigation #topNavi .topNaviBox a:hover { color:#600; }

#navigation #topNavi .topNaviBox .search { padding-left:25px;height:20px;padding-top:4px;margin-bottom:2px;background:transparent url(../../images/iconNavSearch.gif) no-repeat;background-position:0px 2px; }

#navigation #topNavi .topNaviBox .search input { width:150px;height:12px;_height:18px;font-size:11px; }

#navigation #topNavi .topNaviBox .search button { font-size:11px;color:#666;padding:1px 3px;}

#navigation #topNavi .topNaviBox .advancedSearch { height:16px;_height:18px;margin-top:4px;padding-left:25px;padding-top:4px;background:transparent url(../../images/iconNavCustomSearch.gif) no-repeat;background-position:5px 6px; }

//#navigation #topNavi .topNaviBox .siteMaps { height:16px;_height:18px;padding-left:25px;padding-top:2px;background:transparent url(../../images/iconNavSitemapSmall.gif) no-repeat;background-position:2px 0px; }

#navigation #topNavi .topNaviBox .acro { height:16px;margin-top:2px;padding-left:25px;padding-top:6px;background:transparent url(../../images/iconNavAZSmall.gif) no-repeat;background-position:3px 10px; }

#navigation #mainNavi { padding:10px;margin-left:5px; }

#navigation #mainNavi #navElementsBoxByYear,

#navigation #mainNavi #navElementsBoxByTheme { margin-top:20px;overflow:hidden;width:300px;_width:280px; }

#navigation #mainNavi #navElementsBoxByYear  .leftElements { float:left;width:25px;font-family:'Lucida Bold',Times New Roman,Arial,Helvetica;font-size:14px;font-weight:bold;margin-right:10px; }

#navigation #mainNavi #navElementsBoxByTheme .leftElements { float:left;width:108px;font-family:'Lucida Bold',Times New Roman,Arial,Helvetica;font-weight:bold;margin-right:5px;line-height:10px;white-space:nowrap;overflow:hidden; }

#navigation #mainNavi #navElementsBoxByYear  .rightElementsYear  { float:left;width:232px;display:none;min-height:420px;height:420px;height:auto;padding-left:20px;background:transparent url(../../images/navDevider.gif) repeat-y; }

.rightElementsTheme { float:left;width:155px;display:none;min-height:420px;height:420px;height:auto;padding-left:20px;background:transparent url(../../images/navDevider.gif) repeat-y; }



#navigation #mainNavi #navElementsBoxByYear .leftElements div { width:28px;height:25px; }

#navigation #mainNavi #navElementsBoxByYear .leftElements a { color:#333;text-decoration:none!important;cursor:pointer; }

#navigation #mainNavi #navElementsBoxByYear .leftElements div.red,

#navigation #mainNavi #navElementsBoxByYear .leftElements a:hover { color:#c00;text-decoration:underline!important;cursor:pointer; }

#navigation #mainNavi #navElementsBoxByYear .leftElements .navActive { color:#c00!important;text-decoration:none!important; }

#navigation #mainNavi #navElementsBoxByYear .rightElementsYear a { color:#666;text-decoration:none!important;  }

#navigation #mainNavi #navElementsBoxByYear .rightElementsYear a:hover { color:#c00;text-decoration:underline!important;  }

#navigation #mainNavi #navElementsBoxByYear .rightElementsYear.homeNav { margin-top:2px; }

#navigation #mainNavi #navElementsBoxByYear .rightElementsYear.homeNav div { height:25px;color:#999;font-weight:bold;text-decoration:none; }

#navigation #mainNavi #navElementsBoxByYear .rightElementsYear .subNavTitle { font-family:'Lucida Bold',Times New Roman,Arial,Helvetica;font-size:14px;font-weight:bold;color:#c00;margin-bottom:8px;border-bottom:1px dotted #ccc; }

#navigation #mainNavi #navElementsBoxByYear .rightElementsYear .subNav { margin:0 0 -1px 10px;padding-left:10px;font-weight:normal;background:transparent url(../../images/arrowSingleGray.gif) no-repeat;background-position:0 3px; }

#navigation #mainNavi #navElementsBoxByYear .rightElementsYear .subNavActive { margin:0 0 -1px 10px;padding-left:10px;font-weight:normal;color:#c00!important;background:transparent url(../../images/arrowSingleRed.gif) no-repeat;background-position:0 3px;cursor:default; }



#navigation #mainNavi #navElementsBoxByTheme .leftElements div {  }

#navigation #mainNavi #navElementsBoxByTheme .leftElements a { color:#333;text-decoration:none!important;cursor:pointer; }

#navigation #mainNavi #navElementsBoxByTheme .leftElements a:hover { color:#c00;text-decoration:underline!important; }

#navigation #mainNavi #navElementsBoxByTheme .leftElements .navActive { color:#c00!important;text-decoration:none!important; }

#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme a { color:#666;text-decoration:none!important;  }

#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme a div { margin-bottom:5px;  }

#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme a:hover { color:#c00;text-decoration:underline!important; }

#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme.homeNav div { color:#999;font-weight:bold;text-decoration:none!important;overflow:hidden;line-height:11px; }

#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme .subNavTitle { font-family:'Lucida Bold',Times New Roman,Arial,Helvetica;font-size:14px;font-weight:bold;color:#c00;margin-bottom:8px;border-bottom:1px dotted #ccc; }

#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme .subNav { margin:0 0 -1px 10px;padding-left:10px;font-weight:normal;background:transparent url(../../images/arrowSingleGray.gif) no-repeat;background-position:0 3px; }

#navigation #mainNavi #navElementsBoxByTheme .rightElementsTheme .subNavActive { margin:0 0 -1px 10px;padding-left:10px;font-weight:normal;color:#c00!important;background:transparent url(../../images/arrowSingleRed.gif) no-repeat;background-position:0 3px;cursor:default; }

#navigation #mainNavi .musicBox { height:12px;margin-top:-5px;margin-bottom:6px;padding-left:15px;padding-bottom:4px;border-bottom:1px dotted #ccc;font-weight:normal;background:transparent url(../../images/iconNavMusicBoxSmall.gif) no-repeat;cursor:pointer; }



/**** Content Text **********************************************************************************************************************************/

#content { position:relative;margin: 0 25% 0 300px;padding:0 0 0 7px; }

#content #topContentTitle { height:90px;position:relative; }

#content #topContentTitle .printLink          { position:absolute;top:73px;right:110px;width:39px;height:14px;padding-left:13px;font-size:11px;background:transparent url(../../images/iconPrint.gif) no-repeat;background-position:0 1px; }

#content #topContentTitle .addToSyllabusLink  { position:absolute;top:73px;right:0px;width:100px;height:14px;padding-left:13px;font-size:11px;background:transparent url(../../images/iconAddToSyllabus.gif) no-repeat;background-position:0 1px; }

#content #topContentTitle .clearSyllabusLink  { position:absolute;top:73px;left:0px;width:100px;height:14px;padding-left:13px;font-size:11px;background:transparent url(../../images/iconAddToSyllabus.gif) no-repeat;background-position:0 1px; }

#content #topContentTitle .exportSyllabusLink { position:absolute;top:73px;left:100px;width:100px;height:14px;padding-left:13px;font-size:11px;background:transparent url(../../images/iconAddToSyllabus.gif) no-repeat;background-position:0 1px; }

#content #mainContentText { padding: 10px 20px 0 0;margin-right:-1px;line-height:20px;border-right:1px dotted #ccc;min-height:550px;height:auto!important;height:400px; }

#content #mainContentFree { padding: 10px 20px 0 0;margin-right:-1px;line-height:20px; }



/**** Home ******************************************************************************************************************************************/

#content #mainContentText #welcomeText    { margin-bottom:20px; display: block; }

#content #mainContentText #oldWelcomeText { margin-bottom:20px; display: none;  }

#content #mainContentText #oneUpdateBox { padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc; }

#content #mainContentText #oneUpdateBox .expandPreviewLink { cursor:pointer; }

#content #mainContentText #oneUpdateBox #expandPreviewLinkBar:hover { background:#eee; }

#content #mainContentText #oneUpdateBox #updateContent21 { margin-top:5px; }

#content #mainContentText #oneUpdateBox .expandPreviewLink .iconToggleStatusClosed { position:relative;top:5px;padding:0 4px;margin-left:5px;background:transparent url(../../images/iconToggleStatusClosed.gif) no-repeat; }

#content #mainContentText #oneUpdateBox .expandPreviewLink .iconToggleStatusOpen { position:relative;top:5px;padding:0 4px;margin-left:5px;background:transparent url(../../images/iconToggleStatusOpen.gif) no-repeat; }

#rightColumn .rigthColumnContent .linkBlock .homeThirdColumnText { margin-right:10px;line-height:20px; }

#rightColumn .rigthColumnContent .linkBlock .homeThirdColumnText .oneThanksLink { margin-bottom:10px;position:relative; }

#rightColumn .rigthColumnContent .linkBlock .homeThirdColumnText .oneThanksLink .icon { position:absolute; }

#rightColumn .rigthColumnContent .linkBlock .homeThirdColumnText .oneThanksLink .description { position:relative;left:45px;top:0;width:80%; }

#rightColumn .rigthColumnContent .linkBlock .homeThirdColumnText .oneThanksLink .description .title { margin-bottom:-4px;font-weight:bold; }



/**** Right Column Links ****************************************************************************************************************************/

#rightColumn { position:absolute;top:84px;right:0;width:25%;}

#rightColumn .imgHeadRight { width:100%;height:90px; background:#e9f0f5 url(../../images/imgHeadRight.jpg) no-repeat; }

#rightColumn .rigthColumnContent { padding-left:10px; }

#rightColumn .rigthColumnContent .linkBlock { width:100%;margin-top:20px; }

#rightColumn .rigthColumnContent .linkBlock ul { list-style-type:none;margin:0;padding:0; }

#rightColumn .rigthColumnContent .linkBlock li { padding:2px;line-height:12px; }

#rightColumn .rigthColumnContent .linkBlock a { font-size:11px; }



/**** Default Content *********************************************************************************************************************************/

.default { margin: 0 10% 0 300px!important; }

#content #mainContentDefault { padding: 10px 20px 0 0;margin-right:-1px;line-height:20px;min-height:550px;height:auto!important;height:400px; }



/**** Content Images *********************************************************************************************************************************/

.images { margin: 0 0 0 300px!important; }

#content #mainContentImages { margin-right:15%;}

#content #mainContentImages #oneImageBox { float:left;_float:auto;margin-bottom:30px;padding-bottom:7px;width:85%;border-bottom:1px solid #e8e8e8; }

#content #mainContentImages #oneImageBox .headline { margin:0 0 10px 0;border-bottom:1px solid #e8e8e8; }

#content #mainContentImages #oneImageBox .imageBox { float:left;margin-right:15px; }

#content #mainContentImages #oneImageBox .textBox .source { margin-top:10px; }



/**** Content Videos *********************************************************************************************************************************/

.videos { margin: 0 0 0 300px!important; }

#content #mainContentVideos { padding-bottom:7px; }

#content #mainContentVideos #videoBox { margin:0 0 30px 0; }

#content #mainContentVideos #oneVidDescBox { margin-bottom:30px;padding-bottom:7px;width:85%;border-bottom:1px solid #e8e8e8; }

#content #mainContentVideos #oneVidDescBox .headline { margin:0 0 10px 0;border-bottom:1px solid #e8e8e8; }

#content #mainContentVideos #oneVidDescBox .textBox .source { margin-top:10px; }


/**** Search *****************************************************************************************************************************************/

.searchContent { margin: 0 15% 0 300px!important; }

#content #mainContentSearch { margin-top:20px; }

#content #mainContentSearch .searchContainer { padding:5px;border:1px solid #ccc;margin-bottom:10px;background:#f4f4f4; }

#content #mainContentSearch .searchContainer ul { margin:0px;padding:0px;line-height:30px;_margin:5px 0; }

#content #mainContentSearch .searchContainer li { list-style-type:none;display:inline;padding:0 5px 0 5px;border-right:1px solid #ccc;white-space:nowrap;_white-space:auto; }

#oneSearchBox { position:relative;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #e8e8e8; }

#oneSearchBox .headline { font-weight:bold;font-size:13px; }

#oneSearchBox .headline .category { font-weight:normal;font-size:11px;color:#999;padding-right:5px; }

#oneSearchBox .img { position:absolute;left:0;margin:12px 5px 0 0; }

#oneSearchBox .content { margin-left:80px;margin-bottom:10px; }

#oneSearchBox #searchWatchVideo { margin:12px 0;display:none; }

#SearchBox { color: #999; }



/**** Sitemap ***************************************************************************************************************************************/

.sitemap { margin: 0 15% 0 300px!important; }

#content #mainContentSitemap { margin-top:20px; }

.siteMapAddSyllabus{ margin-left:10px;color:#999!important;font-size:11px;padding-left:15px;background:transparent url(../../images/iconAddToSyllabus.gif) no-repeat;background-position:0 1px; }



/**** Content Maps *********************************************************************************************************************************/

.maps { margin: 0 0 0 300px!important; }

#content #mainContentMaps { padding-bottom:7px; }

#content #mainContentMaps #mapsBox { margin:0 0 5px 0; }



/**** Maps Window ************************************************************************************************************************************/

#mapsWindow { background:transparent url(../../images/mapsWindowBG.gif) no-repeat bottom left;padding-bottom:20px; }

#mapsWindow .title { font-size:18px;color:#333;margin:0 0 10px 0;font-family:Times New Roman;font-weight:normal;letter-spacing:-0.5px; }

#mapsWindow .miniTitle, #mapsWindow .miniTitleWiki { font-size:11px;color:#333;margin:0 0 0 0;font-weight:bold; }

#mapsWindow .miniTitleWiki { margin:10px 0 0 0; }

#mapsWindow a { font-size:11px; }


/**** FAQ *******************************************************************************************************************************************/

.faq { margin: 0 15% 0 300px!important; }

#content #mainContentFAQ #questions h2, #content #mainContentFAQ h2 { margin-top:20px;font-size:20px;color:#333;font-weight:bold; }

#content #mainContentFAQ #questions h3, #content #mainContentFAQ #answers h3 { font-size:14px;color:#333;font-weight:bold;margin:30px 0 -15px 0;border-bottom:dotted 1px #ccc;padding-bottom:4px;}

#content #mainContentFAQ #answers p { padding-top:15px; }

#content #mainContentFAQ #questions ul,#content #mainContentFAQ ol { margin:15px 0 0 20px;padding:0; }

#content #mainContentFAQ #questions li { margin:5px 0 0; }

#content #mainContentFAQ #questions { margin-bottom:35px; }

#content #mainContentFAQ #backTop { margin:30px 0; }

#content #mainContentFAQ .cap { font-family:Times New Roman serif;font-size:14px;color:#cc0000;font-weight:bold;margin-right:3px;}



/**** Popup Content ********************************************************************************************************************************/

.popupContent { margin:5px;_width:99%; }

.popupMasthead { background:transparent url(../../images/mapsWindowBG.gif) no-repeat right top; }

.popupContent .popupMasthead #abc { font-size:12px;border-bottom:2px solid #000;margin-top:5px;padding-bottom:10px;padding-right:0px; }

.popupContent .popupMasthead #abc a { display:inline;padding:2px 4px;text-align:center;margin:5px -2px;font-weight:bold;line-height:1.6;  }

.popupContent .popupMasthead #abc a:hover { background-color: #ccc; }

.popupContent .popupMasthead #abc .selected a { background-color: #ccc !important; }

.popupContent .popupMasthead #abc .sortFirstLastName { margin-top:5px;font-weight:normal!important; }

.popupContent .popupMasthead #abc .sortFirstLastName a { background-color: #fff; }

.contentList { margin-top:10px; }

.contentList a { display:block;margin-bottom:5px;border-left:2px solid #ccc;padding-left:5px; }

.contentText { margin-top:-10px; }

.popupContent table { font-size:12px; }

.popupContent td { vertical-align:top;padding-bottom:10px; }

.popupContent td img { border:1px solid #ccc; }



/**** Feedback *****************************************************************************************************************************************/

.feedbackBox input, .feedbackBox textarea { width:300px; }



/**** Footer *****************************************************************************************************************************************/

#footer { position:relative; width:100%;text-align:center;font-size:11px;color:#999;border-top:1px dotted #ccc;margin-top:20px;padding-bottom:1px;clear: both;}

#footer a { color:#999!important; }

#footer a:hover { color:#600!important; }



/**** Admin Area **************************************************************************************************************************************/

#tabs {margin-top: 7px; width: 650px;position:absolute;bottom:0px;}

#tabs .tabInactive {background-color: #ddd; padding: 2px 10px 2px 10px; float: left; margin: 7px 0px 0px 2px; text-align: center; font-size: 11px;}

#tabs .tabActive   {background-color: #ccc; padding: 5px 10px 5px 10px; float: left; margin: 1px 0px 0px 2px; text-align: center; font-size: 11px;}



/* Error Message Sign In */

.ErrorMsg {color:#c00; font-size: 11px; line-height: 13px; padding: 0px 0px 5px 0px}



table.adminTable { width:100%;border: 1px solid #bbb;margin-bottom: 5px; }

table.adminTable tr { font-size: 12px; }

table.adminTable tr.even { background-color: #ECECEC; }

table.adminTable tr.odd { background-color: #F5F5F5; }

table.adminTable tr th { padding: 2px 5px 2px 5px;font-weight: normal;font-style: italic; }

table.adminTable tr td { padding: 2px 5px 2px 5px; }

table.adminTable tr td.links { font-size: 10px; text-align: center; }

table.adminTable tr td.date { font-size: 11px; text-align: center; }
