/* this rule stops the 'shorter pages' from jumping to the left -  */
html, body { min-height:100%; margin-bottom:1px; }

body {
	color: White;
	background-color: White;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;  /* aligns page center in IE5.5 */
	background-position: fixed;
	background-repeat: none;
}

/* outer wrapper - holds the rest of the content -ensures that layout is centered */
#wrapper {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}

#topBack {
	width: 770px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	}

#companyname {
	height: 50px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	text-align: left;
	background-repeat: repeat-x;
	
}

/* HEADER BACKGROUND AND COMPANY NAME */
#header {
	background-color:#FFFFFF;
	width: 770px;
	height: 168px;
	margin-top: 5px;
}

#headerleft {
	background-color:#FFFFFF;
	height: 168px;
	width: 229px;	
	background-repeat: no-repeat;
	float: left;	
	background-image: url(images/midleftflair.jpg);
	}

#headerright {
	background-color:#FFFFFF;
	height: 168px;
	width: 541px;
	float: left;	
	background-repeat: no-repeat;	
	background-image: url(images/midrightflair.png);
	}
	
	

#navBar {
	margin: 0px;
	padding: 0px;
	line-height: 1.75em;
	background-image: url(images/navbar.png);
	}

#navBar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#navBar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	font-size: .9em;
	font-weight: bold;
	}


#navBar a {
	background: transparent;
	border: none;
	margin: 0px;
	color: #000066;
	text-decoration: none;
	background-image: url("images/navrollover.png");
	background-repeat: repeat-x;
	background-color: transparent;
	padding: 0px;
	height: 30px;
	line-height: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

#navBar a:link, #navBar a:visited {
	color: #000066;
	text-decoration: none; 
}

#navBar a:hover {
	background-position:0 -33px;
	color: #FFFFFF;
}

#navBar a:active {
	color: #FFFFFF;
	font-weight: bold;
} 

/*End NavBar styles */



/* OUTER WRAPPER FOR CONTENT AREA */
#contenttop {
	background-color:#FFFFFF;
	background-image: url(images/midbaner-spacer.png);
	background-repeat: no-repeat;
}

/* left column styles */
#contentleft {
	text-align: left;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 5px;
	width:198px;
	float: left;
	font-size: .75em;
	color: #666666;
	top: 5px;	
}

#contentleft ul {
	margin: 0px;
	padding-top: 8px;
	list-style-type: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#contentleft li {
	display: block;
	list-style-type: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
#contentleft a {
	background: transparent;
	border: none;
	margin: 0px;
	color: #000066;
	text-decoration: none;
}

#contentleft a:link, #contentleft a:visited {
	color: #000066;
	text-decoration: none; 
}

#contentleft a:hover {
	color: #72B53F;
	text-decoration: none;
}

#contentleft a:active {
	color: #2A1FFF;
	font-weight: bold;
	text-decoration: none;
} 

#contentleft P {
	padding: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
}

#contentleft H1 {
	padding-top: 15px;
	color: #003366;
	font-size: 1.3em;
	font-weight: bold;
	}
	

/* right column - main content area styles */
#contentright {
text-align: left;
width:512px;
float: left;
padding: 25px 15px 35px;
font-size: .80em;
color: #666666;
}

#contentright P {
	padding: 0px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
}


#contentright ul {
/*	margin: 0px;
	padding-top: 8px;
	list-style-type: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;*/
	}

#contentright li {
	/*list-style-type: circle;
	margin: 0px;*/
}



#contentright H1 {
	color: #72B53F;
	font-size: 2em;
	font-weight: bold;
	}
	
#contentright H2 {
	color: #72B53F;
	font-size: 1.3em;
	}		

#contentright H3 {
	padding: 0px;
	margin: 0px;
	color: #72B53F;
	font-style: italic;
	font-weight: normal;
}


/* styles the small green text  read more...  text */
.smalltext {
	color: #77BB44;
	margin: 0;
}
/* styles the above text when a link is applied  */
.smalltext a:link {
	color: #77BB44;
	margin: 0px;
	text-decoration: underline;
}

.mediumtitle{
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.1em;
	color: #000000;
	}

.biggertext {
	font-size: 1.4em;
	}

/* FOOTER AREA */
#footer {
	background: url(images/footer-bg.png) no-repeat;
	width: 770px;
	height: 30px;
	background-repeat: repeat-x;
	font-size: .7em;
	}

#footer ul {
	padding-top: 10px;
	color: #256197;
	margin: 0px; 
	list-style-type: none; 
	padding-left: 0;
}

#footer li.left {
	display: inline;
	list-style-type: none;
	text-align:right;
	float: left;
	padding-right: 10px;
}

#footer li.right {
	display: inline;
	list-style-type: none;
	text-align:right;
	float: right;
}

#footer a {
	text-decoration: none;
	color: #256197;
	}
	

/* CLEARER DIV USED TO CLEAR FLOATED DIVS */
.clearit {
	clear: both;
	font-size: 1px; /*for IE*/
	height: 0;
	line-height: 0px;
}

/* styles the image so that it sits either left or right of content text */
.imgright {
float: right; 
padding-left: 6px; 
padding-right: 0px;
padding-top: 6px;
}
.imgleft {
float: left; 
padding-left: 6px; 
padding-right: 0px;
padding-top: 6px;
}