/* Start of CMSMS style sheet 'common' */
html, body { margin: 0; padding: 0; }



body {

background-color: #eff0f0;

background-image: url('uploads/design/images/backgrounds/www-background.gif');

background-position: center;

background-repeat: repeat-y;

line-height: 1.5em;

}



p { margin: 0; padding: 0; line-height: 1.5em; }

ul { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #a3c820; }

form, input { margin: 0; padding: 0; }



/* typography */

body { font: 0.82em Georgia, serif; }

h1 { font: normal 180% Georgia, serif; margin: 0 0 10px 0; padding: 0; }

h2 { font: normal 140% Georgia, serif; margin: 0 0 10px 0; padding: 0; }

h3 { font: bold 100% Georgia, serif; margin: 0 0 10px 0; padding: 0; }

blockquote { margin: 15px; }



/* placement */



div#wrapper { margin: 30px auto; padding: 0; width: 901px; }



div#header { float: left; margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; clear: both; width: 901px; }

div#header div.logo { float: left; margin: 0; padding: 0; width: 101px; }

div#header div.menu { float: right; margin: 0; padding: 0; width: 800px; height: 60px; }

div#header div.menu div.top { float: left; margin: 0; padding: 0; clear: both; }

div#header div.menu div.top div.left { float: left; width: 639px; text-align: right; }

div#header div.menu div.top div.left ul li { margin: 3px 10px 0 0; padding: 0; display: inline; }

div#header div.menu div.top div.right { float: right; margin-top: -4px; width: 161px; text-align: right; }



div#header div.menu div.top div.right input {

font: 100% Georiga, serif;

background-image: url('uploads/design/images/icons/search.gif');

background-repeat: no-repeat;

background-position: 1px -1px;

padding: 0 0 0 20px;

border: 1px solid #ddd;

width: 140px;

}



div#header div.menu div.mainnav { float: left; margin: 10px 0 0 0; width: 801px; text-align: right; }

div#header div.menu div.mainnav ul li { margin: 0 0 0 10px; padding: 0; display: inline; }



/* content container */



div#container { float: left; margin: 50px 0 0 0; padding: 0; }

div#container div.content { float: left; margin: 0; padding: 0; width: 640px; }

div#container div.sidebar { float: left; margin: 0 0 0 15px; padding: 0; width: 245px; }



/* sidebar content */



div.sidebar div.item {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #ddd;
width: 225px;
}

div.sidebar div.item div.green {
margin: 0;
padding: 10px;
background: #a3c820;
width: 205px;
color: #fff;
}

div.sidebar div.item div.red {
margin: 0;
padding: 10px;
background: #C21f41;
width: 205px;
color: #fff;
}

div.sidebar div.item a {
color: #fff;
text-decoration: underline;
}




/* footer */



div#footer {

float: left;

margin: 50px 0 10px 0;

padding: 0;

width: 901px;

background-image: url('uploads/design/images/backgrounds/section-background.png');

height: 100px;

}



div#footer div.footer-left {

float: left;

margin: 0;

padding: 20px;

width: 341px;

}



div#footer div.footer-center {

float: left;

margin: 0;

padding: 20px;

width: 150px;

}



div#footer div.footer-right {

float: right;

margin: 0;

padding: 20px;

width: auto;

}
/* End of 'common' */