
/*  
Theme Name: Dudum-Theme-X
Theme URI: http://www.kuzzuk.net/
Description: Theme for Dudum for Supervisor.
Version: 1.0
Author: Dipankar
Author URI: http://www.kuzzuk.net/


*/

h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:24px;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input{
	margin:0;
	padding: 0;
}
p {
	margin:0;
	padding-bottom:25px;
	/*was padding: 0;*/
}
ul{
	list-style:none;
}
a{
	color:#0953A3;
	text-decoration:underline;
}
a:hover{
	color:#333;
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

body{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;/*#c1c1c1;*/
	background:#CBD3D9/*ffffff*//*303030*/ /*url(images/bg_new.png) repeat-x top center*/;
}

/* HEADER */

#header{
	width:100%;
	height:268px;
}

#header_left{
	/*background:url(images/header_bg_new.png) no-repeat left top;*/
}

#header_right{
	text-align:right;
}

#header_left h1{
	color:#fff;
	font-size:39px;
	padding-top:85px;
	padding-left:50px;
	font-weight:normal;
	font-style:italic;
}

#header_left h1 a{
	color:#fff;
	text-transform:lowercase;
}

.description{
	font-size:13px;
	position:relative;
	top:-5px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	text-align:right;
	width:80%;
}

#header_right img{
	float:left;
}

/* BODY */

#body{
	width:100%;
}

#body_left{
}


#body_right{
	background:url(images/body_right_bg.png) repeat-y top right;
}

/* left contact */

#body_left_content{
	width:94.5%;
	margin-left:20px;
}

.post{
	width:100%;
}

.post-top{
}

.post-title{
	color:#333;/*4b4b4b*/
}

.post-title h2{
	font-size:24px;
	color:#333;/*fcd600;*/
	margin-left:10px;
	font-style:italic;
	font-weight:bold;
	padding-bottom:2px;
}

.post-title h1{
	font-size:24px;
	color:#333;/*fcd600;*/
	margin-left:0px;
	font-weight:bold;
	padding-bottom:2px;
	text-decoration: none;
}

.post-title h1 a{
	font-size:24px;
	color:#333;/*fcd600;*/
	margin-left:0px;
	font-weight:bold;
	padding-bottom:2px;
	text-decoration: none;
}

.post-title h1 a:hover{
	font-size:24px;
	color:#333;/*fcd600;*/
	margin-left:0px;
	font-weight:bold;
	padding-bottom:2px;
	text-decoration: none;
	text-decoration: underline;
}

.post-title h3{
	font-weight:normal;
	margin-left:10px;
	padding-bottom:3px;
	margin-bottom:2px;
	color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.post-title h2 a{
	color:#fcd600;
}

.post-title h2 a:hover{
	color:#fcd600;
}

.post-title h3 a{
	color:#fff;
	font-weight:bold
}

.post-title h3.tags{
	color:#eeeeee;
	background:#444444 url(images/h3_tag_line.gif) top left repeat-x;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.post-title h3.tags span{
	color:#ffc600;
	font-weight:bold;
}

.post-title h3.tags a{
	color:#eeeeee;
}

.entry{
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:20px;
}

.postmetadata{
	margin-bottom:30px;
	margin-left:5px;
	height:29px;
	background:url(images/postmetadata_bg.gif) repeat-x top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.postmetadata a{
	font-weight:bold;
	background:url(images/i_comm.gif) no-repeat left 1px;
	color:#bdbdbd;
	padding-left:16px;
}

.postmetadata a span{
	color:#bdbdbd;
}

a.readmore{
	background:url(images/i_read.gif) no-repeat left 3px;
	color:#bdbdbd;
	padding-left:10px;
}

.postmetadata .alignleft{
	padding-top:8px;
	padding-left:10px;
}

.postmetadata .alignright{
	text-align:center;
	padding-top:8px;
	padding-right:10px;
}

.post-page{
	padding-right:10px;
}

.post-page h2{
	font-size:18px;
	color:#333;
	padding-top:7px;
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:2px;
	/*border-bottom: 1px dotted #333;*/
}

.post-page .entry{
	padding-left:0px;
	color:#333;/*838383;*/
	margin-top:10px;
}

strong{
	/*color:#6dcff6;*/
}

/* right content */



/* SEARCH */

#main_search{
	margin-bottom:8px;
	padding-bottom:24px;
	/*background:url(images/sidebar_line.gif) no-repeat bottom left;*/
}

#searchform_top{
	margin-left:60px;
	padding-top:2px;
}

#searchform_top_text{
	width:194px;
	border:0px;
	background:none;
	color:#ccc;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#gosearch{
	position:relative;
	top:9px;
}

/* RSS */

#body_right_content{
	background:url(images/body_bg.png) no-repeat top right;
}

#body_right_content_end{
	/*background:url(images/body_right_end_bg.png) no-repeat bottom right;
	padding-bottom:100px;*/
	padding-left:43px;
	background-color: #339966;
}

#rss_block{
	padding-bottom:10px;
	/*background:url(images/sidebar_line.gif) no-repeat bottom left;*/
}

#rss_block img{
	position:absolute;
}

#rss_block h3{
	font-size:20px;
	color:#909090;
	padding-left:18px;
	font-weight:normal;
}

#rss_block h3 a{
	text-decoration:none;
	color:#909090;
}

#sidebars{
	float:left;
}

#sidebars{
	width:271px;
	float:left;
	padding: 2px;
}

#sidebar_right{
	width:11px;
	float:left;
	padding-left:20px;
}

#sidebars h2{
	font-size:18px;
	color:#333;
	padding-top:7px;
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:2px;
	border-bottom: 1px dotted #333;
}

#sidebars a{
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#sidebars a:hover{
	color:#332;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#sidebars ul{
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*added later*/
	padding-left:18px;
	padding-top: 9px;
}

#sidebars li ul{
	padding-bottom:8px;
}

#sidebars li ul li ul{
	padding-left:10px;
	background:none;
	padding-bottom:0px;
}

#sidebars li ul li ul li ul{
	padding-left:0px;
}

#sidebars li{
	margin-bottom:0px;
}

#sidebars li li{
	margin-bottom:0px;
	padding-bottom:0px;
	/*background:url(images/sidebars_li_line.gif) no-repeat bottom left;*/
	padding-top:4px;
	padding-bottom:8px;
	padding-right:3px;
	padding-left:2px;
}

#sidebars li li li{
	background:none;
	border:0px;
	padding-bottom:3px;
}

#sidebars ul li{background:url(images/folder-icon.png) no-repeat 0 1px;padding-left:25px;margin-bottom:10px;}

#sidebars ul li a:hover{color:#332;}


#sidebars #twitter_update_list ul li a{
	font-weight:bold;
	background:url(images/sidebars_li_line.gif) no-repeat;
}

#sidebars li.widget_categories ul li{
	font-weight:bold;
}

#sidebars li.widget_categories ul li a{
	/*background:url(images/sidebar_li_cat.gif) no-repeat 2px 3px;*/
	font-weight:normal;
	padding-left:10px;
}

#sidebars li.widget_categories ul li ul li a{
	/*background:url(images/sidebar_li_subcat.gif) no-repeat 2px 1px;*/
	font-weight:normal;
	padding-left:10px;
}

#sidebars li.pagenav ul li a{
	/*background:url(images/sidebar_li_br.gif) no-repeat 2px 3px;*/
	font-weight:normal;
	padding-left:10px;
}

#sidebars li.pagenav ul li ul li a{
	/*background:url(images/sidebar_li_subcat.gif) no-repeat 2px 1px;*/
	font-weight:normal;
	padding-left:10px;
}

#sidebars li.widget_archives ul li a{
	/*background:url(images/sidebar_li_ar.gif) no-repeat 2px 3px;*/
	font-weight:normal;
	padding-left:10px;
}

#sidebars li.linkcat ul li a{
	/*background:url(images/sidebar_li_br.gif) no-repeat 2px 4px;*/
	font-weight:normal;
	padding-left:10px;
}

#sidebars li.widget_meta ul li a{
	/*background:url(images/sidebar_li_meta.gif) no-repeat 2px 4px;*/
	font-weight:normal;
	padding-left:12px;
}

#sidebars li.linkcat ul li a{
	/*background:url(images/sidebar_li_br.gif) no-repeat 2px 4px;*/
	font-weight:normal;
	padding-left:12px;
}

#tag_cloud{
	color:#FFFFFF;
	/*background:url(images/sidebar_line.gif) no-repeat bottom left;*/
	padding-bottom:20px;
}

#tag_cloud a{
	color:#FFFFFF;
}

#tag_cloud h3{
	font-size:18px;
	color:#ffcd02;
	padding-top:7px;
	padding-bottom:10px;
	text-transform:capitalize;
	font-weight:normal;
	padding-left:2px;
	padding-top:10px;
	clear:both;
	/*background:url(images/sidebar_line.gif) no-repeat bottom left;*/
	padding-bottom:10px;
}

/* FOOTER */

#footer{
	width:100%;
	height:190px;
	background:url(images/footer_bg.png) repeat-x bottom left;
	clear:both;
	margin:0px auto;
}
#footer_text a{
	color:#000000;
	font-weight:bold;
}
#footer_left{
	background:url(images/footer_left.png) no-repeat bottom left;
	width:80%;
}

#footer_right{
	background:url(images/footer_right.png) no-repeat bottom right;
	width:20%;
}

#footer_text{
	color:#000;
	padding-top:80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#footer_copyrights{
	text-align:right;
	color:#000;
	padding-right:20px;
	padding-top:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer_copyrights a{
	color:#000000;
	font-weight:bold;
}

/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 10px;
	background:url(images/blockquote_bg.gif) repeat-y left center;
	}

blockquote blockquote{
	background:url(images/blockquote_bg2.gif) repeat-y left center;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-weight:bold;
	clear:both;
	}
/* End Various Tags & Classes*/

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before{
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li{
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	/*margin: 10px auto;
	padding: 5px 3px; */
	text-align: left;
	padding: 0;
	}

#sidebar #searchform #s {
	width: 170px;
	padding: 0px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform{
	width:500px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 350px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width:50px;
	height:20px;
	}
/* End Form Elements */



/* Begin Comments*/

/*h3#comments{
	font-size:20px;
	color:#fece01;
	margin-left:35px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin-left:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#989898;
	width:95%;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 0px 10px;
	list-style: none;
	background:url(images/commentlist_li.gif) repeat-x bottom left;
	}

.commentlist li li {
	margin: 0px;
	padding: 5px 10px 5px;
	background:none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	color:#ffffff;
	background:#2b2b2b;
	padding:6px 0px 6px 10px;
	}

.commentmetadata a{
	color:#00aeef;
	font-weight:bold;
	}

#respond_box{
	width:528px;
	background:url(images/respond_box.gif) no-repeat top left;
	margin-top:40px;
	margin-left:15px;
	padding-bottom:60px;
}

h3#respond{
	font-size:21px;
	color:#fff;
	margin-left:35px;
	padding-top:20px;
	padding-bottom:25px;
	font-weight:normal;
}

#commentform{
	margin-left:55px;
	color:#9a9a9a;
}

#commentform a{
	color:#9a9a9a;
}*/

/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 10px 12px 20px;}
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:429px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}

/* End Comments */

/* Archives page */
.page_archives_div{
	padding-bottom:60px;
}

.ar_panel{
	width:100%;
}

.ar_panel3{
	background:none !important;
}

.page_archives_div h2{
	font-size:18px;
	color:#333;
	padding-top:7px;
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:2px;
	/*border-bottom: 1px dotted #333;*/
}

.ar_panel3 h2{
	padding-top:0px !important;
	margin-left:10px !important;
}

.ar_panel3 ul{
	margin-left:0px !important;
}

.page_archives_div ul h2{
	border:0px;
}

.page_archives_div ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-bottom:40px;
	margin-left:20px;
}

.page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
}

.page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.page_archives_div ul li a{
	font-weight:bold;
	color:#7e7e7e;
	font-size:14px;
	font-style:italic;
	padding-left:10px;
}

.page_archives_div ul li a:hover{
	color:#7e7e7e;
}

.page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	background:url(images/page_archives_div_li.gif) repeat-x bottom left;
}

.page_archives_div ul li ul li{
	background:none;
}


/* Spacer */
.spacer-bar {
	/*position: absolute;
	margin-top: 400px;*/
	height:34px;
	}

.top-thin-line {
	height:4px;
	background-color: #A4A3A3;
	margin-top:15px;
	width: 100%;
	}

.header-fluid {
	height:150px;
	background-color: #ffffff;
	margin-top:10px;
	width: 100%;
	}

.header-logo {
	height:150px;
	background-image:url(images/logo.gif);
	background-repeat:  no-repeat;
	background-color: #ffffff;
	background-position: top center;
	margin-top:10px;
	width: 100%;
	}

.header-menu {
	height:60px;
	background-color: #A4A3A3;
	width: 100%;
	}

.header-menu-items {
	height:60px;
	background-color: #A4A3A3;
	width: 975px;
	text-align: left;
	}

.body-main {
	background-color: #ffffff;
	width: 100%;
	}

.body-main-content {
	background-color: #ffffff;
	width: 100%;
	text-align: left;
	/*margin-left: 100px;*/
	border: 6px;
	border-color: black;
	border-style: dotted;
	}

.body-main-left {
	background-color: #339966;
	text-align: left;
	position: absolute;
	right: 0px;
	padding: 0px;
	width: 380px;
	}



/* this is the css for content */

#contentwrapper{
float: left;
width: 100%; 
}

#contentcolumn{
margin-right: 1050px; /*Set right margin to (LeftColumnWidth + RightColumnWidth)*/
}

#leftcolumn{
float: left;
width: 650px; /*Width of left column in percentage*/
margin-left: -1050px; /*Set left margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #ffffff;
}

#rightcolumn{
float: left;
width: 400px; /*Width of right column in pixels*/
margin-left: -400px; /*Set margin to -(RightColumnWidth)*/
background: #ffffff/*339966*/;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*added anew for menu*/

#menu-contentwrapper{
float: left;
width: 100%;
}

#menu-contentcolumn{
margin-right: 1050px; /*Set right margin to (LeftColumnWidth + RightColumnWidth)*/
background: #E6E6E6;/*#A4A3A3;*/
height: 40px;
}
#menu-leftcolumn{
float: left;
width: 650px; /*Width of left column in percentage*/
margin-left: -1050px; /*Set left margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #E6E6E6;/*#A4A3A3;*/
height: 40px;
}
#menu-rightcolumn{
float: left;
width: 400px; /*Width of right column in pixels*/
margin-left: -400px; /*Set margin to -(RightColumnWidth)*/
background: #E6E6E6;/*#A4A3A3;*/
height: 40px;
}
/*end of addition*/


/*added anew for logo + header*/

#logo-contentwrapper{
float: left;
width: 100%;
background: #0953A3;
/* height added later*/
height: 120px;
/*end of height*/
}

#logo-rightcolumn{
float: left;
width: 400px; /*Width of right column in pixels*/
margin-left: -400px; /*Set margin to -(RightColumnWidth)*/
background: #0953A3;
/* height added later*/
height: 120px;
/*end of height*/
}

#logo-contentcolumn{
margin-right: 1050px; /*Set right margin to (LeftColumnWidth + RightColumnWidth)*/
background: #0953A3;
/* height added later*/
height: 120px;
/*end of height*/
}

#logo-leftcolumn{
float: left;
width: 650px; /*Width of left column in percentage*/
margin-left: -1050px; /*Set left margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #0953A3;
/* height added later*/
height: 120px;
/*end of height*/
}
/*end of addition*/


/*added anew for footer*/

#footer-contentwrapper{
float: left;
width: 100%;
background: #83C31A;

}

#footer-rightcolumn{
float: left;
width: 250px; /*Width of right column in pixels - was 400px*/
margin-left: -250px; /*Set margin to -(RightColumnWidth) - was -400px*/
background: #83C31A;
}

