/* CSS Document */

body {
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
padding:0;
text-align:center;
}

img {
border: 0;
}

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

#mainWrapper {
width:784px;
text-align:left;  
margin-left:auto; 
margin-right:auto;
}



#header {
height: 226px;
margin:0;
padding:0;
background:url(../images/header.jpg) no-repeat;
}


#contentWrapper {
width:754px;

margin-bottom: 6px;
}

div#mainContent {
width: 540px;

display:block;
float:left;
}

div#birdseed {
border-bottom: #cccccc solid 1px;
padding-top: 6px;  
padding-bottom: 8px;
margin-left: 10px; 
}


div#sidebar {
margin-top: 0px;
padding-top:20px;
margin-left:10px;
width: 200px;
float:right;

background:url(../admin/images/sidebar_BG_tile.gif) repeat-x;


}


#footer {
width:754px;
padding-bottom:20px;
padding-top: 8px;
color:#999999;
font-size:11px;

border-top: #000066 solid 1px;
}

#copyright {
margin: 0;
padding-top: 2px;
}


/* ---------------  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:#000066;
margin-left: 8px;
}

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

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

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

div.featuredModule ul li {
margin: 0 0 14px 0;
}

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

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

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

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

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


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


div#mainContent div#mediaDivider {
width:98%;
border-bottom:solid 1px #999;
margin-bottom:10px;
}





div#mainContent h1 {
margin: 20px 10px 6px 10px;
font-weight:normal;
font-size:18px;
/*color:#99CC00;*/
color:#000066;
}

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

div#mainContent h2 {
margin: 6px 10px 6px 10px;
font-size: 15px;
color:#000066;
}

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

div#mainContent p a {
color:#99CC00;
}

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


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

div#mainContent ul li {
margin: 0 0 2px 0;
text-indent:0px;
padding-left:16px;
padding-bottom: 4px;
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  --------------- */

#footer a {
color:#252E2E;
}

#footer a:hover {
text-decoration:none;
color:#252E2E;
}




/* --------------- 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 */