/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:0;
text-align:center;
background: url(../images/bg_top.gif) repeat-x;

}

img {
border: 0;
}

/* ---------------  MAIN LAYOUT ELEMENTS  --------------- */





div#dropshadows {
background:url(../images/dropshad_tile.png) repeat-y;
width:770px;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
}

/* hides from ie \*/
* html div#dropshadows {
background:url(../images/dropshad_tile_IE.gif) no-repeat; 
} 
/* hides from ie \*/


#mainWrapper {
width:750px;
background:#fff;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
}

#header {
height: 347px;
display:block;
margin:0;
padding:0;
background-color:#FFF;
}

#contentWrapper {
width:750px;
margin-bottom: 6px;

}

div#mainContent {
width: 534px;

display:block;
float:left;

}

div#birdseed {
margin: 8px 0px 8px 10px;
font-size:11px;
color: #999999;
padding-bottom: 6px;
border-bottom: solid 1px #CCCCCC;
}

div#sidebar {
margin-top: 0px;
padding-top:20px;
width: 200px;
display:block;
float:right;
overflow:hidden;

background:#F6F6F6;
}


#footer {
background: url(../images/footer_BG.gif) no-repeat;
width: 770px;
padding-bottom:20px;
padding-top:10px;
}

#copyright {
margin: 0px 20px;
padding-top: 4px;
color: #999999;
font-size:11px;
border-top: solid 1px #CCCCCC;
}


/* ---------------  STYLING  --------------- */

#header H1 {
display:none;
}


/* ---------------  featuredModule stuff - sidebar  --------------- */

div.featuredModule {
width: 180px;
margin-bottom: 8px;
}

div#sidebar img {
float:left;

}

div.featuredModule h3 {
font-size:13px;
color:#89A436;
margin-left: 8px;
}

div.featuredModule p {
font-size:12px;
color:#000000;
margin-left: 8px;
}

div.featuredModule p a {
font-size:12px;
color: #89A436;
}

div.featuredModule p a:hover {
text-decoration:none;
color: #0C3162;
}

div.featuredModule ul {
margin-left:6px;
padding-left:0;
list-style:none;
}

div.featuredModule ul li {
margin: 0 0 10px 0;
font-size:11px;
color: #666666;
text-indent:0px;
padding-left:18px;
padding-bottom: 4px;
background: url(../images/links_bullet.gif) no-repeat ;
background-position: 0 .2em;
}


/* --------------- birdseed stuff ---------------  */



div#birdseed a {
color: #666666;
text-decoration:none;
}

div#birdseed a:hover {
color: #999999;
}



/* ---------------  mainContent stuff  --------------- */


div#mainContent h1.pageLabel {
display: none;
}

div#mainContent H1 {
margin: 20px 10px 6px 9px;
font-size:18px;
/*color:#99CC00;*/
color:#89A436;
font-weight:normal;
}

div#mainContent H2 {
margin: 6px 10px 6px 10px;
font-size: 15px;
color:#19325D;
font-weight:normal;
}

div#mainContent p, div#mainContent li {
font-size:12px;
color:#666;
margin: 6px 10px 6px 10px;
}

div#mainContent p a {
color:#89A436;
}

div#mainContent p a:hover {
text-decoration:none;
}

div#mainContent ul {
margin-left: 18px;
padding-left:0;
list-style:none;
}

div#mainContent ul li {
margin: 0 0 14px 0;
text-indent:0px;
padding-left:20px;
background: url(../images/links_bullet.gif) no-repeat ;
background-position: 0 .2em;
}





/* ---------------  inserted media stuff  --------------- */

div#mainContent div.mediaLeft {
float:left;
width:238px;
margin: 6px 0px 6px 0px;
}

div#mainContent div.mediaLeft a {
padding: 0px 10px;
}

div#mainContent div.mediaLeft h2 {
margin: 6px 0 4px 10px;
font-size:13px;
color:#99CC00;
}

div#mainContent div.mediaLeft p {
margin: 4px 0 4px 10px;
font-size:11px;
color: #333333;
}

div#mainContent div.mediaRight {
float:right;
width:238px;
margin: 6px 0px 6px 0px;
}

div#mainContent div.mediaRight a {
padding: 0px 10px;
}

div#mainContent div.mediaRight h2 {
margin: 6px 0 4px 10px;
font-size:13px;
color:#99CC00;
}

div#mainContent div.mediaRight p {
margin: 4px 0 6px 10px;
font-size:11px;
color: #333333;
}

div#mainContent div.mediaCenter {
width:100%;
display:block;
padding-left:10px;
padding-right:10px;
text-align:center;
}

div#mainContent div.mediaCenterWide {
display:block;
margin-left: 10px;
text-align:left;
}


/* ---------------  inserted tables  --------------- */

div#mainContent table {
font-size:12px;
color:#666;
margin: 40px 10px 6px 6px;
}


/* ---------------  MISCELLANEOUS  --------------- */

#copyright a {
color: #666666;
}

#copyright a:hover{
text-decoration:none;
}




/* --------------- clear those floats --------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */