/*
	CSS Style Definitions for Mayday Trust 
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com
*/
img{behavior: url(../js/png.htc);}
html, body{ margin:0; padding:0; }
body{ font: 12px Arial, Helvetica, sans-serif; text-align:center; }
#page-container{ width:776px; margin:0 auto; text-align:left; }
#insidebg{background: #fff url("../images/bg-content.gif") repeat-y top left;width:776px;float:left;}
	#header{ width:776px; float:left; background-color:#fff !important; border-bottom:2px solid #fff; }
		#header a{ display:block; width:155px; height:114px; float:left; margin:8px 0; }
		#header img.frImg{  }
	.bluebar{ width:776px; float:left; background-color:#039; }
	.bluebar.top3{ border-top:3px solid #fff; }
		.bluebar ul{ float:left; margin:0; padding:0; list-style:none; }
		.bluebar ul li{ padding:0 0 0 4px; margin:0; float:left; color:#b2c2e0; line-height:28px; }
		.bluebar ul li.first{ padding-left:10px; }
		.bluebar ul li a, .bluebar ul li a:link, .bluebar ul li a:visited{ color:#b2c2e0; text-decoration:none; }
		.bluebar ul li a.on, .bluebar ul li a:hover, .bluebar ul li a:active{ text-decoration:underline; }
		.bluebar form{ float:right; text-align:right; }
			.bluebar form input[type=text]{ background-color:#ccd6eb; font-size:10px; color:#2c2c2c; padding:1px 2px; width:120px; border: 1px solid #335cae; vertical-align:top; margin-top:5px; _margin-top:1px; }
			/*.bluebar form input[type=submit]{ border:1px solid #f2e444; background-color:#f2e444; color:#0f3e94; padding:0 4px; margin-right:4px; font-size:10px; }*/
			.bluebar form input[type=image]{ margin-right:4px; margin-top:3px; _margin-top:0px; }
	#content{ width:776px; float:left; border-top:3px solid #fff; }
	body#homepage #content{ background:url("../images/bg-content-home.gif") no-repeat left bottom; }
	body#inner #content{ background:url("../images/bg-content-inner.gif") no-repeat left bottom; min-height:365px; _height:365px; }
		#left{ width:156px; float:left; }
		#center{ width:464px; float:left; }
		#right{ width:156px; float:left; }
	#searchbar{ background: #0cf url("../images/bg-searchbar.gif") no-repeat; width:776px; float:left; line-height:36px; border-bottom:3px solid #fff; }
		#searchbar form{ float:left; }
		#searchbar input[type=text]{ margin-left:155px; font-size:12px; padding:2px; vertical-align:middle; width:424px; border:1px solid #7b7979; }
		#searchbar input[type=image]{ vertical-align:middle; }
		#searchbar a{ color:#fff; text-decoration:none; font-size:10px; line-height:normal; display:block;float:right; margin:4px 8px 0 0; _margin:6px 4px 0 0; }
		#searchbar a em{ font-style:normal; text-decoration:underline; }
	#footer{ width:776px; float:left; text-align:center; background-color:#fff; }
		#footer p{ margin: 6px 0; font-size:9px; color:#adabab; }
		#footer p a{ color:#adabab; }

.mastheada{ background: #fff url("../layout/templates/mayday/images/masthead-a.jpg") no-repeat right bottom; }
.mastheadb{ background: #fff url("../images/masthead-b.jpg") no-repeat right bottom; }

/* site wide elements */
.inside{ padding:12px; }
.inside h1, dl.column dd h2{ font-size:15px; color:#039; margin:0 0 10px 0; font-weight:bold; }
.inside h1.underlined{ border-bottom:1px solid #039; padding-bottom:2px; }
.inside h2{ font-size:13px; font-weight:bold; margin:0; color:#039; }
.inside p{ margin:0 0 16px 0; }
#right h2{ border-bottom:2px solid #fff; border-top:3px solid #fff; font-size:13px; color:#fff; background-color:#039; margin:0; padding:2px 0 2px 6px; }

#left ul{ margin:0; padding:0; list-style:none; }
#left ul li{ margin:0; padding:0; border-bottom:1px solid #fff; }
#left ul li a, #left ul li a:link{ color:#039; text-decoration:none; background:url("../images/arrow-nav-blue.gif") no-repeat right center; display:block;padding:2px 4px 2px 8px; font-size:13px }
#left ul li a:visited{ color:#6685c2; background: url("../images/arrow-nav-blue-vis.gif") no-repeat right center; }
#left ul li a.on{ font-weight:bold; background:#f2e444 url("../images/arrow-nav-yellow.gif") no-repeat right center; color:#039 !important; }
#left ul li a:hover, #left ul li a:active{ color:#fff !important; background:#003399 url("../images/arrow-nav-blue-hov.gif") no-repeat right center; }

#left ul li ul{ margin:0; padding:0; background-color:#8099cc; border-bottom:2px solid #F2E444; }
#left ul li ul li{ margin:0; padding:0; }
#left ul li ul li a, #left ul li ul li a:link{ color:#fff; font-weight:normal; text-decoration:none; background:none; }
#left ul li ul li a:visited{ color:#d9e0f0; background:none; font-weight:normal; }
#left ul li ul li a.on{ background-color:#039 !important; color:#f2e444 !important; font-weight:normal; }
#left ul li ul li a:hover, #left ul li ul li a:active{ color:#f2e444 !important; background-color:#039; font-weight:normal; }

#right ul{ margin:0; padding:0; list-style:none; }
#right ul li{ margin:0; padding:1px 0; }
#right ul li a, #right ul li a:link, #right ul li a:visited{ color:#039; text-decoration:none; display:block;padding:2px 0 2px 6px; font-size:12px }
#right ul li a.on, #right ul li a:hover, #right ul li a:active{ text-decoration:underline; }

div.columns{ width:463px; float:left; background:#fdfbe3 url("../images/bg-columns.gif") repeat-y top center; }
dl.column{ margin:0; padding:0; border-top:1px dashed #deddd7; width:153px; float:left; }
dl.column dt{ margin:0; padding:7px 0 6px 7px; }
dl.column dt img{ display:block; }
dl.column dd{ margin:0; padding:0 0 0 7px; }
dl.column dd h2{ margin:0; }
dl.column dd p{ margin:0; padding: 6px 0 12px 0; }
dl.column.middle{  }

div.bluebar.bar ul li{ background:url("../images/li-bar.gif") no-repeat center right; padding-left: 5px;padding-right: 8px; margin-left:2px; }
div.bluebar.bar ul li a{ color:#B2C2E0; }
div.bluebar.bar ul li.last{ background:none; }

div.bar.topwhite{ border-top:3px solid #fff; }

* html div.bluebar form{ margin-top:5px; }
* html div#searchbar form{ padding:4px 0; }

form.contact{}
form.contact label{ width:120px; float:left; margin-bottom:6px; }
form.contact input{ width:260px; float:left; margin-bottom:6px; font: 12px Arial, Helvetica, sans-serif; }
form.contact select{ width:auto; float:left; margin-bottom:6px; font: 12px Arial, Helvetica, sans-serif; }
form.contact textarea{ width:260px; float:left; height:46px; margin-bottom:6px; font: 12px Arial, Helvetica, sans-serif; }
form.contact textarea#message{ height:76px; }
form.contact input#submit{ width:60px; float:left; margin-left:120px; }
form.contact input#reset{ width:60px; float:left;  }
form.contact br{ clear:both; }

a#donation img{ display:block; }

/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }