/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 
  Citizen's School Bus
  Main Style Sheet
 
  Author:	Mike Green
  Email:	mike@fifthroomcreative.com
  (C) 2007 Citizen's School Bus
  
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*=Basic
----------------------------------------------------------------------*/

* { margin:0; padding:0; }

body {
	text-align:left;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background:url(../images/body_bg_gradient.gif) top left repeat-x;
	}
	
img.right { float:right; }
img.left { float:left; }

abbr { border:none; }
	

/*=Structural Divs
----------------------------------------------------------------------*/

#wrapper {
	width:1000px;
	}
	
#header {
	height:365px;
	background:url(../images/csb_header.jpg) top left no-repeat;
	overflow:visible;
	margin-bottom:10px;
	}
	
#homelink {
	width:445px;
	height:155px;
	position:absolute;
	top:50px;
	left:53px;
	}
	
#homelink a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
	}
	
/*==[Left Box]==================*/
#content_left {
	width:620px;
	float:left;
	}
	
#box_left_bottom {
	background:url(../images/left_box_bottom.gif) bottom left no-repeat;
	clear:left;
	}
	
#box_left_header {
	background:url(../images/left_box_header.gif) top left no-repeat;
	padding-top:25px;
	padding-left:25px;
	}
	
#box_left_header h1 {
	font-size:20px;
	line-height:25px;
	text-transform:uppercase;
	color:#278b38;
	font-weight:bold;
	}
	
#box_left_content {
	background:url(../images/left_box_body.gif) top left repeat-y;
	padding:10px 25px 40px 25px;
	width:575px;
	}
	
#box_left_content h2 {
	font-size:20px;
	line-height:25px;
	text-transform:uppercase;
	color:#278b38;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:10px;
	}
	
#box_left_content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:25px;
	color:#865920;
	padding-right:25px;
	}
	
#box_left_content img {
	padding:2px;
	margin:5px 13px 8px 5px;
	border:solid #339933 1px;
	}
	
/*==[Right Box]===================*/
#content_right {
	width:375px;
	float:right;
	margin-top:4px;
	}
	
#box_right_header {
	background:url(../images/right_box_header.gif) top left no-repeat;
	}
	
#box_right_header h1 {
	font-size:20px;
	line-height:25px;
	text-transform:uppercase;
	color:#359aff;
	font-weight:bold;
	padding-top:23px;
	padding-left:25px;
	}
	
#box_right_header span {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#669966;
	}
	
#box_right_content {
	background:url(../images/right_box_body.gif) top left repeat-y;
	padding:10px 25px 20px 25px;
	text-align:justify;
	}
	
#box_right_content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
	color:#669966;
	margin-bottom:20px;
	}
	
#box_right_content img {
	padding:2px;
	margin:5px 8px 8px 2px;
	border:solid #359aff 1px;
	}
	
#box_right_content span.caption {
	font-style:italic;
	color:#4d4d4d;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
#box_right_bottom {
	background:url(../images/right_box_bottom.gif) bottom right no-repeat;
	clear:right;
	margin-right:2px;
	}
	

/*=Navigation
----------------------------------------------------------------------*/

#nav {
	position:absolute;
	left:512px;
	top:63px;
	}
	
#nav ul {
	list-style:none;
	width:165px;
	}
	
#nav li {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:18px;
	line-height:30px;
	color:#4d4d4d;
	}
	
#nav li a {
	text-decoration:none;
	color:#4d4d4d;
	display:block;
	}
	
#nav li a:hover { color:#278b38; }
	
	
	
/*=Newsletter Subscription Form
----------------------------------------------------------------------*/

#contactFormArea {
	position:absolute;
	top:190px;
	left:515px;
	font-face:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#4d4d4d;
	}
	
#contactFormArea span {
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	}
	
#contactFormArea form {
	margin-left:10px;
	}
	
#contactFormArea label {
	display:block;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	}
	
#contactFormArea input.txt {
	border:solid #4d4d4d 1px;
	width:220px;
	height:20px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#000;
	}
	
#contactFormArea input.txt:focus {
	border:solid #339933 1px;
	}
	
#contactFormArea input.submit {
	width:42px;
	height:24px;
	border:solid #4d4d4d 1px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	font-weight:bold;
	background:#fff;
	color:#4d4d4d;
	margin-left:25px;
	margin-top:-1px;
	}
	
#contactFormArea input.submit:hover {
	color:#669966;
	border:solid #339933 1px;
	}
	
p#loadBar, p#emailSuccess {
	margin:4px 10px;
	}
	
	
/*=Footer
----------------------------------------------------------------------*/

#footer {
	clear:both;
	text-align:center;
	background:#e9dfaa;
	border-top:solid #755e12 1px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#footer span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:21px;
	color:#8e642f;
	}
	
#footer span a {
	color:#8e642f;
	}
	
#footer span a:hover {
	color:#669966;
	}