@import "style/css/reset.css";



@import "style/css/typography.css";



/*@import "style/css/layout.css";*/







/* LAYOUT */



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







/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */



.aligncenter { display:block; margin:0 auto }



.alignleft { float:left }



.alignright { float:right }



.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }











br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }



/*body { position:relative } */







* {



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



	font-size:12px;



	color:#000;



	line-height:1.4em;



	text-align:justify;



}



body {



	margin:0;



	padding:0;



	border:0;			/* This removes the border around the viewport in old versions of IE */



	width:100%;



	background:#fff;



	min-width:600px;    	/* Minimum width of layout - remove line if not required */



	/* The min-width property does not work in old versions of Internet Explorer */















	font-size:90%;



/*	background: url(/images/bbg.jpg) repeat-x top right #2c6595; */



}



a {



	color:#369;



}



a:hover {



	color:#fff;



	background:#369;



	text-decoration:none;



}



h1, h2, h3 {



	margin:.8em 0 .2em 0;



	padding:0;



}



p {



	margin:.4em 0 .8em 0;



	padding:0;



}



img {



	margin:10px 0 5px;



}



/* Header styles */















	#header {



	clear:both;



	float:left;



	width:100%;



}



#header {



/*border-bottom:1px solid #000; */















}



#header p, #header h1, #header h2 {



	padding:.4em 15px 0 15px;



	margin:0;



}



#header #menu ul {



	clear:left;



	float:left;



	width:100%;



	list-style:none;



	margin:10px 0 0 0;



	padding:0;



}



#header #menu ul li {



	display:inline;



	list-style:none;



	margin:0;



	padding:0;



}



#header #menu ul li a {



	display:block;



	float:left;



	margin:0 0 0 0px;



	padding:0px 20px;



	text-align:center;



	background:#b01000;



	color:#fff;



	text-transform:uppercase;



	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;



	text-decoration:none;



	position:relative;



	left:15px;



	line-height: 40px;/*1.3em; */



font-size:15px;



}



#header #menu ul li a:hover {



	background:#898989;



	color:#fff;



}



#header #menu ul li a.active, #header #menu  ul li a.active:hover {



	color:#fff;



	background:#000;



	font-weight:bold;



}



#header #menu  ul li a span {



	display:block;



}



/* 'widths' sub menu */















	#layoutdims {



	clear:both;



	background:#eee;



	border-top:4px solid #000;



	margin:0;



	padding:6px 15px !important;



	text-align:right;



}



/* column container */















	.colmask {



	position:relative;	/* This fixes the IE7 overflow hidden bug */



	clear:both;



	float:left;



	width:100%;			/* width of whole page */



	overflow:hidden;		/* This chops off any overhanging divs */



}



/* common column settings */















	.colright, .colmid, .colleft {



	float:left;



	width:96%;



	position:relative;



	margin: 20px;



}



.col1, .col2, .col3 {



	float:left;



	position:relative;



	padding:0 0 1em 0;



	overflow:hidden;



	width: 100%;



}



/* 2 Column (right menu) settings */















	.rightmenu {



	background:#eee;		/* right column background colour */



}



.rightmenu .colleft {



	right:24%;			/* right column width *//*background:#fff;		/* left column background colour */



}



.rightmenu .col1 {



	width:71%;			/* left column content width (left column width minus left and right padding) */



	left:27%;			/* (right column width) plus (left column left padding) */



}



.rightmenu .col2 {



	width:22%;			/* right column content width (right column width minus left and right padding) */



	left:28%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */



}



/* Footer styles */















#footer {



	clear:both;



	float:left;



	width:100%;



	border-top:1px solid #000;



	background-color:#252525;



	color:#FFF;



	height:76px;



	border-bottom: #898989 solid 15px;



}



#footer div {



	padding:15px;



}



#footer p {



	padding:10px;



	margin:0;



	color:#FFF;



}











h1#logo {



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



	width:220px;



	height: 89px;



	text-indent:-9999px;



	margin: 0 10px 8px 0;



	float:left;



}



.colmask {



	background:#b01000;



	padding:20px 0px;



}



.col1 h1 {



	margin:0px;



	padding:0;



	line-height:.8em;



	color:#FFF;



	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



	font-weight:normal;



	font-size:24pt;



	padding: 0 10px;



}



#wapper {



	width:960px;



	margin:auto;



}



#content {



	background:#fff;



	padding:10px 18px;/*min-height:300px;*/







}



#content h2 {



	font-family:Georgia, "Times New Roman", Times, serif;



	font-size:22px;



	font-weight:bold;



	color:#232455;



	clear:both;



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



	padding: 0 35px;



	/*text-align:left;*/



}



#content h3 {



	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;



	font-weight:normal;



	font-size:12pt;



	color:#232455;



	font-weight:bold;



	margin-top:10px;



	clear:both;



	/*text-align:left;*/



}



#content p {



	padding:0 10px;



}



#menu {



	float:right;



	margin-right:15px;



display:inline;



}



#search, #searchform {



	margin: 30px;



	float: right;



}



#search #searchInput, #searchform #searchInput {



	width: 280px;



	height:22px;



	border:#B01000 solid 1px;



	border-collapse:separate;



	font-size:15px;



	line-height:30px;



}



#search .button, #searchform #searchsubmit {



	background: url(images/search-b.gif) no-repeat bottom;



	text-indent: -99999px;



	border:0;



	width: 30px;



	height: 32px;



	margin-top:2px;



}



#content ul, ol {



	margin: 0 40px;



}



#content li {



	list-style-type:circle;



}



#sidebar {



	top: 25px;



	padding:10px;



	background: #fff;



	margin-bottom:35px;



}



.widget_gallery .crossfade {



	padding-left:0px;



	padding-bottom:20px;



	overflow:hidden;



	height:180px;



}



#content img {



	padding:10px



}



#content h3 img {



	padding-top:0px;



	margin:0px;



	padding-bottom:0px;



}



#wp-calendar {



	background: #B01000;



	padding:10px;



}



#wp-calendar td {



	border: 0px !important;



}



#wp-calendar a {



	color:#fff;



text-decoration:none;



}



#wp-calendar #today {



	background: #fff;



	color:#B01000;



border: 0 !important;



}



#wp-calendar td, #wp-calendar th, #wp-calendar caption {



	color:#eee;



}



#wp-calendar th, #wp-calendar caption {



	font-weight:bold;



	text-align:center;



}







#wp-calendar .ec3_eventday, #wp-calendar .ec3_eventday:hover {



background-color: #333;



	border:0px;



}



#ec3_publish{



	display:none !important;



}



.posts img {



	padding: 0px 2px !important;



}







table.ec3_schedule{



border:0px !important;



float:none !important;



}







.ec3_list{



margin-left:0px !important;



}







.table.nav tr td{



border: 0px !important;



}







.selected_page a{



font-weight:bold;



text-decoration:underline !important;



}







.cms-nav-clearit{



display:none;



}





div#language_list{

padding:0px;

margin:0px;

}





#language_list li{

display:inline;

padding-right:10px;

}



#language_list li img{

padding:0px;

margin:0px 2px;

}


.slide{
width: 60%; margin: auto;
}


.widget_gallery .crossfade{
height:242px !important;
}



#menu-wrap li.selected_page{
background-color: #B01000 !important;
}