body
{font-family:arial; 
background-color:#ccffff;
}
#wrapper
{
}

#header {
background-color:#ccffff; 
clear:both;
width:100%;
height:100px;
text-align:left;
padding:0;
margin:0;
}

#header h1, p {margin:0; padding:0;}

.sectionDiv {
clear:both;
padding:3px
width:95%;
min-width:205px;
text-align:center;
border:blue medium solid;
background-color:#ccffff;
font-family: Arial; 
font-size: 8pt;
}

.sectionDiv h1 {
padding:0;
margin:0;
text-align:center;
font-size: 10pt;
background-color: aqua;
font-weight:700;
width:100%;
white-space:nowrap;
}


.sectionDiv h2 {
padding:0;
margin:0;
text-align:center;
font-size: 8pt;
font-weight:700;
width:100%;
white-space:nowrap;
}


.contentDiv {
clear:both;
padding:3px
width:95%;
min-width:205px;
border:blue medium solid;
background-color:#ccffff;
font-family: Arial; 
font-size: 8pt;
}

.contentDiv h1 {
padding:0;
margin:0;
text-align:left;
font-size: 16pt;
background-color: aqua;
font-weight:700;
width:100%;
white-space:nowrap;
}


.contentDiv h2 {
padding:0;
margin:0;
text-align:center;
font-size: 8pt;
font-weight:700;
width:100%;
white-space:nowrap;
}



#header img {

}

#headerLeftSide
{
width:100%;
min-width:940px;
}


#headerLogo {
clear:both;
background-color:#ccffff; 
width:100%
}

#headerCenter {
background-color:#ccffff; 
position:absolute;
top:2px;
left:250px;
width:740px;
height:92px;
}

#headerRight {
float:right;
background-color:#ccffff; 
width:200px;
min-width:200px;
}

#footer {
text-align:center;
}

#clearDiv
{
clear:both;
}

#bodyContainer {
margin:10px 0 0 0;
min-width:650px;
float:left;
width:100%;
}

#bodyContainer:after {
/* this is for Netscape 6 to clear floats */
content:"."; 
display:block; 
height:0px;
clear:both; 
visibility:hidden;
}

#bodyMainContainer {
float:left;
width:100%; 
margin:0 -97% 0 0;
background:transparent;
min-width:650px;
}

#bodyTabContainer {
margin:0;
padding:0;
float:left;
display:block;
width:100%
/* width:650px; */
background:transparent;
}

#bodyTabContainer a {
color:#fff;
text-decoration:none;
margin:0;
}

#bodyTabContainer a:hover {
color:#fff;
text-decoration:underline;
}

#bodyArticleSummaryContainer h1 {
margin:0 0 0 0;
padding: 0 0 0 0;
color:#000033;
font-weight:700;
font-size:16pt;
}

#bodyArticleSummaryContainer h2 {
color:#000033;
font-weight:700;
font-size:8pt;
text-decoration:none;
padding-left:22px;
}

#articleSummary
{
padding-top:2px;
padding-bottom:2px;
padding-right:8px;
padding-left:8px;
border-bottom: blue thin solid; 
min-height:220px;
}

#articleSummary a {
text-decoration:none;
color:#cc0000;
}

#articleSummary a:hover {
color:#ff0000;
text-decoration:underline;
}

#articleSummary img {
float: left; 
padding:8px 8px 8px 8px;
}

#bodyArticleSummaryContainer {
margin:0 0 0 0;
width:100%; 
font-size:12pt;
}

#bodyArticleSummaryContainer a {
text-decoration:none;
color:#0000cc;
}

#bodyArticleSummaryContainer a:hover {
color:#0000ff;
text-decoration:underline;
}


#artNavBar {
clear:both;
}

#artNavNewer {
width:48%;
min-width:200px;
float:left;
color:#000033;
}

#artNavOlder {
width:48%;
min-width:200px;
foat:right;
color:#000033;
}

.artNav A {
color:#000033;
font-weight:700;
font-size:8pt;
text-decoration:none;
}

.artNav A:hover {
color:#000033;
font-weight:700;
font-size:8pt;
text-decoration:underline;
}

#articleContainer {
}

.articleView
{
text-align:left
padding-top:2px;
padding-bottom:2px;
padding-right:8px;
padding-left:8px;
min-height:220px;
}

.articleView a {
clear:both;
text-aign:left;
text-decoration:none;
color:#cc0000;
}

.articleView a:hover {
color:#ff0000;
text-decoration:underline;
}

.articleView h1 {
text-align:left;
margin:0 0 0 0;
padding: 0 0 0 0;
color:#000033;
font-weight:700;
font-size:16pt;
}

