/*
Created by Daniel Tucker
email: danielgt@gmail.com
web: www.danielgt.com

Table of Contents

1. Basic Site Elements - H1, P, Body etc...
2. Reusable Classes - Any reusable class elements
3. Site Containers - Grouped site components
	3.1 Content - These classes and styles hold the document together along with the body
	3.2 Banner - Mostly just one jpg, may add features in the future.
	3.3 Navigation - Navigational Elements except background which is taken care of in banner
	3.4 Leftbar - Elements pertaining to the leftbar
	3.5 Footer - Elements pertaining to the footer of the document


/****************************************************************** 
Basic Site Elements
******************************************************************/
body {
	padding:0px;
	margin:auto;
	text-align: center;
	font: 13px/24px Helvetica, Verdana, Arial, sans-serif;
	color: #2e2e2e;
	background: url(../images/bg.jpg) repeat;
}
A:link {color: #33332D;}
A:visited {color: #2a2a2a;}
A:hover {color: #E9AB17;}
A:active  {color: #E9AB17;}
a:link:hover, a:visited:hover, a:active:hover {color:#E9AB17;}
h1 { font-family: Helvetica, Verdana, Arial, sans-serif; color: #1c3862;}

/****************************************************************** 
Reusable Classes
******************************************************************/
/* Text floats for images */
img.floatleft { 
    float: left; 
    margin-right: 15px; 
}
img.floatright { 
    float: right; 
    margin-left: 15px;
}
.floatleft { 
    float: left; 
    margin-right: 15px; 
    padding:2px;
    font-size:10px;
    line-height: 15px;
    border: 1px solid #7f7f7f;
    width: 300px;
}
.floatright { 
    float: right; 
    margin-left: 15px;
    padding:2px;
    font-size:10px;
    line-height: 15px;
    border: 1px solid #7f7f7f;
    width: 300px;
}
.lighttext {
	padding: 30px;
	font: 16px/30px Helvetica;
	background: #f5f5f5;
	color: #808080;
}

/****************************************************************** 
Site Containers
******************************************************************/
/* content */
#contentbox {
	width:1275px;
	left: -150px;
	position: absolute;
}
#centeringbox {
	width:861px;
	top: 342px;
	left:-3px;
	position:relative;
	margin:0px auto;
	padding: 0px;
	text-align:left;
	background: url(../images/contentbg.jpg)
}
#textbox {
	padding: 20px;
	width: 525px;
	left: 260px;
	position: relative;
	text-align: justify;
}

/* banner */
#banner {
	background: url(../images/banner.jpg);
	width: 1277px;
	height: 708px;
	left: 0px;
	position: absolute;
}

/* navigation */
#nav {
	top: 302px;
	left: -100px;
	font-size: 14px;
	position: relative;
	font-weight: bold;
	color: #334c76;
}
#nav a:link{color: #334c76;text-decoration: none;}
#nav a:visited{color: #334c76;text-decoration: none;}
#nav a:hover{color: #e17d23;text-decoration: none;}
#nav a:active{color: #334c76;text-decoration: none;}
#nav a:link:hover, a:visited:hover, a:active:hover  {color: #e17d23;}

/* leftbar */
#leftbar {
	height:100%;
	float: left;
	position: absolute;
	width: 233px;
	margin: 20px;
	padding-left: 14px;
	font-size: 12px;
	line-height: 20px;
	color: #383838;
}
.leftbartitle {
	color: #334c76;
	font-size: 14px;
	font-weight: bold;
}
.leftbar {
	height: 300px;
	padding-right: 30px;
}

/* footer */
#footer {
	font-size: 10px;
	line-height: 20px;
	color: #2d3437;
	padding: 10px 30px 10px 30px;
	text-align: justify;
	position: relative;
}
.footertitle {
	font-size: 14px;
}
#footer table {
	font-size: 10px;
	color: #2d3437;
	line-height: 15px;
}
#footer td {
	padding-right: 20px;
}