@CHARSET "UTF-8";


/*------------------------------------------------------------------
Global CSS

Methods: 		RULES ORGANIZATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Container
						Header
							Nav
						Body
							Layout Setup
								Modules
						Footer
					Hacks
					(other)
--------------------------------------------------------------------*/

/* Global Styles
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
html {
    overflow: scroll;
}
body {
  
    font: normal 12pt Arial; 
    text-align: center;
}
img {
    border: none;
	margin: 0;
	padding: 0;
}

a {
  text-decoration: none;   
}	
	
a img {
    border: none;
}

a:hover {
   text-decoration: underline;
}

a.selected {
   text-decoration: underline;
}	


div#logo,div.leftad div.rightad,ul.hmenus li,ul.smenus li,div.search,.search_middle,div.left,ul.gallery li,ul.gallery_m li,ul.districts li,div.wideright,div.wideleft,div.right,.hd_ad{
    display:inline;
}

div#logo,div.leftad,ul.smenus li,ul.hmenus li,.search_middle,div.left,ul.gallery li,ul.gallery_m li,ul.districts li,div.wideright,div.wideleft,#srch{
    float:left;
}

div.rightad, div.right,.hd_ad{
    float:right;
}


/* Containers
--------------------------------------------------------------------*/
#container {
    margin: 0 auto;
    text-align: left;
    width: 977px;
    padding: 0 10px 0px 13px;
    background: url("../images/bg.png") repeat-y;
}
/*------------------------------------------------------------------*/


/* Headers
--------------------------------------------------------------------*/

h1 {
	font: bold 12pt Arial;
	color: #330066; 
}

h2 {
	font: normal 12pt Arial;
	color: #9f1010; 

}


h3 {
	font: bold 11pt Arial;
	color: #999999;
}

h4 {
	
	margin-left: 18px;
	font: bold 13pt Arial;
}

h5 {
	font: normal 10pt Arial;
	letter-spacing:1pt;
	 
}
/*------------------------------------------------------------------*/

/* Text
--------------------------------------------------------------------*/
p {
  
    
	
}

a{
text-decoration: none; 
}

a:hover{
text-decoration: underline;
}	
.imgborder
{
 border:2px solid #DDE6EE;	
padding: 4pt;
}
/*------------------------------------------------------------------*/

/* Often Used Classes
--------------------------------------------------------------------*/
.floatleft {
	display: inline;
	float: left;
}
.floatright {
	display: inline;
	float: right;
}
.alignleft {
    text-align: left;
}
.alignright {
    text-align: right;
}
.hand {
    cursor: hand;
}
.justify {
   text-align: justify;
}

.hand {
   cursor: hand;
}	
.content{
 font:normal 11pt Arial;
 color:#414141;
 line-height:24px;    
}
.content a{
  color:#414141;
}
.title{
 font:bold 12pt Arial;
 color:#448f69;
}
.gray{
color:#414141;
}
.blue{
color: #330066;	
}
.red{
color: #990000;	
}
/*-----------------Header-------------------------------------------------*/

div#header {
 width: 977px;
}	

div#header div#topheader {
  height: 105px;
}

div#header div#topheader div.leftad {
  width:235px;
  height:80px; 
  margin:15px 0px 0px 10px;
}

div#header div#topheader div.rightad {
  width:235px;
  height:80px;
  margin:15px 10px 0px 0px; 
}	

div#header div#topheader div#logo {
  
  width: 235px;
  text-align: center;
  margin-top: 7px;
  
}	

div#header div#bottomheader {
  display: block;
  
}

div#header div#bottomheader div#smenu{
  height: 39px;
  width: 975px;
  background: url("../images/sc_bg.png") repeat-x;
  display:block;
   
}	

div#header div#bottomheader div#smenu span.smenus {
  padding-top: 4px; 
  width: 975px;
  font-size: 12pt;
  list-style: none;
  line-height: 32px;
  
}	

