/* CSS Document */

body {
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 16px;
margin:0;
padding:0;
text-align:center;
background: #424242 url(../images/bgTile_main.gif) repeat-x;
}

img {
border: 0;
}

/* MAIN LAYOUT ELEMENTS */

/* -----  BODY > #mainWrapper ( #header ) > #contentWrapper > #mainContent    ----- */

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

}



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


#contentWrapper {
}

div#mainContent {
width: 500px;
background: #ffffff;
min-height: 460px;
}

div#birdseed {
margin: 10px 0 10px 10px;
}


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

background: #CCCCCC;
}


#footer {
padding-bottom:20px;
padding-top: 20px;
background: url(../images/BG_footer.gif) no-repeat;

font-size: 10px;
color:#999999;
}

#footer a {
color:#999999;
}

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

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


/* STYLING */


div#clientLogos {
margin: 20px 10px 10px 10px; padding-bottom:10px; padding-top: 10px; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC;

}

div#clientLogos img {
margin-right: -4px;
}

#header h1 {
display:none;
}

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

div#sidebar img {
float:left;
}

div.featuredModule h3 {
}

div.featuredModule p {
}

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;
}


div#birdseed {
color:#cccccc;
}

div#birdseed a {
color:#999999;
}

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




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;
}



div#mainContent h1.pageLabel {

/*display:none;*/

display:block;
background:url(../images/BG_pageName.jpg) no-repeat;
font-size:24px;
font-weight: bold;
color: #ffffff;
margin:0;
padding-top: 26px;
padding-bottom: 26px;
padding-left: 12px;

text-shadow: #333333 2px 2px 2px;

}

div#mainContent h2.hd {
margin: 20px 80px 14px 10px;
color:#666666;
font-size:18px;
line-height: 24px;
text-shadow: #CCCCCC 2px 2px 2px;

}

div#mainContent h2.sub {
/*margin: 30px 50px 20px 50px;
padding: 0 0 6px 150px;*/
margin: 30px 50px 20px 200px;
padding: 0 0 6px 0px;
display:block;
border-bottom: dotted 1px #CCCCCC;
color: #999999;
font-size:14px;
text-shadow: #cccccc 2px 2px 2px;

}

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

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

div#mainContent p a {
}

div#mainContent p a:hover {
}


div#mainContent ul li {
margin: 0 0 14px 0;
}

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

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



div#mainContent div.homeParagraph div.homeThird p {
margin-left: 30px;
}

div#mainContent div.paragraph p {
margin-left: 200px;
}

div#mainContent div.paragraph ul {
margin-left: 200px;
}


div.paragraph p a {
color:#FC5D00;
}

div.paragraph p a:hover {
text-decoration:none;
}








div#mainContent div.paragraph div#LsideNav {
margin-left: 10px;
margin-right: 30px;
position:relative;
width: 160px;
float:left;
}

div#mainContent div.paragraph div#LsideNav a {
display:block;
padding: 4px 8px;
background:#CCCCCC;
color:#ffffff;
text-decoration:none;
margin-bottom: 4px;
}

div#mainContent div.paragraph div#LsideNav a:hover {
color: #ffffff;
background:#FC5D00;

}




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

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

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

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

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







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