#footer-contentcolumn{
margin-right: 1050px; /*Set right margin to (LeftColumnWidth + RightColumnWidth)*/
background: #83C31A;
}

#footer-leftcolumn{
float: left;
width: 800px; /*Width of left column in percentage - was 650px*/
margin-left: -1050px; /*Set left margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #83C31A;
}
/*end of addition*/


/* end of css for content */





#theme-footer{
clear: both;
width: 100%;
background: #B9BABC;/*0953A3;*/
color: #000000;/*FFFFFF;*/
text-align: center;
padding: 4px 0;
font-size: 16px;
text-decoration: none;
}



a.small-size{
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#theme-footer h1 
{ 
	font-size: 16px; 
	font-weight: bold; 
	padding-right: 2px; 
	display:inline;
	color: #000000;/*FFFFFF;*/
	/*border-right: 1px solid #ffffff;*/
}

#theme-footer h2 
{ 
	font-weight:normal; 
	display: inline; 
	font-size: 14px;
	color: #000000;/*FFFFFF;*/
}

a.rss-footer 
{ 
	/*background: url('images/rss-icon.gif') no-repeat left center;*/ 
	padding-left: 5px;/*25px;*/
	font-size: 16px; 
	font-weight: bold; 
	padding-right: 2px; 
	display:inline;
	text-decoration: none;
	color: #000000;/*FFFFFF;*/
}
/*footer end*/

ul.nav{list-style:none;background:#EEE;}
.nav li{border-right:0px solid #DDD;float:left;display:block;/*width:100px;*/padding-right: 20px;height:40px; /*width:90px;*/text-align:center;}
.nav li a{font-size:15px;outline:none;color:#ffffff;/*333;*/text-decoration:none;display:block;padding:10px;height:40px;font-weight:bold;}
.nav li a:hover{background:#333;color:#eee!important;text-decoration:none; height:20px}
* html .nav li a:hover{background:#333; height:20px}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important; height:20px}
/*added later*/
.nav li a:active, .current_page_item	a {background:#333;color:#eee!important;text-decoration:none;height:20px/*display:block;*/}
.nav .current_page_item	a {background:#333;color:#eee!important;text-decoration:none;height:20px/*display:block;*/}
#home .on {background:#333;color:#eee!important;text-decoration:none;height:20px/*display:block;*/}
.nav .on	a {background:#333;color:#eee!important;text-decoration:none;height:20px/*display:block;*/}



/* wordpress entries styling - main content column */
.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background:#E5E9EC;color:#7F7F7F;padding:0 2px 0 4px;}
.postMeta span.comments{background:#E5E9EC url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{color:#555;}

/* wordpress entries styling - main content column */
.postMetaMain{/*background:url(images/dot.gif) repeat-x left center;*/text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMetaMain span.date{background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}
.postMetaMain span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMetaMain span.comments a,
.postMetaMain span.date a{color:#555;}

/* >>>>>>>>>>>>>>>>>>>> 

NAVIGATION

<<<<<<<<<<<<<<<<<<<<  */


/* >>>>>>>>>>>>>>>>>>>> navigation <<<<<<<<<<<<<<<<<<<< */
#navigation { background-color: rgb(230,230,230); color: rgb(0,0,0); margin-bottom: 1em; font-family: Helvetica, Arial, sans-serif; }
#navigation div { width: 900px; margin: 0em auto; }

/* >>>>>>>>>>>>>>>>>>>> .anchors <<<<<<<<<<<<<<<<<<<< */
ul.anchors { }
.anchors { list-style: none; margin: 0em; padding: 0em; overflow:hidden; }
.anchors li { float: left; margin: 0 1px 0 0; padding-right: 20px;  }
.anchors a { display: block; text-decoration: none;  background-color: rgb(230,230,230); color: rgb(0,0,0); font-size: 1em; padding: .75em;  }
.anchors a:hover { background-color: rgb(9,84,166); color: rgb(255,255,255) }
.anchors .on a { background-color: rgb(255,255,255); color: rgb(0,0,0); font-weight: bold;  display: block; }

/* >>>>>>>>>>>>>>>>>>>> anchor <<<<<<<<<<<<<<<<<<<< */
.anchor { background-color: rgb(131,195,26); color: rgb(255,255,255); padding: .25em;  }
.anchor ul { padding: .25em; width: 900px; margin: 0em auto;  }
.anchor ul li { display: inline; list-style-type: none; font-size: 1em;  }
.anchor ul li a { text-decoration: none; color: rgb(255,255,255); }
.anchor ul li a:hover { text-decoration: underline; color: rgb(255,255,255); }

form.frm-search { float: left; margin: .25em; font-size: 1em; }
.frm-search .frm_inp-search { padding: .25em; font-size: 18px; font-weight:bold; height: 19px; width:150px;}

.frm-search .frm_inp-submit { padding: .15em; height: 33px; font-size: 18px;  }
* +html .frm-search .frm_inp-submit, *html .frm-search .frm_inp-submit { padding: .15em; height: 33px; font-size: 18px;  }


/*opt-in stuff*/

.optin-labels { text-align: left; font-size: 15px; padding-top:5px;}
fieldset { border: none; }

.opt-in { font-family: Arial, Helvetica, sans-serif; width: 245px; text-align:center; margin: 0em auto; float: left;  }
.opt-in form { margin-bottom: 1em; }

.opt-in fieldset { border: 0em; }
.opt-in fieldset legend { display: none; visibility: hidden; }

.opt-in fieldset.field-nitty { width: 215px; margin: 0 auto; }
.opt-in fieldset.field-nitty label strong { color: rgb(9,84,166); font-weight: normal; }
.opt-in fieldset.field-nitty input { width: 215px; padding: 5px; margin: .5px 0; font-size: 15px;}

.opt-in fieldset.field-subscribe { }
.opt-in fieldset.field-subscribe button { font-weight: bold; font-size: 16px; width: 245px; height: 35px; margin-top: 5px; margin-left:5px;}
.opt-in fieldset.field-subscribe button img, fieldset.field-subscribe button a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
.opt-in fieldset.field-subscribe span { padding: 10px 2px 8px 2px; }
* +html .opt-in fieldset.field-subscribe span, *html .opt-in fieldset.field-subscribe span { background-color: rgb(255,255,255); padding: 2px; }

.opt-in fieldset.wrap-general { /*border: .1em solid rgb(230,230,230);*/  margin: 5px 0; padding: 5px 2px; }

.opt-in legend.title-legend { font-size: 12px;  }
.opt-in legend.title-general { font-size: 10px; }

/*rss stuff*/
.float-left { float: left; }
a.rsshover { display: block; width:256px; height: 75px; background: url("images/subscribe-rssfeed.jpg") 0 0 no-repeat; text-decoration: none;  }
a:hover.rsshover { background-position: -256px 0px; text-decoration:none; }


/*footer divs*/
#footer-rightContainer{
width:33%;
float:right;
}

#footer-rightContainer h2{
	font-size:18px;
	color:#ffffff;
	padding-top:7px;
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:2px;
	border-bottom: 1px dotted #333;
}

#footer-twoColumns{
width:66%;
}

#footer-leftColumn{
width:50%;
display:block;
float:left;}

#footer-leftColumn h2{
	font-size:18px;
	color:#ffffff;
	padding-top:7px;
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:2px;
	border-bottom: 1px dotted #333;
}

#footer-middleColumn{
width:50%;
display:block;
float:right;
} 

#footer-middleColumn h2{
	font-size:18px;
	color:#ffffff;
	padding-top:7px;
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:2px;
	border-bottom: 1px dotted #333;
}

/*css for centered layout*/


/* header styles centered*/
#wrap-headernatehxtheme {
    /*background-color:#FCB944;*//*0953A3;*/
	background: #FCB944 url('images/header_bground.png') repeat-x;
    margin:0 auto;
    width:100%;
	height:175px;/*125px;*/
    }

#header-natehxtheme {
    background: #FCB944 url('images/dudum_banner.png') no-repeat;
    margin:0 auto;
	/*1020-950=70*/
    width:1257px;/*1020px;*/
	height:175px;/*105px;*/
    }

#logo-left-natehxtheme {
    /*background:#FFFFFF;*//*0953A3;*/
    margin:0 auto;
    width:250px;/*720px;*/
	float:left;
	height:175px;/*105px;*/
    }

#rss-right-natehxtheme {
    /*background:#FFFFFF;*//*0953A3;*/
    margin:0 auto;
    width:1007px;/*770px;*//*300px;*/
	float:right;
	height:175px;/*105px;*/
    }
/* end header styles centered*/


/* start of menu header styles centered*/
#wrap-nav-natehxtheme {
    background:#CBD3D9;/*094897;*//*E6E6E6;*/
    margin:0 auto;
    width:100%;
	height:48px;
    }