div#header div#bottomheader div#smenu ul.smenus li {
  margin:5px 15px 0px 15px;
  list-style: none;
  height: 30px;
  
}

div#header div#bottomheader div#smenu span.smenus a {
  color: white;
  padding-left: 15px;
  margin-left:3px;
}

div#header div#bottomheader div#smenu span.smenus a:hover {
  background:url("../images/white_arrow.png") no-repeat;
  color: white;
}

div#header div#bottomheader div#smenu span.smenus a.selected {
  background:url("../images/white_arrow.png") no-repeat;
  color: white;
}

div#header div#bottomheader div#hmenu {
  height: 45px;
  background: url("../images/hm_bg.png") repeat-x;
  width:975px;
}	

div#header div#bottomheader div#hmenu ul.hmenus {
  height: 34px;
  width: 585px;
  font-size: 11pt;
  list-style: none;
  margin-left: 16px;
}  

div#header div#bottomheader div#hmenu ul.hmenus li {
  margin:10px 15px 0px 0px;
  list-style: none;
}	

div#header div#bottomheader div#hmenu ul.hmenus li a {
  color: white;
}

div#header div#bottomheader div#srch {
  margin-top: 8px;
  font-size: 10pt;
  height: 30px;
}	

div#header div.lastupdate {
  color: #414141;
  font-size: 10pt;
  line-height: 18px;
}

div#header div#bottomheader div#srch div.search {
  color: black;
  width: 280px;
  height:25px;
}

div#header div#bottomheader div#srch div.search .search_left{
  background: url("../images/search_left.png") no-repeat;
  height:25px;
  width:8px;
}

div#header div#bottomheader div#srch div.search .search_middle{
  height:25px;
  margin-top: -1px;
  width:164px;
  background: url("../images/search_bg.png") repeat-x; 
}

div#header div#bottomheader div#srch div.search .search_middle input{
  background: none;
  border: none;
  width:164px;
  padding: 5px;
}	

div#header div#bottomheader div#srch div.search .search_right{
  background: url("../images/search_right.png") no-repeat;
  height:25px;
  width:8px;
}

div#header div#bottomheader div#srch div.search a.srch_button{
  display: block;
  width: 90px;
  height: 25px;
  background: url("../images/search_button.png") no-repeat;
}

div#header div#bottomheader .src_help{
 position:relative;
 z-index: 1000;
 padding-top:5px;
 margin:5px 5px 0px 0px;
 float:right;
 font-size: 10pt;
 
}

div#header div#bottomheader .src_help a.src_anc{
color:white;
font-weight: bold;
}	

div#header div.hd_ad{
width:740px;
text-align:center;
margin-top:7px;
}

div#header div.hd_ad .content{
 margin :0 auto;
}	

/*---------------------------------Body-------------------------------*/

div#body div.latest_news {
 border-bottom: 1pt solid #cc0000; 
 height: 30px;
 margin-bottom: 5px;
 position: relative;
 width: 970px;
 
}

div#body div.latest_news h3 {
 padding: 0px 0px 0px 10px;  
}
div#body div.latest_news span#lnews{
	position: absolute;
	top: 2px;
	display: block;
	left: 115px;
}
div#body div.left {
 width: 320px;
 margin-left: 4px;
}

div#body div.right {
 width: 320px;
 margin-right: 5px;
}

div#body div.wideleft {
 width: 642px;
 margin-left: 4px;
}

div#body div.wideleft1{
 width: 648px;
 display: inline;
 float: left;
}

div#body div.wideleft1 div.boxfull{
  width:638px;
  margin-left: 5px; 
}

div#body div.wideleft1 div.boxfull div.item {
  padding: 5px 7px 5px 7px;
}


div#body div.wideleft div.box div.item {
  padding: 5px 7px 5px 7px;
  width: 627px;
 
}

