@charset "utf-8";







/* CSS Document */







/* ************ */







/* CONTENT CSS */

html, body, form, fieldset {

margin: 0;

padding: 0;

}

body {

color: #000000;







background: #FFFFFF;







font-family: Verdana, Arial, Helvetica, sans-serif;







line-height: 140%;







font-size: 11px;







}







body#bd {







color: #333333;







background: url("../images/bg.gif");



}







a {







color: #3172B4;







text-decoration: none;







}







a:hover, a:active, a:focus {







color: #3172B4;







text-decoration: underline;







}







.contentheading, .componentheading, .blog_more strong, h1, h2, h3 {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-weight: bolder;

margin-bottom: 10px;

margin-top: 5px;

font-size: 110%;

text-transform:uppercase;

color: #3172B4;



}







/* Small text */







small, .small, .smalldark, .mosimage_caption {







color: #999999;







font-size: 100%;







}







/* Heading */







h1 {



}







h2 {







font-size: 155%;

}







h3 {

font-size: 130%;

font-weight: bold;

text-align:left;

}







h4 {







font-size: 100%;







text-transform: uppercase;







}







p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {







margin: 10px 0;







padding: 0;







}







ul {







list-style: none;







}







ul li {







padding-left: 33px;















line-height: 150%;







}







ol li {







margin-left: 35px;







line-height: 180%;







}







th {







padding: 5px;







font-weight: bold;







text-align: left;







}







fieldset {







border: none;







}















fieldset a {







font-weight: bold;







}







hr {







border-top: 1px solid #DDDDDD;







border-right: 0;







border-left: 0;







border-bottom: 0;







height: 1px;







}







a img {







border: none;







}







td, div {







font-size: 100%;







}







/* ------FORM----- */







form {

margin: 0;

padding: 0;

text-align: left;

}







form label {







cursor: pointer;







}







input, select, textarea, .inputbox {







padding: 1px;







font-family: Tahoma, Arial, sans-serif;







font-size: 100%;







}







select, textarea, .inputbox {







background: #FFFFFF;







color: #333333;







}







.button {







padding: 2px 5px;







border: 1px solid #6E9DCD;







color: #FFFFFF;







background: url(../images/but-bg.gif) repeat-x center #6E9DCD;







}







* html .button, *+html .button {







padding: 2px 3px !important;







border: 1px solid #FFFFFF;







}







.inputbox:hover, .inputbox:focus {







}







/* ----------BONUS TYPOGRAPHY STYLES---------- */







pre, .code {







padding: 10px 15px;







margin: 5px 0 15px;







border-left: 5px solid #999999;







background: #F0F5FB;







}







blockquote {







padding: 1em 40px 1em 15px;







}







blockquote span.open {







padding: 0 0 0 20px;







background: url(../images/so-q.gif) no-repeat left top;







}







blockquote span.close {







padding: 0 20px 0 0;







background: url(../images/sc-q.gif) no-repeat bottom right;







}







/* Small quote */







.small-quote {







margin: 0;







padding: 0;







background: none;







}







.small-quote span.open-quote {







margin: 0;







padding-left: 20px;







background: url(../images/so-q.gif) no-repeat center left;







}







.small-quote span.close-quote {







margin: 0;







padding-right: 20px;







background: url(../images/sc-q.gif) no-repeat center right;







}







.small-quote span.author {







padding: 2px 5px 2px 20px;







border-top: 1px solid #DDDDDD;







margin: 0.5em 0 0;







display: block;







background: url(../images/author.gif) no-repeat 5px 4px #DDDDDD;







font-size: 90%;







text-transform: uppercase;







}







/* Dropcap */







.dropcap {







float: left;







padding: 4px 8px 0 0;







display: block;







color: #3172B4;







font: 50px/40px Georgia, Times, serif;







}







/* Tips, Error, Message, Hightlight*/







.error {







padding-left: 25px;







color: #CC0000;







background: url(../images/bullet-error.gif) no-repeat top left;







}







.message {







padding-left: 25px;







color: #FF7705;







background: url(../images/bullet-info.gif) no-repeat top left;







}







.tips {







padding-left: 25px;







color: #3172B4;







background: url(../images/bullet-tips.gif) no-repeat top left;







}







.highlight {







padding: 1px 5px;







background: #F0F5FB;







font-weight: bold;







}