#nav-natehxtheme {
    /*background-color:#094897;*//*E6E6E6;*/
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-x;
    margin:0 auto;
    width:1020px;/*1020px;*/
	height:48px;
    }

#nav-left-natehxtheme {
    /*background-color:#094897;*//*E6E6E6;*/
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-x;
    margin:0 auto;
    width:720px;/*720px;*/
	float:left;
	height:48px;
    }

#search-right-natehxtheme {
    /*background-color:#094897;*//*E6E6E6;*/
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-x;
    margin:0 auto;
    width:300px;/*300px;*/
	float:right;
	height:48px;
    }
/* end menu header styles centered*/


/* start of content styles centered*/
#wrap-content-natehxtheme {
    background:#CBD3D9;/*#FFFFFF;*/
    margin:0 auto;
    width:100%;
    }

#content-natehxtheme {
    background:#FFFFFF;
    margin:0 auto;
    width:1020px;
    }

#content-left-natehxtheme {
    background:#E5E9EC;/*FFFFFF;*/
    margin:0 auto;
    width:700px;
	float:left;
	/*added later*/
	padding-right:10px;
	padding-left:10px;
	height:100%;
    }

#content-right-natehxtheme {
    background:#E5E9EC;/*FFFFFF;*/
    margin:0 auto;
    width:300px;
	float:right;
	/*added later*/
	height:100%;
    }
