/* --------------------------------------------------------------------
                                                                      
  EXTENDABED
              
  Author: Mark Hurrell
  Date: 24 September 2008
  Last Modified: 25 September 2008 
  Company: Message
  URL: -
 
  
      Table of Contents:
  
 -------------------------------------------------------------------- */
 













/* --------------------------------------------------------------------
    
  1. CSS Reset                                                                  
  
 -------------------------------------------------------------------- */

 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		color: black;
		background: white;
		font-size: 62.5%;
}

ol, ul {
		list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

 













/* --------------------------------------------------------------------
    
  2. Layout                                                                  
  
 -------------------------------------------------------------------- */

body {
		background: #EAF0D6 url(../images/background.jpg) repeat-y scroll center center;
}

	#container {
			position: relative;
			margin: 0 auto;
			width: 800px;
	}
	
		div#header {
				position: relative;
				float: left;
				width: 798px;
				height: 169px;
				margin: 0 1px;
				background: transparent url(../images/branding.jpg) no-repeat -1px top;
		}
		
			#header div.module_main_menu {
					position: relative;
					float: left;
					width: 800px;
					margin-top: 133px;
			}
			
				#header div.module_main_menu ul {
						margin-left: 10px;		
				}
					
					#header div.module_main_menu ul li {
							position: relative;
							display: block;
							float: left;
					}
					
						#header div.module_main_menu ul li a {
								position: relative;
								display: block;
								float: left;
								padding: 7px 19px 8px 20px;
								border-right: 1px solid #506A01; 
						}
						
							#header div.module_main_menu ul li:last-child a {
									border-right: none;
							}

		
		div#content {
				position: relative;
				float: left;
				width: 740px;
				margin: 25px 30px;
		}

			div#content h1, div#content h2 {
					clear: both;
					margin: 0 0 25px;
			}
			
			div#content img {
					float: left;
					padding: 5px;
			}
			
			div#content p {
					margin-bottom: 1em;
			}
			
		div#content ol {
				position: relative;
				display: block;
				float: left;
				width: 762px;
				margin-left: -14px;
		}
		
			div#content ol li {
					position: relative;
					display: block;
					float: left;
					width: 240px;
					min-height: 190px;
					margin: 0 0 24px 4px;
					padding: 15px 5px 16px;
					background: #EAF0D6;
			}
			
			div#content ol li img {
					position: relative;
					padding: 0;
					margin: -10px 0 5px;
			}
			
		div#content table {
				position: relative;
				clear: left;
				width: 370px;
				margin-bottom: 25px;
				background: #EAF0D6;
		}
		
			div#content table td {
					padding: 2px;
					border-top: 2px solid white;
			}
			
		div#content form {
				position: relative;
				clear: both;
				width: 740px;
				margin: 0 0 20px -5px;
				padding: 5px;
				background: #eeeeee;
		}
			
			div#content form fieldset {
					position: relative;
					display: block;
					margin-bottom: 4px;
			}
		
				div#content form label {
						position: relative;
						display: block;
						clear: both;
						margin-top: 14px;
				}
	
				div#content form input {
						position: relative;
						margin: 5px 0 4px;
						border: 1px solid #888888;
				}
				
					div#content form input.error {
							background: #fbfcde;
					}
				
				div#content form textarea {
						position: relative;
						margin: 5px 0 4px;
						width: 555px;
						height: 140px;
						border: 1px solid #888888;
				}
				
					div#content form textarea.error {
							background: #fbfcde;
					}
					
				div#content form p.error {
						position: relative;
						float: left;
						clear: both;
						background: #d31f21;
						margin-top: -5px;
						padding: 1px 5px 0;
				}
				
		div#additional {
				position: relative;
				float: left;
				width: 740px;
				margin: -25px 30px 25px;
		}

			div#additional h2 {
					clear: both;
					margin: 0 0 14px;
			}
			
			div#additional h3 {
					clear: both;
					margin: 12px 0 0;
					padding-top: 14px;
					border-top: 1px dotted #cccccc;
			}
			
			div#additional p {
					margin-bottom: 1em;
			}
			
		div#footer {
				position: relative;
				float: left;
				width: 800px;
				margin: 0;
				padding-bottom: 20px;
				border-top: 1px solid #7AA203;
		}
		
			div#footer p {
					position: relative;
					display: block;
					margin: 2em 0 0;
			}

	


 













/* --------------------------------------------------------------------
    
  3. Typography                                                                  
  
 -------------------------------------------------------------------- */

body {
		font-family: Helvetica, Arial, sans-serif;
		color: #222222;
}

	#header div.module_main_menu li a {
			color: #ffffff;
			font-size: 1.6em;
			text-decoration: none;
			text-align: center;
			font-weight: 800;
	}

		#header div.module_main_menu li a:hover {
				color: #FF9900;
		}
	
	h1, 
	h2 {
			font-size: 2.6em;
			color: #7AA203;
	}
	
	#content p, 
	#additional p,
	#additional h3 {
			font-size: 1.35em;
			line-height: 1.7;
	}
	
		#content p strong,
		#additional p strong {
				font-weight: 800;
		}

		#content p em,
		#additional p em {
				font-style: italic;
		}
		
	div#content ol li {
			font-size: 1.1em;
	}
	
		div#content ol li strong {
				font-weight: 800;
		}
		
	div#content table td {
			font-size: 1.1em;
			line-height: 1.5;
	}
	
		div#content table td strong {
				font-weight: 800;
		}
		
	div#content form label {
			font-size: 1.1em;
			font-weight: 800;
	}
	
	div#content form p.error {
			font-size: 1.1em;
			font-weight: 800;
			color: #ffffff;
	}
		
	div#footer p {
			text-align: center;
			font-size: 1.1em;
	}

	#content a, 
	#additional a,
	#footer a {
			text-decoration: none;
			border-bottom: none;
			color: #FF9900;
	}

	#content a:hover, 
	#additional a:hover,
	#footer a:hover {
			text-decoration: none;
			border-bottom: 1px solid #a1b93f;
			color: #7AA203;
	}