/* Note Style */







p.stickynote {







padding: 10px 0px 10px 50px;







border: 1px solid #DDDDDD;







background: url(../images/sticky-bg.gif) no-repeat 5px 10px #FFFFFF;







}







p.download {







padding: 10px 0px 10px 50px;







border: 1px solid #DDDDDD;







background: url(../images/download-bg.gif) no-repeat 5px 10px #FFFFFF;







}







.blocknumber {







clear: both;







padding: 5px 15px 10px;







position: relative;







}







/* Check list */







ul.checklist {







list-style: none;







}







ul.checklist li {







margin-left: 15px;







padding: 0 0 5px 20px;







background: url(../images/checklist-bg.gif) no-repeat 0 3px;







}







/* Check list */







ul.stars {







list-style: none;







}







ul.stars li {







margin-left: 15px;







padding: 0px 0 5px 20px;







background: url(../images/star-bg.gif) no-repeat 0 3px;







}







/* Smallnumber */







ol.smallnumber {







margin: 0;







padding: 0;







list-style: none;







}







ol.smallnumber li {







margin: 10px 0 10px 30px;







padding: 3px 0 5px 30px;







line-height: 150%;







}







ol.smallnumber li.number-1 {







background: url(../images/n-1.gif) no-repeat left top;







}







ol.smallnumber li.number-2 {







background: url(../images/n-2.gif) no-repeat left top;







}







ol.smallnumber li.number-3 {







background: url(../images/n-3.gif) no-repeat left top;







}







ol.smallnumber li.number-4 {







background: url(../images/n-4.gif) no-repeat left top;







}







ol.smallnumber li.number-5 {







background: url(../images/n-5.gif) no-repeat left top;







}







ol.smallnumber li.number-6 {







background: url(../images/n-6.gif) no-repeat left top;







}







ol.smallnumber li.number-7 {







background: url(../images/n-7.gif) no-repeat left top;







}







ol.smallnumber li.number-8 {







background: url(../images/n-8.gif) no-repeat left top;







}







ol.smallnumber li.number-9 {







background: url(../images/n-9.gif) no-repeat left top;







}



ul.pagination {

margin: 2px 0;

}



/* Bignumber */







.bignumber {







float: left;







margin-right: 8px;







padding: 6px 7px;







display: block;







color: #FFFFFF;







background: url(../images/ol-bg.gif) no-repeat top left;







font: 20px/normal Arial, sans-serif;







font-weight: bold;







}







/* Talking box. Thinking box. */







div.bubble1, div.bubble2, div.bubble3, div.bubble4 {







margin: 15px 0;







}







div.bubble1 span.author,







div.bubble2 span.author,







div.bubble3 span.author,







div.bubble4 span.author {







padding-left: 15px;







margin-left: 15px;







background: url(../images/author.gif) no-repeat center left;







font-weight: bold;







}







div.bubble1 div {







margin: 0;







width: 100%;







background: url(../images/bub1-br.gif) no-repeat bottom right;







}







div.bubble1 div div {







background: url(../images/bub1-bl.gif) no-repeat bottom left;







}







div.bubble1 div div div {







background: url(../images/bub1-tr.gif) no-repeat top right;







}







div.bubble1 div div div div {







background: url(../images/bub1-tl.gif) no-repeat top left;







}







div.bubble1 div div div div div {







margin: 0;







padding: 15px 15px 30px 15px;







width: auto;







}







div.bubble2 div {







margin: 0;







width: 100%;







background: url(../images/bub2-br.gif) no-repeat bottom right;







}







div.bubble2 div div {







background: url(../images/bub2-bl.gif) no-repeat bottom left;







}







div.bubble2 div div div {







background: url(../images/bub2-tr.gif) no-repeat top right;







}







div.bubble2 div div div div {







background: url(../images/bub2-tl.gif) no-repeat top left;







}







div.bubble2 div div div div div {







margin: 0;







padding: 15px 15px 35px 15px;







width: auto;







}







div.bubble3 div {







margin: 0;







width: 100%;







background: url(../images/bub3-br.gif) no-repeat bottom right;







}







div.bubble3 div div {







background: url(../images/bub3-bl.gif) no-repeat bottom left;







}







div.bubble3 div div div {







background: url(../images/bub3-tr.gif) no-repeat top right;







}







