body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 100%;
	
}

/* background: url(images/body-background.jpg) 0 90px repeat-x #fff

* {margin: 0px; padding: 0px; border: 0; text-align: left; font-family: Arial, Helvetica, sans-serif}


/* ----------------------------- LAYOUT DIVS -------------------------------- */
div#container {position: relative; margin: 0 auto; width: 950px; overflow: hidden}  /*  keeps the left and right columns together */
div#top {width: 950px; height: 90px}  /*  top bar */
div#intro {width: 950px; height: 224px}  /*  header/banner used for main image */
div#search-bar {width: 950px; height: 38px}  /*  bar containing search box */

div#lftcol {    /*  Left column */
	float: left; 
	width: 210px; 
	overflow: hidden;
	padding-bottom: 20px  /* Adds a nice extra bit of space at the bottom of the column */
}

div#midcol {    /*  Middle column */
	float: left; 
	width: 500px; 
	overflow: hidden;
	padding-bottom: 20px  /* Adds a nice extra bit of space at the bottom of the column */
}

div#rgtcol {    /*  Right column */
	float: right; 
	width: 240px; 
	overflow: hidden;
	padding-bottom: 20px  /* Adds a nice extra bit of space at the bottom of the column */
}

div#rgtcol-large {    /*  Large Right Column */
	float: right; 
	width: 740px; 
	overflow: hidden;
	padding-bottom: 20px  /* Adds a nice extra bit of space at the bottom of the column */
}

div.halfcol {    /*  Half column */
	float: left; 
	width: 370px; 
	padding-bottom: 20px  /* Adds a nice extra bit of space at the bottom of the column */
}

div#bttmnav {float: left; width: 950px; padding: 5px 0; height: 1.5em; line-height: 1.5em; color: #333}
div#copyright {float: left; width: 950px; height: 2.25em; line-height: 2.25em; text-align: center; border-top: 1px solid #eee; color: #777; font-size: 0.70em; padding-bottom: 20px}


/* -------------------------- MAIN PHOTOS IMAGE ---------------------------- */
img#photos {position: absolute; right: 0; top: 2px; z-index: 100}


/* ----------------------------- FORMS -------------------------------- */
/* Search form */
form#search-form {   /* These are the styles for the search form*/
margin: 0; padding: 14px 20px 0 20px; height: 1.25em; overflow: hidden; line-height: 1.25em}

form#search-form #searchbox {   /* These are the styles for the search input box */
float: left; margin-top: 2px; width: 120px; height: 1.25em; font-size: 0.75em; line-height: 1.25em; border: 1px solid #999; background-color: #fff !important}

form#search-form #searchbutton {   /* These are the styles for the search button */
margin-left: 3px; height: 1.25em; width: 17px; background: url(images/arrow-button.gif) 0 50% no-repeat; cursor: pointer}


/* --------------------------- SPECIAL BOXES ------------------------------ */
div.special-feature {margin: 10px 0px 15px 10px; background: #f8f8f8; border: 1px solid #d2e0ec}


/* ---------------------- HEADINGS, TEXT AND LISTS ------------------------- */
h1 {position: absolute; left: 0; top: 0}
h1 a {}

h2 {padding: 35px 0 0 20px; font-weight: normal; font-size: 1.25em; color: #fed700} /* Use before intro text in #intro div */
h3 {margin: 15px 10px 0 10px; font-weight: normal; font-size: 1.25em; color: #ff9a00}  /* Use in main content */
h4 {margin: 15px 10px 0 10px; font-weight: bold; font-size: 0.75em; color: #ff9a00}  /* Use in right column and under <h3>'s */
div.special-feature h4 {margin: 10px 10px 0 10px; font-weight: bold; font-size: 0.75em; color: #f5980a}  /* Use in right column and under <h3>'s */

p {margin: 10px; color: #333; font-size: 0.75em; line-height: 1.70em; text-align: left}
#intro p {padding: 20px; width: 550px; margin: 0; color: #fff}

a {color: #3f61a8; text-decoration: none}
a:hover {color: #333}

/*  OTHER STYLES  */
span.faint {color: #999}
acronym {border-bottom: 1px dashed #333; cursor: help}
code, pre {font-family: "Courier New", Courier, mono; color: #CC3300}
strong {color: #CC3300}

/*  LISTS  */
ul.list {margin: 20px; display: block; margin-left: 40px; font-size: 0.75em}  /* unorderd lists (bullet lists) */
ul.list li {float: none; text-align: left;  width: auto; line-height: 1.6em; list-style: square outside; border: 0}
ol.list {margin: 20px; margin-left: 45px; font-size: 0.75em}  /* orderd lists (numbered lists) */
ol.list li {float: none; text-align: left;  width: auto; line-height: 1.6em; list-style: decimal outside; border: 0}


/* ---------------------------------- TABLES -------------------------------------- */
table {margin: 10px; font-size: 0.75em; text-align: left; border-collapse: collapse}

table tr th {padding: 8px; background: #e6e6e6;}

table tr td {
			padding: 8px;
			padding-right: 20px;    /* Improves column spacing */
			background: #efefef
			}
table.unstyled {margin: 0}
table.unstyled tr th {padding: 0; background: none}
table.unstyled tr td {padding: 0; background: none}



/* ------------------------------ MAIN NAV --------------------------------- */
ul#main-nav {float: left; margin: 15px 10px 0 0; padding-left: 20px; overflow: hidden}
ul#main-nav li {float: left; list-style-type: none}
ul#main-nav li a {margin: 0; padding: 0; float: left; display: block; padding-left: 17px; width: 163px; height: 3em; line-height: 3em; font-size: 0.75em; background: url(images/main-nav-arrows.gif) left 50% no-repeat #fff; border-bottom: 1px solid #eee}
ul#main-nav li a:hover {color: #333; background-color: #f6f6f6}


/* ---------------------------- BOTTOM NAV --------------------------------- */
/* to the top link */
a#tothetop {float: left; display: block; width: 17px; height: 17px; padding-top: 3px; margin-left: 10px}

/* bottom nav */
div#bttmnav ul {float: left; margin-left: 20px}
div#bttmnav ul li {list-style-type: none; display: inline}
div#bttmnav ul li a {font-size: 0.70em; color: #777; padding: 0 5px 0 8px; border-left: 1px solid #ccc}
div#bttmnav ul li a:hover {color: #333}
 

/* --------------------------------- CONTACT FORM ------------------------------------ */
form.general-form {margin: 10px; color: #595959}

label {margin-right: 10px; font-size: 0.95em; line-height: 1.3em}

input#email, input#phone, input#name, input#subject {
									  margin-bottom: 8px;
									  margin-right: 15px; 
									  padding: 2px;
									  font-size: 1.00em; 
									  border: 1px solid #999; 
									  width: 200px;
									  height: 1.6em; 
									  line-height: 1.6em;
									  background: #eee !important
									  }

.inputbox { }
.inputbox:Active { }

select {width: 235px; height: 1.7em; border: 1px solid #999; margin-bottom: 5px; background: #eee !important}
select option {line-height: 1.6em}

input#sendbttn {margin-top: 5px; margin-right: 5px; float: right; text-align: center; font-weight: bold; color: #fed700; width: 110px; font-size: 0.90em; line-height: 2.0em; height: 2.5em; background: url(images/button-background.gif) left 50% repeat-x #000 !important; cursor: pointer; border: 1px solid #000 !important} /* send button */