/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
}

body {
/*	font: 62.5% Geneva, Arial, Helvetica, sans-serif;*/
	font: 62.5% Tahoma, Arial, sans-serif;
	background-image:url(../images/background.gif);
	background-repeat: repeat;
}

.clear {
	clear: both;
}

img {
	border:none;
}

ul, ol {
	margin-left:1.5em;
}

/******************************************************************************
  CONTAINERS
 ******************************************************************************/
/* Page Root */
#wrapper {
	width: 720px;
	min-height:54.0em;	/*540pixels*/
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* for Internet Explorer */
/*\*/
* html #wrapper {
	height: 54.0em;
}
/**/


/* Page shading */
.shade1 {
	border-left: 25px solid #222B36;
	border-right: 25px solid #222B36;
	background-color: #222B36;
	color: #FFFFFF;
}
.shade2 {
	border-left: 25px solid #2E3A49;
	border-right: 25px solid #2E3A49;
	background-color: #2E3A49;
	color: #FFFFFF;
}
.shade3 {
	border-left: 25px solid #3F4E5E;
	border-right: 25px solid #3F4E5E;
	background-color: #3F4E5E;
	color: #FFFFFF;
}
.shade4 {
	border-left: 25px solid #717F8D;
	border-right: 25px solid #717F8D;
	background-color: #717F8D;
	color: #FFFFFF;
}
.shade5 {
	border-left: 25px solid #929DA9;
	border-right: 25px solid #929DA9;
	background-color: #929DA9;
	color: #FFFFFF;
}

/* Content container spanning 1 column */
.content1 {
	width: 180px;
	float: left;
	display:inline;
}

/* Content container spanning 2 columns */
.content2 {
	width: 360px;
	float: left;
	display:inline;
}

/* Content container spanning 3 columns */
.content3 {
	width: 540px;
	float: left;
	display:inline;
}

/* Content container spanning 4 columns */
.content4 {
	width: 720px;
	float: left;
	display:inline;
}

/******************************************************************************
  FONTS
 ******************************************************************************/
h1 {
	font-size: 1.3em;
	font-weight: normal;
}

h2 {
	font-size: 1.8em;
	text-align: left;
	font-weight: normal;
	padding-bottom: 0.5em;
}

h3 {
	font-size: 1.5em;
	text-align: left;
	font-weight: normal;
	padding-top: 1.0em;
	padding-bottom: 0.3em;
}

h4.first {
	padding-top: 0em;
}

h4 {
	font-size: 1.2em;
	text-align: left;
	font-weight: normal;
	padding-top: 1.0em;
	padding-bottom: 0.3em;
}

p {
	line-height:1.3em;
	font-size: 1.2em;
	padding-bottom: 1.0em;
}

li.narrow {
	padding-bottom: 0.1em;
}

li {
	line-height:1.3em;
	font-size: 1.2em;
	padding-bottom: 1.0em;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

#wrapper.shade1 a:link, #wrapper.shade1 a:visited, #wrapper.shade1 a:hover, #wrapper.shade1 a:active {
	color: #3F4E5E; /* Shade 3 Links - Lighter */
}

#wrapper.shade2 a:link, #wrapper.shade2 a:visited, #wrapper.shade2 a:hover, #wrapper.shade2 a:active {
	color: #717F8D; /* Shade 4 Links - Lighter */
}

#wrapper.shade3 a:link, #wrapper.shade3 a:visited, #wrapper.shade3 a:hover, #wrapper.shade3 a:active {
	color: #929DA9; /* Shade 5 Links - Lighter */
}

#wrapper.shade4 a:link, #wrapper.shade4 a:visited, #wrapper.shade4 a:hover, #wrapper.shade4 a:active {
	color: #FFFFFF; /* White - Lighter */
}

#wrapper.shade5 a:link, #wrapper.shade5 a:visited, #wrapper.shade5 a:hover, #wrapper.shade5 a:active {
	color: #FFFFFF; /* White - Lighter */
}

