body {margin:0; padding: 0; background: url(web/images/bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
body.mceContentBody {background:#fff; padding:10px}

div, p, ul, li, h1, h2, h3, h4, h5, h6, input, select, textarea {margin: 0; padding: 0}

a {text-decoration: none}
a:hover {text-decoration: underline;}
p {margin:7px 0}

.right {float:right}
.left {float: left}
.clear {clear:both}
.clearright {clear:right}

#container {width:866px; margin: 20px auto;}

#banner {margin:0 0 20px 0 ; padding: 0}
#banner h3 {display: block; width: 682px; height: 100px; background: #000; color: #fff; font-size: 50px; text-transform: uppercase; line-height: 48px; letter-spacing: -2px; font-weight:normal; padding: 10px 15px}

ul#nav {list-style: none; color: #fff; font-size: 18px; font-weight: normal; margin-bottom: 10px}
ul#nav li {display:inline; margin: 0 20px 0 0; padding: 0;}
ul#nav li a{color:#fff}
ul#nav li a:hover{text-decoration:none}

ul#breadcrumb {list-style: none;  margin-bottom: 20px}
ul#breadcrumb li {display: inline; background: #fff; padding: 2px 3px; margin:0 5px 0 0;}
ul#breadcrumb li.initial {font-weight: bold; text-transform: uppercase; margin:0 3px 0 0;}
ul#breadcrumb li a {font-weight:normal; color: #000; text-transform: none;}
ul#breadcrumb li.date {display: inline; background: #000; color: #fff; padding: 2px 3px; font-weight: normal; margin:0}

#maincontent ul.sitemap { background-color: #fff; margin: 0px; padding: 0px 20px 20px 40px; }


#maincontent {width:866px; }
#maincontent.sub {width:680px; float: right;}
#maincontent ul {margin:5px 30px;}
#maincontent a {font-weight: bold; color: #000; text-decoration: underline}

#maincontent blockquote {margin: 6px 20px; padding: 15px; background: #e9e3d3; font-size: 13px; line-height: 20px; color: #444; text-align: justify}
#maincontent blockquote em {display: block; font-size: 12px; margin: 0 0 8px 0}


#mainpanel {}
#mainpanel p {line-height: 17px;}

#sectionnav {width:170px; float:left;}
#sectionnav h4 {background:#000; color:#fff; font-size:18px; padding:4px; display:inline; margin:0}
#sectionnav h4 a { color: #fff; }
#sectionnav ul {list-style:none; margin:15px 0 0 0}
#sectionnav ul a {color:#fff;}
#sectionnav ul li {font-style:italic; font-size:12px; line-height:16px; margin:0 0 10px 0;}
#sectionnav ul li a {background:#000; color:#fff; font-weight:bold;padding:4px; }
#sectionnav ul.news {}
#sectionnav ul.news li {background: #000; padding: 5px;}
#sectionnav ul.news li a{background: none; padding: 0;}
#sectionnav ul.news li a h2 {font-size: 14px; margin: 0; padding: 0}
#sectionnav ul.news li a h3{font-size: 11px; margin: 0; padding: 0; text-transform: none; font-weight: normal; color: #ccc}
#sectionnav ul.news li a p{font-size: 11px; margin: 0; padding: 0}



#footer {margin-top: 20px}
#footer a {color:#fff;}
#footer h3 {background: #000; color: #fff; font-size: 18px; line-height: 25px; display: inline; padding: 5px;}
#footer ul {font-size: 14px; color: #fff; font-weight: bold; margin: 8px 0}
#footer ul li {display: inline}

ul#footernav {}
ul#footernav li {background: #000; color: #fff; padding: 2px 5px; }
ul#footernav li:hover {background: #fff; color: #000; }
ul#footernav li:hover a {color: #000; text-decoration:none }

ul#socialmedia {}
ul#socialmedia a {color:#000;}
ul#socialmedia li {background: #000; color: #fff; padding: 2px 5px; }
ul#socialmedia li.highlight {background: #fff; color: #000; font-style: italic}
ul#socialmedia li.highlight:hover {background: #000; color: #fff;}
ul#socialmedia li.highlight:hover a {color: #fff; text-decoration:none}

.twitter {display: block; width: 222px; height: 144px; padding: 10px 20px 20px 30px; background: url(web/images/twitterbg.gif) no-repeat; color: #fff;}
.twitter h5 {font-size:16px; font-weight: normal; font-style: italic;}
.twitter p {text-align: right}
.twitter p.date {font-weight: bold; color: #767676}
.twitter p.join a {font-size: 11px; color: #88cfec; font-style: italic}



/* Template css */