/* end content styles centered*/


/* footer styles centered*/
#wrap-footernatehxtheme {
    background:#B9BABC;/*0953A3;*/
    margin:0 auto;
    width:100%;
    }

#footer-natehxtheme {
    background:#B9BABC;/*0953A3;*/
    margin:0 auto;
    width:1020px;
	/*added later*/
	height:40px;
    }

#footer-left-natehxtheme {
    background:#B9BABC;/*0953A3;*/
    margin:0 auto;
    width:720px;
	float:left;
    }

#footer-right-natehxtheme {
    background:#B9BABC;/*0953A3;*/
    margin:0 auto;
    width:300px;
	float:right;
    }
/* end header styles centered*/


.header-class-schedule{
	font-family: Arial, Verdana;
	color:#7e7e7e;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	float: left;
	border-left: 1px dotted;
	height: 100%;
	width: 300px;
}

.header-class-schedule h2{
	color:#C1262C;
	font-family: Arial, Verdana;
	padding-bottom:10px;
}

.header-class-schedule li{
	color:#000000;
	font-family: Arial, Verdana;
	padding-bottom:3px;
	border-bottom: 1px dotted;
}

.header-class-schedule a, a:active, a:visited{
	color:#7e7e7e;
	font-family: Arial, Verdana;
	padding-bottom:3px;
	text-decoration: none;
}

.header-class-schedule a:hover{
	color:#7e7e7e;
	font-family: Arial, Verdana;
	padding-bottom:3px;
	text-decoration: underline;
}


.header-latest-blogposts{
	font-family: Arial, Verdana;
	color:#7e7e7e;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	float: left;
	border-left: 1px dotted;
	height: 100%;
	width: 300px;
}

.header-latest-blogposts ul {
	color:#000000;
	font-family: Arial, Verdana;
	padding-bottom:3px;
	border-bottom: 1px dotted;
}

.header-latest-blogposts li a {
	color:#000000;
	font-family: Arial, Verdana;
	text-decoration: none;
}	


.header-latest-blogposts h2{
	color:#C1262C;
	font-family: Arial, Verdana;
	padding-bottom:10px;
}

.header-latest-blogposts a, a:active, a:visited{
	color:#7e7e7e;
	font-family: Arial, Verdana;
	padding-bottom:3px;
	text-decoration: none;
}

.header-latest-blogposts a:hover{
	color:#7e7e7e;
	font-family: Arial, Verdana;
	padding-bottom:3px;
	text-decoration: underline;
}

/*featured stuff added*/
.feature {
	background:#f2f2f2;
	padding:15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

.feature:hover {
	background:#e9e9e9;
	}
	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:1px;
	border:1px solid #000;
	}
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	}

#lead {
	margin-top:22px;
	}

.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;
	}
	
.feature#lead .title {
	font:1.8em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	padding-bottom:7px;
	}

#leftcol .feature {
	margin-bottom: 5px;
	border-bottom:none
	}

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
#leftcol h3 {
	font-weight:bold;
	margin-left:10px;
	margin-top: 10px;
	padding-bottom:3px;
	margin-bottom:2px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}

#rightcol h3 {
	font-weight:bold;
	margin-left:0px;
	margin-top: 10px;
	padding-bottom:3px;
	margin-bottom:2px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}

#rightcol .clearfloat {
	/*border-bottom:1px dotted #b6b6b6;*/
	padding:12px 0;
	}	

#leftcol {
	width:287px;
	border-right:1px dotted #b6b6b6;
	padding-right:18px;
	}

#leftcol, #rightcol {
	margin-top:0px;
	float:left
	}	
	
#rightcol {
	width:277px;
	padding-left:18px;
	margin-top: -2px;
	}

#dotted-divider {
	border-bottom:1px dotted #b6b6b6;
	}

.curved-box-body {
	background-image: url(images/curved-box-body-gray.png);
	background-repeat: repeat-y;
	color: white;
	padding-left: 10px;
}

.curved-box-body li{
	padding-left: 10px;
	font-size: 12px;
}

.curved-box-bottom {
	background-image: url(images/curved-box-bottom-gray.png);
	background-repeat: no-repeat;
	color: white;
	height: 25px;
}

.input-label {
	width: 60px;
	height: 25px;
	float: left;
}

.input-boxes {
	width: 230px;
	height: 25px;
	float: right;
}

.event-boxes {
	width: 30px;
	float: left;
	background-color: #094897;/*FDBF5A;*/
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	margin-right: 15px;
}

.side_win_lnks {
     height: 25px;
     width: 210px;
	 background-image: url(images/hk_lnk_bg.jpg);
     background-position: top;
     background-repeat: repeat-x;
     margin-top: 2px;
     margin-left: 10px;
     padding-left: 10px;
     padding-top: 2px;
}

a.siderd_t {
  font-size: 12px;
  text-decoration: none;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #094897;/*#AC0E16;*/
  background-color: ;
}

a.sidebl_l:link, a.sidebl_l:active, a.sidebl_l:visited {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #285A8A;
  background-color: inherit;
  text-decoration: none;
}

  a.sidebl_l:hover {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #285A8A;
    background-color: inherit;
    text-decoration: underline;
  }

  .input-phone {
	height: 25px;
    width: 210px;
    margin-top: 2px;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
	font-weight: bold;
}

.video-boxes {
	width: 65px;
	float: left;
	text-align: center;
	margin-right: 15px;
}

.image-rss-right {
	float: right;
	border: 0px;
	margin-right: 5px;
	background: #ffffff url(images/rss-icon.png) no-repeat;
	height:22px;
	width:22px;
}

.feature-maps {
	background:#f2f2f2;
	padding:10px;
	width: 610px;
	}

.boxrightside {
	float:right;
	background: #f2f2f2;
	padding: 10px;
	border:1px solid #094897;
	width: 250px;
	}	