div.bubble3 div div div div {







background: url(../images/bub3-tl.gif) no-repeat top left;







}







div.bubble3 div div div div div {







margin: 0;







padding: 15px 15px 50px 15px;







width: auto;







}







div.bubble4 div {







margin: 0;







width: 100%;







background: url(../images/bub4-br.gif) no-repeat bottom right;







}







div.bubble4 div div {







background: url(../images/bub4-bl.gif) no-repeat bottom left;







}







div.bubble4 div div div {







background: url(../images/bub4-tr.gif) no-repeat top right;







}







div.bubble4 div div div div {







background: url(../images/bub4-tl.gif) no-repeat top left;







}







div.bubble4 div div div div div {







margin: 0;







padding: 15px 15px 55px 15px;







width: auto;







}







/* Rating */







.rating {







width: 66px;







float: left;







margin: 10px 10px 0 0;







background: url(../images/rating-bg.gif) no-repeat top left;







height: 65px;







}







div.rate-1 {







font-size: 11px;







text-align: center;







line-height: 20px;







height: 20px;







}







div.rate-2 {







color: #CC0000;







font-size: 200%;







font-weight: bold;







text-align: center;







}







div.rate-3 {







font-size: 11px;







text-align: center;







}







/* ********************************* */







/* TEMPLATE SPECIFIC CSS CODE */







/* ********************************* */







/* JOOMLA SPECIFIC CSS CODE */







table.blog {







}







.article_seperator {







display: block;







background: url(../images/sep.gif) no-repeat center bottom;







height: 50px;







}







table.contentpane {







border: none;







width: 100%;







}







table.contentpaneopen {







border: none;







border-collapse: collapse;







border-spacing: 0;







}







table.contenttoc {







margin: 0 0 10px 10px;







padding: 0;







width: 35%;







border: 1px solid #EFEFEF;







}







table.contenttoc a {







}







table.contenttoc td {







padding: 3px 5px 3px 25px;







background: url(../images/arrow.png) no-repeat 10px 7px;







}







table.contenttoc th {







padding: 5px;







background: url(../images/grad2.gif) repeat-x center #EFEFEF;







text-indent: 5px;







}







table.poll {







padding: 0;







width: 100%;







border-collapse: collapse;







}







table.pollstableborder {







padding: 0;







width: 100%;







border: none;







text-align: left;







}







table.pollstableborder .sectiontableheader {







padding: 8px 5px !important;







}







table.pollstableborder img {







vertical-align: baseline;







}







table.pollstableborder td {







padding: 2px!important;







border-collapse: collapse;







border-spacing: 0;







}







table.pollstableborder tr.sectiontableentry1 td {







border: none;







background: #F7F7F7;







}







table.pollstableborder tr.sectiontableentry2 td {







border: none;







}







table.searchintro {







padding: 10px 0;







width: 100%;







}







table.searchintro td {







padding: 5px!important;







}







table.adminform {







width: 400px!important; /*Control the Frontend Editor area width*/







}







.adminform .inputbox {







}







.blog_more {







margin: 10px 0;







}







.blog_more strong {







margin: 0 0 5px;







display: block;







background: url(../images/h3-bg.gif) no-repeat center left;







font-size: 150%;







line-height: 30px;







text-indent: 10px;







}







.blog_more ul {







margin: 0;







padding: 0;







}







.blog_more ul li {







margin: 0;







padding: 0 0 0 24px;







background: url(../images/arrow.png) no-repeat 10px 6px;







}







td.buttonheading {







padding: 0 0 0 8px!important;







text-align: center;







border-top: #666666 1px solid;







border-bottom: #666666 1px solid;







}







.category {







font-weight: bold;







}







.clr {







clear: both;







}







.componentheading {







background:url(../images/content_bg.gif) repeat-x top;







height: 26px;







}







.contentdescription {







padding-bottom: 30px;







}







table.blog .contentheading {







font-size: 120%;







}







.contentheading {

padding-bottom: 5px;

font-size: 140%;



}







a.contentpagetitle,







a.contentpagetitle:hover,







a.contentpagetitle:active,







a.contentpagetitle:focus {







}







a.readon {







float: left;







width: 120px;







display: block;







background: url(../images/readon.gif) no-repeat top left;







font-size: 11px;







line-height: 20px;







text-indent: 27px;







height: 20px;







}







