/* BROWSER RESET - elimantes default browser css for the following elements. 
===================== */
* { /*RESET code (DO NOT REMOVE) - make sure that all elements has the following.
	NOTE: you can change the fon-family if needed*/
	font-family:Arial, Verdana, Helvetica, sans-serif;	
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

body {
	margin: 0 auto; /*centers the body of web site*/
	background: #2c677f url(images/bg-body.jpg) no-repeat center top;
}

/* TEXTUAL SELECTORS SITE WIDE
===================== */

h1,h2,h3,h4,h5,h6 { /*control the margins, padding, display style, and basic text characteristics of all header tags*/
	text-transform:capitalize;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: lighter;
	display:block;
}

/*--------content area headers ---------*/

h1 { /*use for normal h1 page headers for content area*/
	font-size: 40px;
	padding: 5px 25px;
}

h2 { /*use for normal h2 page headers for content area*/
	font-size:20px;
	padding: 5px 25px;
	margin-top: 15px;
	color: #6CA400;
}

/*--------callout headers ---------*/

h3 { /*used for first level header text for index or secondary page callouts*/
	font-size:20px;
	padding: 5px 25px;
	line-height: 1.6em;
	color: #28434E;
}

h4 { /*used for second level header text for index or secondary page callouts*/
	font-size:16px;
}

h5 { /*used as third header option for content area*/
	font-size:14px;
}

p { /*paragraphs setting across all classes*/
	padding: 5px 25px;
	line-height: 1.6em;
}

ul { /*styles uls mainly in content area - NOTE the navigation ul's are defined differently*/
margin: 0px 0px 25px 0px;

}

	a:link {
	color: #2C677F;/*default link color*/
	} 
	
	a:visited {
	color: #2C677F;/*visited link color*/
	} 
	
	a:hover {
	color: #28434E; /*hover link color*/
	}
	
	a:active {
	color: #2C677F;/*actives link color*/
	} 

/* IMAGES
===================== */

img {

	border: none;
}

	img.floatright {
		float:right;
		margin-left: 35px; /*used to set images about 1.5 grids away from the paragraph text*/
	}
	
	img.floatleft {
		float:left;
		margin-right: 35px; /*used to set images about 1.5 grids away from the paragraph text*/
	}

/* HEADER SECTION
===================== */

#bgheaderindex { /*header for index page layout*/

}


#bgheader { /*header for secondary pages*/
	height: 274px;
	background: url(images/bg-flash.png) no-repeat;

}
#bgheader2 { /*header for secondary pages*/
	height: 274px;
	position:absolute;
	left:760px;
	top:0;
	

}


/* MAIN NAVIGATION - free to use your own if you already have set up, of course. DONT FORGET UL's and LI's for the site as a whole are defined above, so you'll have to counter those styles accordingly
===================== */

div#nav {
	height: 55px;
	background: url(images/bg-nav.png) no-repeat;
}
ul#mainnav {
	margin: 0;
	padding: 0;
}
ul#mainnav li {
	float: left; 
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
}
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: left;
	padding: 20px 16px;
	white-space: nowrap;
	margin: 0;
	border-right: 1px solid #FFEEB5;
	text-transform: uppercase;
}
ul#mainnav li.end a:link, ul#mainnav li.end a:visited, ul#mainnav li.end a:active {
	padding: 20px 20px 20px 19px;
	border: none;
}
ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	background: #FFC705;
}
* html #nav a {
	width: 1%;}

/* CONTENT SECTION - enter styles to control elements of your content
=========================== */


#contentbg { /*normally used to set background image on a container_24 that will have grids inside of it that need this background*/
	background: url(images/bg-container.png) repeat-y;
}

#content { /*id for the grid that holds the content (text and images)*/

}

	#content p {
	
	}
	
	#content img {
	
	}		
#slogan {
}

/* FOOTER AREA - free to use your own, of course
===================== */

#footer{
	background: url(images/bg-footer.png) no-repeat;
	text-align: center;
	font-size: 12px;
	color: #575A50;
	padding: 23px 80px 35px 0;

}

ul#footernav {

}

ul#footernav li {

}

ul#footernav li a {

}


/* footer links colors
===================== */

/* OFF */
ul#footernav li a:link, ul#footernav li a:visited, ul#footernav li a:active {

}

/* HOVER */
ul#footernav li a:hover {

}

/* ON */
ul#footernav li a.current:link, ul#footernav li a.current:visited {

}

/* ADDRESS
===================== */	

address {

}


/* ADMIN SIGN
===================== */

div#signin {

}

div#signin a{

}

/* COPYRIGHTS
===================== */

div#copywrap {
	margin: 10px auto;
}
div#copywrap img {
	float: right;
	margin-right: 75px;
	border: 0;
}
div#copyright {
	float:left;
	text-align: left;
	color: #fff;
	font: 10px Arial, Helvetica, sans-serif;
	padding-left: 5px;
}
div#copyright img {
	padding: 8px 0 15px;
	float:left;
}
div#copyright a:link, div#copyright a:visited {
	color: #fff;
}

	
/* CUSTOM CLASSES
===================== */



/* CUSTOM ID's
===================== */

/*wrappers if you require for your design
BE SURE TO ADD .clearfix to your container_24 div in the HTML if you have containers and grids inside of ANY wrapper*/

/*wrapper for main header*/
div#wrapperheader{

}

/*wrapper for nav*/
div#wrappernav{

}

/*wrapper for content*/
div#wrappercontent{

}

/*wrapper for footer*/
div#wrapperfooter{
	background: #28434E url(images/bg-footerwrap.png) repeat-x top;

}
#contentbg ul {
	margin-top: 20px;
}
#contentbg li {
	margin-left: 45px;
	padding-left: 10px;
	line-height: 1.6em;
}
.image {
	margin: 35px 0;
}
.right {
	float: right;
	margin: 5px 25px;
}
address {
	font-style: normal;
	font-size: 12px;
	text-align: center;
	padding: 0px 0 25px;
}