#content a:link, #content a:visited, #content a:hover, #content a:active{
	text-decoration: underline;
}



/******************************************************************************
  HEADER & TOP NAVIGATION
 ******************************************************************************/
/* Root Header Container */
#header {
	width: 100%;
	height: 13.3em;	/*133pixels*/
	padding-bottom: 2.9em; /*29pixels*/
}

/* Logo Container */
#header #logo {
	width: 475px;
	float: left;
	display: inline;
	padding-top: 3.7em; /*37pixels*/
	padding-bottom: 2.3em; /*23pixels*/
	padding-left: 20px;
}

/* Homepage Link Container */
#header #home_link {
	width: 31px;
	float: right;
	display: inline;
	padding-top: 4.5em; /*45pixels*/
	padding-bottom: 3.1em; /*31pixels -- image is 19pixels high */
	padding-right: 0px;
}

/* Homepage Link Container */
#header #mail_link {
	width: 35px;
	float: right;
	display: inline;
	padding-top: 4.5em; /*45pixels*/
	padding-bottom: 3.1em; /*31pixels -- image is 19pixels high */
	padding-right: 7px;
}

/* Homepage Link Container */
#header #phone_link {
	width: 33px;
	float: right;
	display: inline;
	padding-top: 4.5em; /*45pixels*/
	padding-bottom: 3.1em; /*31pixels -- image is 19pixels high */
	padding-right: 7px;
}

/* Top Navigation Bar */
#header #topnav {
	clear: both;
	width: 100%;
	height: 3.2em; /*32pixels;*/
}

/* Each navigation item */
#header #topnav .navitem {
	width: 150px; /*180-15-15*/
	height: 3.2em; /*32pixels*/
	border-bottom: 0.6em solid #FFFFFF; /*6pixels*/
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

/* Nav item text */
#header #topnav .navitem h1 {
	padding-top: 0.5em;
}

/* Nav Item Shade 1 */
#header #topnav .navitem.nav1 {
	border-bottom: 0.6em solid #222B36; /*6pixels*/
}

/* Nav Item Shade 2 */
#header #topnav .navitem.nav2 {
	border-bottom: 0.6em solid #2E3A49; /*6pixels*/
}

/* Nav Item Shade 3 */
#header #topnav .navitem.nav3 {
	border-bottom: 0.6em solid #3F4E5E; /*6pixels*/
}

/* Nav Item Shade 4 */
#header #topnav .navitem.nav4 {
	border-bottom: 0.6em solid #717F8D; /*6pixels*/
}

/* Nav Item Shade 5 */
#header #topnav .navitem.nav5 {
	border-bottom: 0.6em solid #929DA9; /*6pixels*/
}

/* Nav Item Selected */
#header #topnav .navitem.navselect {
	border-bottom: 0.6em solid #FFFFFF; /*6pixels*/
}

/******************************************************************************
  PAGE CONTENT
 ******************************************************************************/
#content {
	padding-bottom: 2.9em; /*29pixels*/
}

/* Single content column */
#content .col {
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	width: 150px;
	display:inline;
}

#content .home_image {
	padding-top: 1.9em; /*19 pixels*/
}

#content .about_image {
	padding-top: 0.4em; /*4 pixels*/
}

/* 1.5 width content column */
#content .col1_3 {
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	width: 210px;
	display:inline;
}


/* 1.5 width content column */
#content .col1_5 {
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	width: 240px;
	display:inline;
}

/* Double content column */
#content .col2 {
	margin-left: 15px;
	margin-right: 15px;
	width: 330px;
	float: left;
	display:inline;
}

/* Triple content column */
#content .col3 {
	margin-left: 15px;
	margin-right: 15px;
	width: 510px;
	float: left;
	display:inline;
}

/* Triple content column (short) */
#content .col3s {
	margin-left: 15px;
	margin-right: 15px;
	width: 480px;
	float: left;
	display:inline;
}

/* Quadruple content column */
#content .col4 {
	margin-left: 15px;
	margin-right: 15px;
	width: 690px;
	float: left;
	display:inline;
}