/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}

/*#######################
  Element Styles 
#######################*/

body {
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #5081A9;
}
a {outline:none; color:#1c8ed1; text-decoration:none}
	a:hover {text-decoration:underline}
p {line-height:1.5em; margin:10px 0}
small {font-size:.8em; font-weight:normal}
em {font-style:italic}

h3 {margin:15px 0; font-size:1.25em; font-weight:bold}
h4 {margin:15px 0; font-size:1.25em; font-weight:bold}
h5 {margin-top:15px; font-weight:bold}

ol {margin:15px 0 15px 18px; line-height:1.5em; list-style-type:decimal}
	ol li {margin:10px 0}

/*#######################
	General Classes
#######################*/

.no_space {margin:0}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {
	overflow:hidden;
	width:918px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

	#header {
	float:left;
	width:918px;
	color: #000000;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
		#header img {float:left; display:inline; margin:10px 10px 10px 0}
		#header h1 {
	float:left;
	margin-top:15px;
	font-size:1.5em;
	font-weight:bold;
	color:#000000
}
			#header h1 small {
	color:#000000
}
	
	#navigation {
	clear:both;
	width:918px;
	background-color: #FFFFFF;
}
		#navigation li {
	float:left;
	display:inline;
	margin-right:1px;
	width:152px;
	text-transform:lowercase;
	font-weight:bold;
	font-size:1.25em;
	background: url(../images/nav_button.png) left top no-repeat
}
			#navigation li a {display:block; padding:8px 0; width:152px; text-align:center; color:#fff; text-decoration:none}
				#navigation li a:hover {background:url(../images/nav_button_hover.png) left top no-repeat}
			#navigation li .category_link {position:relative}		
				
				/* Drop-Down Category Menu */												
				#group_list {
	position:absolute;
	top:auto;
	left:-999em;
	width:163px;
	border-top:1px solid #dd692a;
	background-color:#ef712d
}
				#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:auto}
				#group_list li {width:140px; margin:0; padding:5px; font-size:.85em; text-transform:none; background:#ef712d}
					#group_list li a {display:block; padding:5px 5px 5px 15px; text-align:left; text-decoration:none}
						#group_list li a:hover {text-decoration:underline; background:none}
			
			#hero {
	float:left;
	display:inline;
	width:918px;
	background-color:#FFFFFF;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#hero li {
	font-size: 120%;
	padding-bottom: 5px;
}

				#hero img {float:left; display:inline; margin-right:20px}
				#hero h2 {
	margin-top:15px;
	font-size:2em;
	line-height:1.15em;
	color: #FF3300;
}
				#hero p {
	font-size:1.25em;
	line-height:1.5em;
	color: #000000;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-right: 25px;
}
#hero2 {
	float:left;
	display:inline;
	width:908px;
	background-color:#FFFFFF;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#hero2 img {
	float:left;
	display:inline;
	margin-right:20px
}
#hero2 h2 {
	margin-top:15px;
	font-size:2em;
	line-height:1.15em;
	color: #FF3300;
}
#hero2 p {
	margin:15px 0;
	font-size:1.25em;
	line-height:1.5em;
	color: #000000;
}

			
			#content {
	clear:both;
	float:left;
	display:inline;
	padding:15px;
	width:918px;
	background-color:#fff
}
				#content h2 {clear:both; margin-top:2px; padding:20px 10px; font-size:1.5em; color:#383b47; background:#fff url(../images/h2_bg.png) left bottom repeat-x}

					#content .calendar {padding:4px 0 4px 30px; background:url(../images/calendar_icon.jpg) 0 50% no-repeat}
					#content .notes {
	padding:4px 0 4px 40px;
	background:url(../images/notes_icon.jpg) 0 50% no-repeat;
	color: #000000;
}
					#content .comment {
	padding:4px 0 4px 37px;
	background:url(../images/comment_icon.jpg) 0 50% no-repeat;
	color: #000000;
}				
				
				#content .three_columns {
	float:left;
	display:inline;
	width:282px;
	margin-right:20px;
	color: #000000;
}
					#content .no_space {margin-right:0}

					/* Form Styles */
					input, textarea {width:350px}	
					input#submit {width:auto; font-weight:bold}								

			#footer {
	clear:both;
	padding:15px;
	width:918px;
	font-size:0.95em;
	color:#9696a3;
	background-color:#f3f2f2
}
				#footer a {color:#9696a3; text-decoration:underline}
					#footer a:hover {text-decoration:none}