a.readon:hover, a.readon:active, a.readon:focus {







background: url(../images/readon.gif) no-repeat bottom left;







color: #666666;







text-decoration: none;







}







table.contentpaneopen td, table.contentpane td {







}







table.contentpaneopen, table.contentpane, table.blog {







width: 100%;







margin-top: 5px;







}







.createdate {







padding: 2px;







color: #999999;







}







.modifydate {







padding-top: 15px;







color: #999999;







height: 15px;







}







.moduletable {







padding: 0;







}



.moduletable h3 {

color:#FF0000;

}



.mosimage {







margin: 15px 10px 10px 0;







padding: 0 0 5px;







}







* html .mosimage {







padding: 5px 0 !important; /*IE 6*/







margin: 15px 10px 10px 0;







}







*+html .mosimage {







padding: 5px 0 !important; /*IE 7*/







}







.mosimage img {







padding: 0 !important;







margin: 0 !important;







}







.mosimage_caption {







margin-top: 5px;







padding: 1px 2px;







color: #999999;







}







.pagenav,







.pagenav_prev,







.pagenav_next,







.pagenavbar {







padding: 0 2px;







}







a.pagenav,







.pagenav_prev a,







.pagenav_next a,







.pagenavbar a {







}







a.pagenav:hover, a.pagenav:active, a.pagenav:focus,







.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,







.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,







.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {







}







.pagenavbar {







padding-left: 14px;







background: url(../images/pages.gif) no-repeat center left;







}







.pagenavcounter {







padding: 8px 14px 0 14px;







background: url(../images/pages.gif) no-repeat 0 11px;







}







.sectiontableheader {







padding: 7px 5px;







border-top: 1px solid #EFEFEF;







border-bottom: 1px solid #EFEFEF;







background: url(../images/grad2.gif) repeat-x center #F7F7F7;







font-weight: bold;







}







tr.sectiontableentry1 td {







padding: 7px 5px;







background: url(../images/dot.gif) repeat-x bottom;







}







tr.sectiontableentry2 td {







padding: 7px 5px;







background: url(../images/dot.gif) repeat-x bottom;







}







tr.sectiontableentry1:hover td,







tr.sectiontableentry2:hover td {







background: url(../images/dot.gif) repeat-x bottom #F0F5FB;







}







.smalldark {







text-align: left;







}







div.syndicate div {







text-align: center;







}







.pollstableborder tr.sectiontableentry1 td,







.pollstableborder tr.sectiontableentry2 td {







background: none;







}







.content_email{







}







.content_rating{







}







.content_vote{







}







.contentdecription{







}







.contentpagetitle{







}







.created-date{







}







.date{







}







.intro{







}







.latestnews{







}







.loclink{







}







a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{







}







a.mainlevel:hover{







}







.message{







}







.metadata{







}







.mostread{







}







.newsfeed{







}







.outline{







}







.pagenav{







}







.pagenav_next{







}







.pagenav_prev{







}







.pagenavbar{







}







.pagenavcounter{







}







.pathway{







}







.pollstableboarder{







}







.read{







}







.search{







}







.searchintro{







}







.sections{







}







.sectiontable_footer{







}







.sectiontableentry{







}







.sectiontablefooter{







}







a.sublevel:link, a.sublevel:active, a.sublevel:visited{







}







a.sublevel:hover{







}







.title{







}







.wrapper{







background: #0c4978;







width: 818px;







margin: 0 auto;







overflow: hidden;







}







#top-menu {







height: 26px;







background-image: url(../images/top_menu.gif);







background-repeat: repeat-x;







overflow: hidden;







text-align: right;







margin-left: 9px;







margin-right: 9px;







padding: 0 10px;







}







#top-menu ul {







list-style-position: inside;







list-style-image: none;







list-style-type: none;







display: block;







margin: 0;







padding: 0;







float: right;







}







#top-menu li {







float: left;







height: 26px;







background: url(../images/menutop_center.gif) repeat-x top;







margin: 0;







padding: 0;







cursor: default;







display: block;







}







#top-menu a {







height: 26px;







text-decoration: none;







background: url(../images/menutop_left.gif) no-repeat top left;







float: left;







color: #FF9900;







}







#top-menu span {