div#body div.wideleft div.box div.item div.img_content {
  float:left;
  width: 90px;
  height: 80px;
  border: 1pt solid #000000; 
  margin-right:10px;	
}	
div.img_content {
  float:left;
  width: 90px;
  height: 80px;
  border: 1pt solid #000000; 
  margin-right:10px;	
}	
div#body div.wideleft div.box {
   width: 642px;
}	

div#body div.wideright {
 width: 630px;
 padding: 10px;
}


div#body div.wideleft h1{
 margin-top: 20px; 
}

div#body div.wideleft h3 {
 line-height: 25px;
 color: #000000;
}	

div#body div.wideleft div.rightsash {
 width: 228px;
 float:right;
 margin-left: 10px;
 margin-right: 8px;
}
div#body div.wideleft div.rightsash .img_content {
 width: 225px;
 height: 170px;
 border: 1pt solid #000000;
 text-align: center;
}

div#body div.wideleft .extras {
 margin-top: 10px;
 margin-bottom: 10px;
 height: 30px;
 text-align:center;
}

div#body div.wideleft .share {
 width: 100%;
 margin-top: 10px;
}	

div#body div.wideleft .share span{
 margin-right: 15px;
}


div#body div.wideleft .attachments{
   width:250px;
   margin-top: 5px;
}	

div#body div.wideleft div.rightsash .box {
 width: 228px;
}

div#body div.wideleft div.rightsash .box .item {
 width: 214px;
}	


div#body div.box,div#body div.boxfull{
  background: url("../images/box_bg.png") repeat-x;
  margin-top: 5px;
  border:1pt solid #cccccc;
  min-height: 100px;
}

div#body div.box{
  width: 317px;
}

div.head h3{
  line-height: 24px;
}

div#body div.box div.head,div#body div.boxfull div.head{
  height: 28px;
}

div#body div.box div.head h3,div#body div.boxfull div.head h3{
  color: #990000;
  margin: 0px 0px 0px 7px;
}	

div#body div.box div.item {
  padding: 5px 7px 5px 7px;
}

div#body div.box div.item h2 {
  color: #990000;
  margin-bottom: 5px;
}

div#body div.box div.item h3 {
  color: #330066;
}
div#body div.box div.item h3 a{
  color: #330066;
}

div#body div.boxfull div.item h3 {
  color: #330066;
}
div#body div.boxfull div.item h3 a{
  color: #330066;
}

div#body div.box div.item .img_content {
  
  float: right;
  width: 70px;
  height: 50px;
  border: 1pt solid black;
  margin-left: 5px;
  text-align: center; 
}	


div#body div.box div.item a.listitem {
  color: #330066;
  background: url("../images/blue_arrow1.gif") no-repeat ;
  padding-left: 10px;
  width: 296px;
  font-size: 11pt;
}

div#body div.box div.head .seeall,div#body div.boxfull div.head .seeall {
  margin: 7px 5px 0px 0px;
  float:right;	
}

div#body div.box div.head .seeall a,div#body div.boxfull div.head .seeall a {
  color: #330066;
  background: url("../images/blue_arrow1.gif") no-repeat ;
  padding-left: 10px;
  width: 296px;
  font-size: 10pt;
  
}	

div#body div.box div.item a.listitem1 {
  color:#414141;
  background: url("../images/gray_arrow.gif") no-repeat ;
  padding-left: 10px;
  width: 296px;
  font-size: 11pt;
}	

div#body div.box div.item div.cartoon {
  margin: 0 auto;
  min-height: 220px;
  
}

div#body div.box div.item div.cartoon img {
  margin: 0 auto;
  width: 300px;
  height:525px; 
  
}	

div#body div.item ul.gallery {
  width: 100%;
  margin: 0 auto;
}

div#body div.item ul.gallery li {
  width: 150px;
  min-height: 185px;
  border: 1pt solid #cccccc;
  margin: 0px 2px 10px 2px; 
}

div#body div.item ul.gallery li h3{
  overflow: hidden;
}

div#body div.item ul.gallery li div.img_div{
  width: 150px;
  height: 150px;
  text-align: center;
  margin-bottom: 7px;
}

