/* Start of CMSMS style sheet '1 home page' */
@charset "utf-8";
body {
	font: 11px/1.5 Verdana,sans-serif;
	background: #EEEEEE;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #000;
	text-decoration:none;

}
a:visited {
	color: #000;
	text-decoration:none;
	
}
a:hover, a:focus { /* a:active, this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */s
	text-decoration:underline; color:#C00;
}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	padding-left:20px;
	padding-right:20px;
	background-image:url(/images/conter_bg.jpg);
}


.container_event{
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	padding-left:20px;
	padding-right:20px;
}

/* ~~ The header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo. ~~ */
.header-bannerad {
	background:#333; font-size:0px;
}
.headerone {
	background-color:#FFF;	height:20px; text-align:right; font-size:9px; color:#666;
}
.header { background-color:#FFF;	height:60px; font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;j}
.header_navi {
	background-color:#333; border-top:#F00 solid 5px;}
.header_featuredbanner_310 {width:310px; float:right;}
	
.header_livealerts {
		 height: 25px; background-color:#FFF; width:1000px;
		 margin-bottom:10px;
		 border-bottom: 1px dotted #333;
		 float:left; font-size:11px; color:#999; padding-top:10px; padding-bottom:5px;
		 	}

.sidebar1 {
	float: left;
	width: 370px;
	background: #ffffff;
	padding-bottom: 10px;
	border-right: 1px #333 dotted;
	padding-right:10px;
}
.content {

	padding: 10px;
	width: 230px;
	float: left;
}

.content_fullarticle {
	float: left;
	width: 600px;
	background: #ffffff;
	padding-bottom: 10px;
	padding: 10px 10px 15px 15px;
}

.content_fullview {
	float: left;
	width: 960px;
	background: #ffffff;
	padding: 10px 10px 15px 15px;
}

.sidebar2 {
	float: right;
	width: 350px;
	background: #FFF;
	
	
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;  
	text-decoration: none;
	background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #ADB96E;
	color: #FFF;
}

/* ~~ The footer styles ~~ */
.footer {
	padding: 10px 0;
	background:#F00;
	position: relative;
	clear: both; 
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.logo-wrap {float:left; margin: 10px 30px 1px 10px}	
	
.heading_righcol { border-top:#F00 5px solid;
border-bottom:#333 dotted 1px; font-family:13px; font-weight:bold; padding: 5px 10px;}
.seperator-hl {width: 370px; float:left; border-bottom: 1px dotted #333; margin-bottom:5px; margin-top: 7px;}
	
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 0px;
border: 1px solid #333333;
border-width: 1px 0;
background: #333333 url(media/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid white;

}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}


.HomeNewsSummaryLink { color:#000; font-size:13px; font-weight:bold; margin-bottom:10px; }
.HomeNewsSummaryPostdate {
	color:#999; font-size:9px;}
.HomeNewsSummarySummary { font-size:11px; color:#333;}
.HomeNewsSummarySummary img { float:right; margin-left:10px;}

.HomeNewsulakavalam1 { color:#000; font-size:11px; margin-bottom:10px;  }
.midcol-seperator {width:225px; border-bottom: 1px dotted #333; margin-top:8px; margin-bottom:10px; font-size:0px;}

.home_upcomingevent_list { font-size:10px; color:#999; margin-bottom:5px;}

.home_featured news { width:350px;}
.home_featured news img{ float:right;}
.HomeFeaturedNewstitle { font-size:11px; font-weight: bold;}
.HomeFeaturedNewsSummary{font-size:10px;}
.HomeFeaturedNewsSummary img{float:right;}
.hommidcol_morenews{ font-size: 10px; padding-bottom: 12px;}
.HomemidcolPostdate {font-size:9px; color:#ccc;}

.article_catpages {width: 600px; float: left; border-bottom:1px #333 dotted; margin-bottom:10px; padding-bottom:10px;}
.newssummary_catpages img { float:left; margin-right: 5px; marging-bottom:5px;}
.NewsPostDetailTitle { font-size:large;}
.NewsPostDetailContent { font-size:12px;}
.NewsPostDetailContent img { float:left; margin:10px;}
.NewsPostDetailDate { font-size:10px; margin-bottom:10px;}


/*========= FEATURED POSTS (FRONT-PAGE) =========*/

#featured
{
	width: 340px;
	z-index:5;
	background-color: #FFFFFF;
	color: #FFFFFF;
	padding:0px !important;
	margin-bottom: 0px;
}

#featured .entry p { margin:10px 0px; color: #666666;}

.lead-image-wrapper { width: 360px; background: #000; position: relative;	z-index:5; height:200px;margin-bottom:3px; }

.lead-image-wrapper h2 {
	font-size: 12px;
	line-height:20px;
	position: absolute;
	top: 3px;
	left: 2px;
	z-index: 1;
	padding: 5px;
}
.lead-image-wrapper h3 {
	font-size: 12px;
	width:350px;
	line-height:20px;
	position: absolute;
	top: 139px;
	left: 0px;
	z-index: 1;
	background-image: url(/images/semi_transparent_bg.png);
	background-repeat: repeat;
	padding: 5px;
}

.lead-image-wrapper h4 {
	font-size: 10px;
	line-height:15px;
	position: absolute;
	top: 175px;
	right: 0px;
	z-index: 1;
	padding: 5px;
}
.lead-image-wrapper h3 a, .lead-image-wrapper h4 a { color: #fff; text-decoration: none;display:block; }
.lead-image-wrapper h3 a:hover, .lead-image-wrapper h4 a:hover { text-decoration:underline; }

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid #000;
border-bottom-width: 6px;
width: 360px; /*width of featured content slider*/
height: 200px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 360px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 350px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #000;
padding: 1px 5px;
font-size:0 px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #ccc;
background: #000;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background-color: #ccc;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #eee;
overflow: scroll; /*leave this value alone*/
width: 350px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel_bottomnavi {float: left; width: 340px; text-align:center; margin-top: -5px; margin-top:2px; margin-bottom:3px; color:#666;}
/* End of '1 home page' */