/* -----------------------------------------
Stylesheet for Mike Bissonnette - www.mikeforchicopee.com
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: July 2009
-------------------------------------------- */

body {background:#06366A; margin:0; font-family:arial,verdana,helvetica,sans-serif; font-size:12px; color:#333;}

h1, h2, h3 {padding:0; margin:0;} 
h1 {font:normal 26px arial,verdana,helvetica,sans-serif; color:#333; padding:0 0 8px 0;} /* page titles */
h2 {font:normal 18px arial,verdana,helvetica,sans-serif; color:#06366A; padding:0 0 10px 0;}
/* sub-titles 
h3 {font:normal 20px arial,verdana,helvetica,sans-serif; color:#06366A; padding:0 0 12px 0;}*/
	
p {margin:0; padding:0 0 12px 0; line-height:17px;}
p.intro {font-size:14px; line-height:19px; padding:0 0 12px 0;}
p.error {padding:0 0 0 20px !important; background:url(images/warning.gif) 0 0 no-repeat; color:#de0000;} /* for contact form */
ul, ol {padding:0; margin:0 0 12px 25px;}
li {line-height:17px; padding:0 0 6px 0; }
ul.nobullets {margin:0; padding-bottom:6px; list-style:none;}

div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;}
img {border:0;}
label {display:none;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}
div#printlogo {display:none;}


/* ---- links ----------------------------------------- */
a {color:#06366A; text-decoration:underline;}  
a:visited {color:#06366A;}
a:hover {color:#88C437; text-decoration:none;}
a:active {color:#06366A;}
a:active, a:focus {outline:none;}


/* ---- forms ----------------------------------------- */
form {margin:0; font:normal 12px arial,verdana,helvetica,sans-serif;}
input {color:#666; font:normal 12px arial,verdana,helvetica,sans-serif; border:1px solid #ccc; padding:2px;}
textarea {font-size:12px;}
input.button {width:auto; padding:1px; margin:0; border:1px solid #608925; color:#fff; text-transform:uppercase; 
	background:#6FA02D url(images/bg-button.png) repeat-x;}
input.nostyle {width:auto; padding:0; border:0;} /* for checkboxes */


/* ---- ids & classes ----------------------------------------- */

#headerwrap {width:100%; background:url(images/bg-headerwrap.png) repeat-x; position:relative;}
#header {width:850px; height:160px; margin:0 auto;  background:url(images/bg-header.png) 275px 55px no-repeat; position:relative;}
	#logo {position:absolute; top:30px; left:15px; width:252px; height:96px; background:url(images/logo.png) no-repeat;}
		#logo h1 {padding:0; margin:0; text-indent:-4000px;}
		#logo a {display:block; width:252px; height:96px;}
	#searchbox {position:absolute; top:45px; right:0; width:auto;}
		#searchbox h3 {color:#fff; font:normal 18px arial,verdana,helvetica,sans-serif; margin:0; padding:0 0 10px 0;}
		#searchbox h3 span {color:#B3C7E2; display:block; font:normal 16px arial,verdana,helvetica,sans-serif;}
		#searchbox label {display:none;}
		#searchbox input {width:145px;}
		#searchbox input.button {width:auto; margin-left:5px;}

#navmenuwrap {width:100%; background:#B3C7E2 url(images/bg-navmenuwrap.gif) repeat-x;}
#navmenu {width:830px; height:35px; margin:0 auto; position:relative; z-index:100;}
	#navmenu ul {list-style:none; margin:0; padding:0;}
	#navmenu li {float:left; display:block; line-height:35px; margin:0 20px 0 0;}
	#navmenu a {text-transform:uppercase; color:#06366A; font-size:13px; font-weight:bold; display:block; line-height:35px; text-decoration:none; padding:0 10px;}
	#navmenu a:hover {background:#06366A; color:#fff;}
	#navmenu a.on {background:#06366A; color:#fff;}
	#mediaicons {position:absolute; top:0; left:440px; width:150px;}
		#mediaicons span {display:none;}
		#mediaicons a {float:left; width:16px; height:16px; margin:10px 15px 0 0; padding:0;}
		#mediaicons a.facebook {background:transparent url(images/facebook.png) 0 0 no-repeat;}
		#mediaicons a.twitter {background:transparent url(images/twitter.png) 0 0 no-repeat;}

#contentwrap {width:100%; background:#fff;}
#content {width:830px; margin:0 auto; padding:30px 0 20px;}
	#maincol {float:left; width:485px;}
	#imgcol {float:right; width:310px;}
		#imgcol img {display:block; margin:3px 0 0 0; border:4px solid #ccc;}

#actionwrap {width:100%; background:#D2DEEE url(images/bg-actionwrap.png) repeat-x; border-bottom:1px solid #ccc;}
#action {width:830px; margin:0 auto; padding:20px 0;}
	#getinvolved {float:left; width:400px; background:transform;}
		#getinvolved h3 {font:bold 22px arial,verdana,helvetica,sans-serif; margin:0; padding:0 0 5px 32px; background:url(images/icon-greencheck.png) no-repeat;}
			#getinvolved h3 span {font-weight:normal;}
		#getinvolved p {}
		#getinvolved input {width:180px; margin:0;}
		#getinvolved input.nostyle {width:auto;}
		#getinvolved input.button {width:80px; padding:3px 1px; margin-left:8px;}
		#getinvolved table {width:100%;}
		#getinvolved table td {padding:0 0 6px 0; vertical-align:middle;}
	#support {float:right; width:336px; background:#06366A url(images/bg-support.png) no-repeat; border:4px solid #ccc; padding:12px; text-align:center; margin-top:3px;}
		#support p {color:#fff; font-size:11px; line-height:15px; padding:0 0 8px 0;}
			#support p strong {font-size:12px;}
		#support h3 {text-indent:-4000px; background:url(images/h3-support.png) no-repeat; width:270px; height:25px; margin:0 auto; padding:0 0 8px 0;}
		#support div.greenbutton {font-size:13px; width:190px; text-transform:uppercase; background:#6FA02D url(images/bg-button.png) repeat-x; border:1px solid #608925; padding:7px 5px; margin:25px auto 5px;}
		#support div.greenbutton a {color:#fff; text-decoration:none;}

/* styles specific to home page */
#contenthome {width:830px; margin:0 auto; height:269px; position:relative;}
	#hometext {width:460px; position:absolute; top:30px; left:0; z-index:100;}
	#mike {position:absolute; top:-35px; right:0; background:transparent url(images/mike-home.jpg) no-repeat; width:471px; height:304px; z-index:50;}
#updateswrap {width:100%; background:#fff url(images/bg-updateswrap.gif) repeat-x; border-bottom:1px solid #ccc;}
#updates {width:830px; margin:0 auto 20px; margin-top:0 !important; background:transparent url(images/bg-updates.gif) no-repeat;}
	#updates h2 {color:#333; font:normal 20px arial,verdana,helvetica,sans-serif; padding:0; line-height:50px; height:50px; margin:0 0 20px -15px;}
	#updates h3 {color:#06366A; font:normal 14px arial,verdana,helvetica,sans-serif; padding:0 0 8px 0;}
	#updates p {padding:0 0 8px 0;}
	#news {float:left; width:480px; margin-left:16px;}
	#media {float:right; width:255px; margin-right:16px;}
	#news, #media {display:inline;}
	#updates {border:1px solid transparent;} /* workaround for ff margin-bottom bug */

#footer {width:830px; margin:0 auto; font-size:11px; padding:10px 0 20px;}
	#footer p {color:#A8B9CB;}
	#footer a {color:#A8B9CB; text-decoration:underline;}
	#footer #copyright {float:left;}
	p#props {float:right; text-align:right; color:#44688F;}
	p#props a {color:#44688F;}
	

#adminmenu {
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	width:150px;
	clear:both;
	font-size:11px;
	position:absolute;
	right:0;
	top:50px;
	}
	#adminmenu table { text-align:left; background-color:#FFFFFF;width:150px;height:80px;}
	#adminmenu table td {padding:5px;}
	#adminmenu a {text-decoration:none; color:#000000;}