padding-right: 11px;







padding-left: 11px;







background: url(../images/menutop_right.gif) no-repeat top right;







height: 21px;







float: left;







padding-top: 5px;







text-transform: uppercase;







font-weight: bold;







font-family: Verdana, Arial, Helvetica, sans-serif;







font-size: 110%;







display:block;







cursor:pointer;







}







#top-menu ul li:hover, #top-menu li:active, #top-menu li:focus {







/*background: url(../images/menutop_center_hl.gif) repeat-x top;*/







}







#top-menu a:hover, #top-menu a:active, #top-menu a:focus {







/*background: url(../images/menutop_left_hl.gif) no-repeat top left;*/







color: #FFFF33;







}







#top-menu span:hover, #top-menu span:active, #top-menu span:focus {







/*background: url(../images/menutop_right_hl.gif) no-repeat top right;*/







}







#header {







background-image: url(../images/header_line.gif);







background-repeat: repeat-x;







padding-top: 8px;







margin-left: 9px;







margin-right: 9px;







}







#hd_banner {







background-image: url(../images/banner.jpg);







background-repeat: no-repeat;







height: 167px;







width: 800px;







}







#hd_banner .hd_flash {







padding-top: 97px;







margin-left: 172px;







}







.mainnav {







background-image: url(../images/mainnav.gif);







background-repeat: repeat-x;







height: 29px;







}







#mainbody {







background-color: #FFFFFF;







margin-left: 9px;







margin-right: 9px;







}







#pathway {







height: 23px;







color: #000033;







font-weight:bold;







background:url(../images/pathway.gif) top repeat-x;







padding-left: 200px;







padding-top: 3px;







}







#leftcol {







width: 190px;







float: left;







layout-flow: horizontal;















}







#rightcol {







width: 190px;







float: right;







margin-right: 0px;







}







#contentpane {







float: left;







width: 416px;







margin-left: 2px;







}







.gallery {







margin: 0 5px;







}







.gallery .moduletable {







	text-align: center;







}







.gallery .moduletable li {







	width: 100%;







}







#footer {







background: url(../images/footer_right.jpg) no-repeat 99% center #d2d3ce;







height: 50px;







margin-left: 9px;







margin-right: 9px;







border-bottom: #282828 1px solid;







clear: both;







border-top: #0c4978 5px solid;







padding-left: 100px;







}







div.module {







font-size: 100%;







line-height: 150%;







overflow: visible;







display: block;







float: left;







width: 100%;







height: auto;







}







div.module div {















}







div.module div div {















}







div.module div div div {







padding: 8px 9px 10px 9px;







}















div.module {







background: url(../images/menu_br.png) 100% 100% no-repeat;







}







div.module div {







background: url(../images/menu_bl.png) 0 100% no-repeat;







}







div.module div div {







background: url(../images/menu_tr.png) 100% 0 no-repeat;







}







div.module div div div {







background: url(../images/menu_tl.png) 0 0 no-repeat;







}







div.module h3 {







margin: 0px 0px 5px 0px;







font-size: 115%;







text-transform:uppercase;







text-decoration:none;







font-style: normal;







color:#FFFFFF;







font-weight: bold;







text-indent: 6px;







padding: 0px;







height: 20px;







text-align:center;







}







div.module div div div div {







background: none;







padding:0;







}







div.module div div div ul {







padding-left: 0px;







}







div.module div div div li {







padding-left: 15px;







}







#contentpane .module {







background-color: #FFFFFF;







padding-right: 5px;







padding-left: 5px;







background-image: none;







padding-bottom: 5px;







float: none;







width: auto;







}







#footer .module {







margin-top: 5px;







margin-right: 50px;







margin-left: 30px;







background-image: none;







float: none;







width: auto;







}







#footer .module a {







font-weight: bold;







color: #0000FF;







}







#form-login-username, #form-login-password {







padding: 0;







margin: 0;







}







/* Clearfix */







.clearfix:after {







clear: both;







display: block;







content: ".";







height: 0;







visibility: hidden;







}







* html > body .clearfix {







width: 100%;







display: block;







}







* html .clearfix {







height: 1%;







}







/* Firefox Scrollbar Hack - Do not remove */







html {







margin-bottom: 1px;







height: 100%!important;







height: auto;







}
#active_language{
	text-align:center;
}