div#body div.box div.item ul.gallery_m{
  width: 306px;
  margin: 0 auto;
}

div#body div.box div.item ul.gallery_m li {
  width: 90px;
  height: 115px;
  border: 1pt solid #cccccc;
  margin: 0px 4px 10px 4px; 
}

div#body div.box div.item ul.gallery_m li div.img_div{
  width: 90px;
  height: 90px;
  text-align: center;
  margin-bottom: 5px;
}

div#body div.box div.item ul.gallery_m li h3{
  font-size: 8pt;
  overflow: hidden;
  height: 16px;
}

div#body div.box div.item ul.districts {
  width: 300px;
  margin: 0 auto;
}

div#body div.box div.item ul.districts li {
  width: 146px;
  height: 28px;
  border: 1pt solid #cccccc;
  margin: 0px 1px 1px 0px;
  padding-top: 3px; 
}

div#body div.box div.item ul.districts li a {
  font-size: 10pt;
  padding: 0px 0px 0px 15px;
  color: #330066;
  font-weight: bold;
}

div#body div.box div.item .inside {
  overflow: scroll;
  height: 400px;
}	

div#body div.box div.item div.ibox {
  border: 1pt solid #cccccc;
  height: 80px;
  margin-bottom: 2px;
}

div#body div.box div.item div.ibox .img_content {
  width: 110px;
  height: 80px;
  border-left: 1pt solid #cccccc;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

div#body div.box div.item div.ibox .txt_content {
  padding: 5px 0px 0px 5px;
}	
div#body div.box div.item div.ibox .txt_content h2 a {
  color: #9f1010; 
}
div#body div.box div.item div.ibox .txt_content h3 {
  font-size: 9pt;
}

div#body div.box div.item div.ibox .txt_content .content {
  font-size: 9pt;
  line-height: 20px;
}

div#body div.box div.divider {
  border-bottom: 1pt dotted #cccccc;
}

div#body div.headline_article {
  
  margin-top: 10px;
}	

div#body div.headline_article h1 {
  color: #330066;
  margin-bottom: 5px;
}
div#body div.headline_article img.img_content {
  
  border: 1pt solid black;
  margin-bottom: 10px;
}
div#body div.headline_article div.highlights {
  margin-left: 25px;
  
}

div#body div.headline_article div.highlights a.listitem {
  color: #330066;
  background: url("../images/blue_arrow.png") no-repeat ;
  padding-left: 10px;
  width: 270px;
  font-size: 9pt;
  margin: 9px 0px 9px 0px;
}
.contactus {
padding-top : 16px;
padding-right : 16px;
padding-left : 16px;
}
.wide_green_divider {
display: block;
font-size:3pt;
width: 600px;
height: 5px;
margin-top:5px;
margin-bottom:10px;
margin-right:5px;
background: #00a8ec;;
}
div.contactus div.contact-info{
margin-left: 30px;
}
div.contactus div.contact-info h3{
padding-bottom: 8px;
padding-top: 8px;
margin-left: 25px;
}
div.contactus div.contact-info p{
line-height: 25px;
color: #4e4e4e;
margin-left: 25px;
font-size: 12pt;	
}
div.contactus div.contact-info a{
color:#330066; ;
font-weight: bold;
}
div.contactus div.contact-info a:hover{
color: #990000;
}
div.contactus div.contact-info .borderline{
border-bottom:1pt solid #330066;
width:570px;
padding-bottom: 10px;
}
div.contactus div.contact-info .engadd{
float: left;
display: inline;
}
div.contactus div.contact-info .teladd{
float: right;
display: inline;
margin-right: 100px;
}
div.contactus div.contact-info .teladd h3{
padding-bottom: 0px;
padding-top: 8px;
margin-left: 25px;
}

.search_help
{
background-color:#ffffff;
border: 4pt solid #000066;
display:none;
width:450px;
height: 220px;
position: absolute;
z-index: 1000;
right:-10px;
top:28px;
color: black;
font-weight: bold;

}