.articleView h2 {
text-align:left;
color:#000033;
font-weight:700;
font-size:8pt;
text-decoration:none;
padding-left:22px;
}


#bodyCurrentTabDesc
{
color:#000033;
min-height:36px;
color: #ffffff;
}

#bodyColorTabs {
margin-top:10px;
padding:0 0 5px 0;
background:transparent;
font-size:10pt;
color:#fff;
font-weight:500;
width:100%
float:left;
/* this is a hack to make the border show up over the colored tabs. no idea why ie7 won't show them correctly otherwise. */
border-top:solid #ccffff 1px !important;
}

#zbodyTab1{ margin-left:0; 
z-index=150; 
color: white; 
background-color: #0033ff; 
top:2px; 
border-right: blue thin solid; 
padding-right: 10px; 
border-bottom: 0px; 
border-top: black thin solid; 
padding-left: 10px; 
border-left: black thin solid; 
padding-top: 7px;
}


#bodyTab1, #bodyTab2, #bodyTab3, #bodyTab4, #bodyTab5, #bodyTab6, #bodyTab7, #bodyTab8, #bodyTab9, #bodyTab10, #bodyTab11, #bodyTab12, #bodyTab13, #bodyTab14, #bodyTab15 {
padding:5px 6px 5px 6px;
margin:0;
border-bottom:solid blue 2px;
border-left:solid blue 1px;
border-right:solid blue 1px;
border-top:solid blue 1px;
white-space:nowrap;
}

#bodyTab1 {
background:#0000ff; /* 0, 0, 255 */  /* 0, 255, 255  */
}

#bodyTab2 {
background:#00609f; /* 0, 96, 159 */
}

#bodyTab3 {
background:#00cc00; /* 0, 204, 0 */
}

#bodyTab4 {
background:#cccc00; /* 204, 204, 0 */
}

#bodyTab5 {
background:#ff7000; /* 255, 112, 0 */
}

#bodyTab6 {
background:#ff0000; /* 255, 0, 0 */
}

#bodyTab7 {
background:#ff00ff; /* 255, 0, 255 */
}

#bodyTab8 {
background:#9900cc; /* 153, 0, 204 */
}

#bodyTab9 {
background:#000080; /* 0, 0, 128 */ 
}

#bodyTab10 {
background:#003050; /* 0, 48, 80 */
}

#bodyTab11 {
background:#006600; /* 0, 102, 0 */
}

#bodyTab12 {
background:#666600; /* 102, 102, 0 */
}

#bodyTab13 {
background:#cc3700; /* 204, 55, 0 */
}

#bodyTab14 {
background:#cc0000; /* 204, 0, 0 */
}

#bodyTab15 {
background:#cc00cc; /* 204, 0, 204 */
}

.bodyTabSelected {
position:relative;
top:2px;
padding-top:7px !important;
padding-right:10px !important;
padding-left:10px !important;
font-weight:700;
font-size:11pt;  /* 12pt */
border-bottom:0 !important;
border-left:solid blue 2px !important;
border-right:solid blue 2px !important;
border-top:solid blue 2px !important;
margin-left:0 !important;
z-index:150;
}



#ctl00_ContentPlaceHolder1_bodyArticleContainer {
/* margin:0 330px 15px 0;   was 340, or 310+30 */
z-index:140;
clear:both;
width:100%
top:6px;
left:6px;
padding-top:3px !important;
/* padding:16px 6px 0 0; */
border-right:solid blue 2px;
border-left:solid blue 2px;
border-bottom:solid blue 2px;
min-width:650px;
}

.bodyArticleTab1 {
background:aqua url(Images/Tab1.png) top left repeat-x;
}
.bodyArticleTab2 {
background:aqua url(Images/Tab2.png) top left repeat-x;
}
.bodyArticleTab3 {
background:aqua url(Images/Tab3.png) top left repeat-x;
}
.bodyArticleTab4 {
background:aqua url(Images/Tab4.png) top left repeat-x;
}
.bodyArticleTab5 {
background:aqua url(Images/Tab5.png) top left repeat-x;
}
.bodyArticleTab6 {
background:aqua url(Images/Tab6.png) top left repeat-x;
}
.bodyArticleTab7 {
background:aqua url(Images/Tab7.png) top left repeat-x;
}
.bodyArticleTab8 {
background:aqua url(Images/Tab8.png) top left repeat-x;
}
.bodyArticleTab9 {
background:aqua url(Images/Tab9.png) top left repeat-x;
}
.bodyArticleTab10 {
background:aqua url(Images/Tab10.png) top left repeat-x;
}

.boldTitle {
font-weight:700;
}