/*
Theme Name: COAST theme
Author: COAST
*/

html,
body { height: 100%; }
body { margin: 0; padding: 0; background:  #f2f5f8; background-position: 25px 0; color: #00395c; font-family: arial, verdana, tahoma, sans-serif; line-height: 1.6; font-size: 80%; text-align: center; }
.ctr { text-align: center; }
.bodyhome { background: #f2f5f8 url(/wordpress/wp-content/themes/coast/images/bodyhome_bg.gif) top left repeat-x; }
.bodyinside { background: #f2f5f8 url(/wordpress/wp-content/themes/coast/images/bodyinside_bg.gif) top left repeat-x; }
.bodysubnav { background: #f2f5f8 url(/wordpress/wp-content/themes/coast/images/bodysubnav_bg.gif) top left repeat-x; }
#newsletter { text-align: left; width: 90%; margin: auto; }
table { font-size: 1em;  /* for IE 5 */ }
div { font-size: 1em; vertical-align: top; }
td { vertical-align: top; }
img { border: 0; }
.floatleft { float: left; border: 8px solid #fff; margin-right: 25px; }
.floatright { float: right; border: 8px solid #fff; margin-left: 25px; }
.border { border: 8px solid #fff; }
.hide { display: none; }
a.hide { border: none; }
.pre { visibility:hidden; }
.block { display: block; }
.inline { display: inline; }
br.clear { clear: both; }
p img { padding: 0; max-width: 100%; }
img.centered { /* display: block; */
	text-align: center; 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 }
h1,
h2,
h3 { font-family: "century gothic", verdana, sans-serif; font-size: 20px; font-weight: normal; color: #349747; display: block; width: 530px; border-bottom: 1px solid #c6cbd1; }
h1.plain { border: none; text-align: center; font-size: 22px; }
.post h3 a,
.post h2 a,
.post h2 a:link,
.post h2 a:visited,
.post h2 a:hover,
.post h2 a:active,
.post h3 a:link,
.post h3 a:visited,
.post h3 a:hover,
.post h3 a:active { color: #00395c; font-family: "century gothic", verdana, sans-serif; font-size: 16px; text-transform: uppercase; display: block; width: 520px; font-weight: normal; text-decoration: none; }
p { }
h4 { font-family: "century gothic", verdana, sans-serif; font-size: 14px; color: #278ecd; text-transform: uppercase; display: block; margin: 25px 0 10px 0; border-bottom: 1px solid #c6cbd1; }
p,
td,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div { }
li { }
/* Link style */

a:link { font-weight: bold; text-decoration: none; color: #349747; background: transparent; }
a:visited { font-weight: bold; text-decoration: none; color: #349747; background: transparent; }
a:hover { font-weight: bold; text-decoration: underline; color: #278ecd; background: transparent; }
a:active { font-weight: bold; text-decoration: none; color: #349747; background: transparent; }
/* Main page sections */

#page { margin: auto; width: 770px; text-align: left; }
#header { height: 120px; position: relative; }
#topnav { height: 30px; background: url(/wordpress/wp-content/themes/coast/images/topnav_bg.gif) bottom repeat-x; text-transform: uppercase; font-family: "century gothic", geneva, tahoma, arial, sans-serif; font-size: 11px; padding-left: 36px; }
#content { padding-top: 10px; }
/* Header section */

#logo { position: absolute; top: 50px; left: 20px; }
#donate { position: absolute; top: 48px; left: 340px; }
#search { position: absolute; top: 88px; left: 340px; }
ul#headernav { position: absolute; top: 25px; right: 0; text-transform: uppercase; list-style: none; margin: 0; text-align: right; }
ul#headernav a { color: #349747; font-family: "century gothic", arial, sans-serif; font-size: 14px; font-weight: normal; }
/* Top nav */

ul#tabs { height: 30px; list-style: none; padding: 0; margin: 0; }
#tabs li { float: left; margin: 0; }
#tabs a { color: #00395c; background: #dde4ed url(/wordpress/wp-content/themes/coast/images/topleft.gif) left top no-repeat; text-decoration: none; padding-left: 7px; }
#tabs a span { background: url(/wordpress/wp-content/themes/coast/images/topright.gif) right top no-repeat; padding-right: 7px; padding-top: 6px; padding-bottom: 5px; }
#tabs a,
#tabs a span { display: block; float: left; }
#tabs a:hover { color: #fff; background: #278ecd url(/wordpress/wp-content/themes/coast/images/topright_on.gif) left top no-repeat; padding-left: 7px; }
#tabs a:hover span { background: url(/wordpress/wp-content/themes/coast/images/topleft_on.gif) right top no-repeat; padding-right: 7px; }
/* Sub Navigation */

#subnav a { font-weight: normal; }
#subnav a:link { font-weight: normal; text-decoration: none; color: #00395c; background: transparent; }
#subnav a:visited { font-weight: normal; text-decoration: none; color: #00395c; background: transparent; }
#subnav a:hover { font-weight: normal; text-decoration: underline; color: #00395c; background: transparent; }
#subnav a:active { font-weight: normal; text-decoration: none; color: #00395c; background: transparent; }
#subnav ul { padding: 0; margin: 0; padding-top: 3px; font-size: 1.3em; text-align: left; }
#subnav li { display: inline; padding-left: 18px; background-image: url(/wordpress/wp-content/themes/coast/images/arrow.gif); background-repeat: no-repeat; background-position: 7px 5px; }
/* Home page content top box  */
 
 #hometopbox { height: 228px; width: 770px; padding: 6px 6px 0 6px; background: #c6cbd1; border: 1px solid #fff; }
#hometopbox .leftimg { float: left; width: 345px; height: 205px; padding: 0; border: 8px solid #f2f5f8; }
#hometopbox div.righttxt { background: #fff; border: 1px solid #278ecd; float: right; width: 400px; height: 220px; }
#hometopbox p { padding: 30px 20px; font-family: "century gothic", verdana, sans-serif; font-size: 16px; line-height: 1.9; text-align: left; }
/* The right navbar */
 
 #sidebar { float: right; background: #fff url(/wordpress/wp-content/themes/coast/images/rightnav_top.gif) top no-repeat; width: 187px; padding: 0 10px 30px 10px; margin: 15px 0 30px 15px; }
#sidebar a.sublink { font-family: "century gothic", verdana, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: normal; color: #349747; display: block; border-bottom: 1px solid #278ecd; margin-top: 25px; width: 100%; }
#sidebar a.sublink:hover { color: #00395c; text-decoration: none; }
/* Home page photo box */
 
#photobox { background: #dde4ed; height: 120px; width: 510px; padding-top: 1px; padding-left: 35px; }
#homethumb1 { width: 129px; }
#homethumb2 { width: 79px; }
#homethumb3 { width: 100px; }
#homethumb4 { width: 130px; }
/* Thumbnail galleries */

div.thumb { margin: 2px; /* height: auto;*/
	float: left;/* text-align: center; */
	}
.thumb img { display: inline; margin: 2px; }
/*  Footer   */


#footer { margin-top: 50px; padding: 20px 0 20px 0; background: #dde4ed; }
/* Form */

#form { width: 500px; }
#form td { border-bottom: 3px solid white; }
input.submit,
form.ddfm .submit input { border: 1px solid #349747; font-weight: bold; text-transform: uppercase; margin: auto; text-align: center; background: #fff; color: #278ecd; letter-spacing: 1px; font-size: .80em; }
.button { padding: 5px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #349747; font-weight: bold; text-transform: uppercase; margin: auto; text-align: center; background: #fff; color: #278ecd; letter-spacing: 1px; font-size: .80em; }
.button a { color: #278ecd; }
form.ddfm .submit input { padding: 10px; font-size: 1em; text-align: left; }
/* Wordpress blogs */
		
#sidebar h2,
#sidebar h2 a { font-family: "century gothic", verdana, sans-serif; font-size: 14px; color: #278ecd; text-transform: uppercase; display: block; width: 90%; font-weight: bold; margin: 25px 0 10px 0; border-bottom: 1px solid #c6cbd1; }
#sidebar ul,
#sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p,
#sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul,
#sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul,
#sidebar ul ol { margin: 0 0 0 10px; }
ol li,
#sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li,
#sidebar ul ol li { margin: 3px 0 0; padding: 0; }
.post,
.narrowcolumn { margin: 0; }

.post  {
	clear: left;
	}

/* CSS File for Dagon Design Formmailer Script */

.ddfmerrors { color: #FF0000; }
.ddfmwrap,
.ddfm { margin: 0; padding: 0; }
form.ddfm h1,
form.ddfm h2 { text-align: left; margin: 0 0 10px 0; padding: 0; }
form.ddfm h1 { font-size: 140%; }
form.ddfm h2 { font-size: 115%; }
form.ddfm legend,
form.ddfm label,
form.ddfm label.fmtextlblwide { font-size: 100%; font-weight: bold; }
form.ddfm .credits { font-size: 90%; }
form.ddfm legend { font-size: 110%; }
.ddfmerrors { font-weight: bold; }
.ddfmwrap { margin: 15px auto 15px auto; width: 100%; }
.ddfmwrap p.fieldwrap { padding: 1px; margin: 1px; clear: left; }
form.ddfm { text-align: left; padding: 10px; margin: auto; }
form.ddfm fieldset { padding: 0 10px 2px 10px; margin: 0 0 13px 0; display: block; }
form.ddfm legend { padding: 0 6px 0 6px; margin: 0 0 0 10px; }
form.ddfm label { display: block; float: left; width: 26%; text-align: right; margin: 0 10px 0 0; padding-bottom: 15px; clear: left; }
form.ddfm label.fmtextlblwide { display: block; float: left; text-align: left; margin: 0 10px 0 1px; padding-bottom: 8px; width: 100%; }
form.ddfm select.fmselect { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm .fmcheck { width: 65%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmradio { width: 65%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmcheck p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm .fmradio p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm textarea { float: left; position: relative; width: 65%; margin-bottom: 15px; padding: 3px; }
/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock { padding-left: 0px; float: left; width: 100%; margin-bottom: 13px; display: block; }
form.ddfm .fmhalfblock { width: 65%; padding-left: 29%; margin-bottom: 13px; float: left; display: block; }
form.ddfm .fmhalfblock p.fieldwrap { margin: 0; }
form.ddfm input.fmverify { float: left; width: 22%; margin-bottom: 15px; padding: 3px; position: relative; display: block; }
form.ddfm img { margin: 1px 0 0 10px; float: left; }
form.ddfm input.fmfile,
form.ddfm input.fmtext { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm textarea.fmtextwide { display: block; float: left; width: 93%; margin-right: 2px; margin-bottom: 15px; padding: 3px; }
form.ddfm .credits { text-align: right; margin-top: 7px; width: 97%; }
form.ddfm .submit { text-align: center; clear: both; width: 97%; }
.ddfmwrap .ddfmerrors { display: block; float: left; width: 27%; text-align: right; margin: 0 10px 0 0; padding-bottom: 15px; }
.ddfmwrap .errorlist { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; text-align: left; }
.ddfmwrap .recaptcha { width: 100%; text-align: right; clear: both; height: 120px; margin-right: 7px; padding-bottom: 10px; }
.ddfmwrap .recaptcha-inner { float: right; margin-right: 3px; }
#incident_sidebar { float: right; background: #fff url(/wordpress/wp-content/themes/coast/images/rightnav_top.gif) top no-repeat; width: 187px; padding: 0 10px 10px 10px; margin: 15px 0 15px 15px; }
#incident_sidebar ul { margin-top: 0; margin-left: 0; padding-left: 0; font-weight: normal; list-style-type: none; }
#incident_sidebar a { font-weight: normal; }
#incident_sidebar a:link { color: #349747; display: block; }
#incident_sidebar a:hover { color: #00395c; text-decoration: none; }
#member_login {font-size: 12px;}
#member_login p { font-style:italic; }
#member_login form { font-size: 12px; }
#member_login input { font-size: 12px; }
.incident_updated { font-weight: bold; background-color: #349747; color: #fff; width: 535px; padding: 5px; }
.incident_updated a { color: #fff; text-decoration: underline; }
.incident_not_updated { font-weight: bold; background-color: #c03c35; color: #fff; width: 535px; padding: 5px; }