body{
margin:0;
position:relative;
padding:0;
text-align:center;/* center layout in ie5 and 5.5. */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
color:#666666;
}

/*This style is for inserting links that will be read by screen readers or browsers with no styles, but in modern browsers will be hidden off page.*/
.accessible{
position:absolute;
left:-200em;
}

#outer{
padding:5px;
width:940px;
margin:0 auto 0 auto;
}
#container{
border:1px solid #ccc;
background-position:top;
background-repeat:no-repeat;
width:938px;
height:auto;
/* background-color:#829CC8;this is the background colour of the right column */
text-align:left;
}
#header{
height:280px;/*less than imageContainer, so content area can float up over picture*/
text-align:left;
}
#SiteTitle{
position:relative;
cursor:pointer;
left:12px;
/*z-index:2; Layer over SiteNav*/

/*(use if loadFlashSEO is used)
color:#FFFFFF;
font-size:48px;
height:30px;
*/

/*(use if loadFlashSEO is NOT used) (not used in this layout)
background-image:url(SiteTitle.gif);*/
background-position:left;
background-repeat:no-repeat;
height:33px;
top:12px;
}
#SiteTitle2{
position:absolute;
left:-200em;
}
/*Highlights*/
ul#alerts{
position:relative;
float:right;
top:1em;
padding:1em 0 2em 1em;
z-index:10;
background-color:#FFF;
width:200px;
font-size:75%;
}
#alerts li, #alertsSpecial li {
text-align:center;
padding-bottom:.75em;
}
#alertsSpecial li {
margin-right:-12em;
width:100%
}
#alerts a.alert, #alertsSpecial a.alert {
text-decoration:none;
display:block;
}


#imageContainer{
position:relative;
/* set this here rather than in home page once design final:
background-image:url(headers/home2.jpg);*/ /*This is the default image to use for the header; will display if not overridden in pages.*/
top:-33px;/*presence of loadFlashSEO for SiteTitle will require modification of this value*/
height:270px;
width:938px;/*2px les than width so that image fits within #content border*/
left:0;
overflow:hidden;
}
#SiteNav, #NavBox{
position:relative;
font-size:90%;
}
#SiteNav{
left:0;
z-index:1/*Layer under SiteTitle*/;
top:-38px;/*May need modification if loadFlashSEO used for SiteTitle*/
}
#NavBox{
clear:both;
width:100%;
clear:both;
text-align:right;
top:10px;
}
#NavBox ul li{
width:100%;
}
#SiteNav li, #NavBox li{
margin:0/*Set to 0 in case modified in other page styles*/;
z-index:10;
}

#nav2Head,
#nav3Head/*The addition of these divs to hold the heading graphics prevents a peculiar jumping behavior in the lower nav list in IE6.*/{
/*height:25px;
background-position:top right;
background-repeat:no-repeat;*/
}
#nav2Head{
background-image:url(GetInvolved.gif);
}
ul#nav2{
}
#nav3Head{
clear:both;
background-image:url(More.gif);
}
ul#nav3{
}
#content{
position:relative;
padding:0;
/*Value for loadFlashSEO in SiteTitle
top:-38px;*/
/*Value if loadFlashSEO in SiteTitle NOT used*/
top:0;
}
#PageContent {
position:relative;
padding:0;
top:-1em;
}
#left{
float:left;
padding:0 15px 0 15px;
/*width:195px;*/
}
#center{
float:left;
width:auto;
/* margin-left:-[x]px;makes [x]px border line up with #left border */
margin:0 1em 0 1em;
}
#header, #footer{
}
h1/*h1 styling is here because it is a critical part of the layout*/ {
position:relative;
color:#006600;
font-size:200%;
}
#header h1, #footer h1{margin:0}
#footer{
text-align:right;
}
#footer #SiteInfo{
float:right;
color:#666666;
font-size:65%;
/*padding-right:80px;
background-image:url(SMTC-Logo_footer.png);
background-position:right;
background-repeat:no-repeat;*/
}
#footer a:hover{
text-decoration:underline;
}
#footer a:visited{
color:#666666;
}
#footer a:hover{
color:#92a667;
/*background-image:url(SMTC-Logo_footer_hover.png);*/
}
#footer span{
/*display:block;*/
}
/* =====================
Breadcrumb navigation */
#Breadcrumb{
position:relative;
top: -39px;
left:-1em;
margin-bottom:-4em;
background-color:#ddd;
padding:0 .5em 0 .5em;
width:926px;
margin-right:-2em;
}

#Breadcrumb div{
position:absolute;
margin-left:-2000px;
}

#Breadcrumb ul{
display:inline-block;
list-style-type:none;
text-align:left;
padding:0;
font-size:85%;
}

#Breadcrumb ul li{
display:inline;
margin-left:0;
padding-left:0;
}
#Breadcrumb ul a{
text-decoration:underline;
}
/* *** not used if text arrow used */
#Breadcrumb ul li.arrow a{
padding-left:1em;
background-image:url(ArrowNavBox.gif);
background-position:left;
background-repeat:no-repeat;
}
/* END Breadcrumb navigation */

.cfdebug{
text-align:left
}