.search_help .helptext
{
margin-top: 20px;
padding: 10px;
text-align: left;
font: normal 12pt Georgia, arial;
line-height: 20px;
}

.rssInfo
{
color: #CC0000;
font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
}
.rssfeeds  div {
 width:210px;
 display:inline;
 float:left;
 padding:6px;
 font-weight: bold;
 
}
.rssfeeds  div  a{
 text-decoration:none;
 color: #9b1f00;

}
.feedskyblue{
     color: #CC0000; 
     background:transparent url("../images/feed.png") no-repeat scroll left center;
     margin-bottom:5px;
     padding-left:20px;
     text-transform:uppercase;
}

div#header div#bottomheader div#hmenu ul.hmenus li.dist_li{
   background:url('../images/dist_bg.png') no-repeat;
   width:105px;
}	

div#header div#bottomheader div#hmenu ul.hmenus li a.dist_anch{
    background:transparent url(../images/downarrow.gif) no-repeat scroll 97% 20%;
	padding:0px 18px 0px 12px;
	cursor: pointer;
	color: #414141;
	font-weight: bold;
}

div#header div#bottomheader div#hmenu ul.hmenus li a.dist_anch:hover{
   text-decoration: none;
}

div#header div#bottomheader div#hmenu ul.hmenus li div.district_box{
    background:#000066 none repeat scroll 0 0;
	left:-5px;
	position:absolute;
	top:0;
	width:525px;
	padding:5px;
	z-index:1000;
	display: none;
}

div#header div#bottomheader div#hmenu ul.hmenus li div.district_box span{
   display:inline;
   float:left;
   margin-left:15px;
   width:90px;
   line-height: 30px;
}

.article img{
  padding: 5px;
}


/*-----------------------------------------------------------------------------*/

/*---------------------------Advertisements----------------------------------*/

div.ad{
 margin-top: 6px;
}

div.ad .head{
 color: #cccccc;
 font-size: 7pt;
 text-align: right;
 margin-right: 10px;
}

div.mediumrectangle {
  width:317px;
  height:270px;
  text-align: center;
}

div.mediumrectangle .content {
  width:300px;
  height: 250px;
  margin : 0 auto;
}

div.leaderboard {
  width: 965px;
  height: 105px;
  margin-left: 4px;
}	

div.leaderboard .content {
  width: 730px;
  height: 92px;
  margin: 0 auto;
  margin-top: 6px;
}

div.wideskyscraper {
  width: 317px;
}

div.wideskyscraper div.content {
  height: 601px;
  border: none;
  margin-left: 9px;
  margin-right: 5px;
}

div.wideskyscraper div.content1 {
  width: 120px;
  height: 601px;
  border: none;
  margin-left:5px;
}

div.rightsash div.wideskyscraper {
  width: 228px;
}

div.rightsash div.wideskyscraper div.content {
  margin: 0 auto;
}



div.ad_middle {
  width:317px;
  height:60px;
  margin: 6px 0px 6px 0px;
}

/*-----------------------------Footer------------------------------------*/

div#footer {
 width: 975px;
 background: #990000;
 height: 47px;
 margin-top: 6px;
 position: relative;
}

div#footer ul#fmenu {
 width: 700px;
 padding-top: 6px;
 text-align: center;	
}

div#footer ul#fmenu li {
 display:inline;
 float:left;	
 color: #ffffff;
 padding-left: 5px;
 padding-right: 5px;
 font-size: 9pt;
 margin-bottom: 5px;
}

div#footer ul#fmenu li a {
 color: #ffffff;
}

div#footer div.publiture{
 background:#FFFFFF none repeat scroll 0 0;
 height:43px;
 position:absolute;
 right:2px;
 top:2px;
}

div#footer div.copyright{
 font-size: 8pt;
 color:white;
 margin-left:5px;
}	

/*-----------------------------------------------------------------------------*/


.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}