/* Start of CMSMS style sheet 'global' */
/*
global styles - general default styles for the entire site
*/

	* 
{
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	outline: none;
}

html 
{ 
	min-height: 100%; margin-bottom: 1px; 
	overflow: scroll;
}

body
{
	color: black;
	background: #ffffcc url(../img/des-global_back.jpg) repeat-x top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.default
{
	color: black;
	background: #ffffcc url(../img/des-global_back.jpg) repeat-x top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

p
{
	margin-bottom: 1.5em;
}

a
{
	color: #666633;
	border-bottom: 1px dotted;
}

a.no_underline
{
	border-bottom: 0;
}

/*
general structure - the splash div and the wrapper div make up the general architecture of the page
*/

#splash
{
	display: block;
	margin: 0 auto 0 auto;
	width: 1200px;
	min-height: 500px; 
	background: url(../img/des-splash_back.jpg) no-repeat top center;
}

#wrapper
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	background: url(../img/des-wrapper_back.jpg) repeat-y;
}

/*
static_nav - this is the small nav at the top of the page that holds links to "static" content, e.g., about us, contact us
*/

#static_nav
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 24px;
	line-height: 24px;
	font-size: 10px;
	color: white;
	background: url(../img/des-static_nav_back.jpg) no-repeat;
}

#static_nav ul
{
	display: block;
	margin: 0 auto 0 auto;
	text-align: right;
	padding-right: 30px;
	text-transform: uppercase;
}

#static_nav li
{
	display: inline;
	list-style-type: none;
}

#static_nav li a
{
	color: olive;
	border-bottom: 0;
	padding: 6px 8px;
}

#static_nav a:hover
{
	color: white;
	background: transparent url(../img/des-static_nav-here.jpg) top center;
}

#static_nav-here a:link, #static_nav-here a:visited, #static_nav-here a:hover
{
	color: white;
	background: transparent url(../img/des-static_nav-here.jpg) top center;
	cursor: default;
}

/*
header - this div holds two divs: the logo div and the header_block div, both of which contain images with variable sizes and variable positioning within the header div
*/

#header
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 100px;
	background: transparent url(../img/des-header_back.jpg) top center;
	overflow: hidden;
}

#header a
{
	border-bottom: 0;
}

#logo
{
	margin: 0 0 0 50px;
	float: left;
}

#header_block
{
	margin: 0 333px 0 0;
	float: right;
}

/*
main_nav - the main navigational div for the site
*/

#main_nav
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: white;
	background: url(../img/des-main_nav_back.jpg) no-repeat;
	text-align: center;
	text-transform: none;
}

#main_nav ul
{
	display: block;
	margin: 0 auto 0 auto;
	height: 36px;
	text-align: center;
	font-weight: normal;
}

#main_nav li
{
	display: inline;
	list-style-type: none;
}

#main_nav li a
{
	color: white;
	border-bottom: 0;
	padding: 11px 20px;
}

#main_nav a:hover
{
	background: transparent url(../img/des-main_nav-here.jpg) top center;
}

#main_nav-here a:link, #main_nav-here a:visited, #main_nav-here a:hover
{
	background: transparent url(../img/des-main_nav-here.jpg) top center;
	cursor: default;
}

/*
sub_nav - the secondary navigational div for moving within a site section - this will not be mandatory with all sites
*/

#sub_nav
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 24px;
	line-height: 24px;
	font-size: 10px;
	color: white;
	background: url(../img/des-sub_nav_back.jpg) no-repeat;
	text-align: center;
	text-transform: none;
}

#sub_nav ul
{
	display: block;
	margin: 0 auto 0 auto;
	height: 24px;
	text-align: center;
	font-weight: normal;
}

#sub_nav li
{
	display: inline;
	list-style-type: none;
}

#sub_nav li a
{
	color: white;
	border-bottom: 0;
	padding: 6px 8px;
}

#sub_nav a:hover
{
	background: transparent url(../img/des-sub_nav-here.jpg) top center;
}

#sub_nav-here a:link, #sub_nav-here a:visited, #sub_nav-here a:hover
{
	background: transparent url(../img/des-sub_nav-here.jpg) top center;
	cursor: default;
}

/*
title - the two divs that hold page titles for all inside pages (i.e., for all pages except the homepage)
*/

#title
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 100px;
}

/*
home display image - this is the big display image that only appears on the homepage
*/

#home_display
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 250px;
}

/*
section_nav - the tertiary navigational div for navigating around within a sub_nav section - can also be used for breadcrumb trail, if necessary
*/

#section_nav
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 24px;
	line-height: 24px;
	font-size: 10px;
	color: white;
	background: url(../img/des-section_nav_back.jpg) no-repeat;
	text-align: center;
	text-transform: none;
}

#section_nav ul
{
	display: block;
	margin: 0 auto 0 auto;
	height: 24px;
	text-align: center;
	font-weight: normal;
}

#section_nav li
{
	display: inline;
	list-style-type: none;
}

#section_nav li a
{
	color: white;
	border-bottom: 0;
	padding: 6px 8px;
}

#section_nav a:hover
{
	background: transparent url(../img/des-section_nav-here.jpg) top center;
}

#section_nav-here a:link, #section_nav-here a:visited, #section_nav-here a:hover
{
	background: transparent url(../img/des-section_nav-here.jpg) top center;
	cursor: default;
}

/*
container_1 - container 1 holds the main content area (well 1) and the sidebar - home-container_1 is exactly the same as container except it contains a different background image
*/

#container_1
{
	width: 840px;
	background: url(../img/des-container_1_back.jpg) no-repeat top center;
	overflow: hidden;
}

#home-container_1
{
	width: 840px;
	background: url(../img/des-home-container_1_back.jpg) no-repeat top center;
	overflow: hidden;
}

/*
container_2 - this is inside container 1 and is mainly here to hold the image that makes the bottom of the content area
*/

#container_2
{
	width: 840px;
	background: url(../img/des-container_2_back.jpg) no-repeat bottom center;
	overflow: hidden;
}

/*
well_1 - this contains the main content of the page
*/

#well_1
{
	margin: 30px 25px 0 55px;
	padding-bottom: 10px;
	width: 510px;
	min-height: 280px;
	float: left;
	padding-bottom: 10px;
}

#well_1 ul
{
	margin: 1.5em;
	list-style-type: circle;
}

#well_1 ol
{
	margin: 1.5em 1.75em;
}

#well_1 li
{
	line-height: 1.5em;
	list-style-position: outside;
}

#well_1 img
{
	margin: 0 0 0 18px;
	float: right;
}

.intro_paragraph
{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-align: left;
	line-height: 1.25em;
	margin: 0 0 24px 0;
	font-size: 28px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
}

H1
{
	margin: 0 0 1.25em 0;
	padding: 0 0 6px 0;
	font-size: 16px;
	line-height: 1em;
	border-bottom: 1px;
	border-bottom-style: solid;
	font-variant: small-caps;
	color: olive;
}

H2
{
	margin: 1.5em 0 .75em 0;
	font-size: 12px;
	font-weight: bold;
}

H3
{
	margin: 1.5em 0 .75em 0;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

.blockquote {
	margin: 0 0 1.75em 2em;
	padding: 0 0 0 15px;
	line-height: 1.5em;
	border-left: 3px solid olive;
}

.footnote
{
	font-size: 10px;
	line-height: 1.25em;
}

#gallery
{
	display: block;
	margin: 0 auto 12px auto;
	width: 510px;
	overflow: hidden;
}

#gallery .thumbnail
{
	float: left;
	width: 160px;
	height: 117px;
	padding: 5px;
}

#gallery .thumbnail a
{
	display: block;
	border-bottom: 0;
}

.menu_row
{
	display: block;
	margin: 0 auto 12px auto;
	width: 510px;
	overflow: hidden;
}

.table_image
{
	display: block;
	margin: 0 auto 1em auto;
	overflow: hidden;
}

.table_image img
{
	display: block;
	margin: 0 auto 0 auto;
}

/*
sidebar_1 - this contains two main elements: the ID box (name, address, etc.) and the blurb box (promo links to other site pages, text ads, promo images for specials, etc.)
*/

#sidebar_1
{
	margin: 30px 50px 0 0;
	padding-bottom: 10px;
	width: 200px;
	font-size: 11px;
	line-height: 1.3em;
	float: right;
}

#ID_1
{
	width: 200px;
	background: url(../img/des-ID_block_1_back.jpg) no-repeat top center;
	color: white;
	text-align: center;
}

#ID_1 a
{
	color: white;
}

#ID_2
{
	padding: 40px 0 0 0;
	width: 200px;
	background: url(../img/des-ID_block_2_back.jpg) no-repeat bottom center;
}

.ID-info_block
{
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	width: 160px;
}

.contact_line
{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
}

#twixt_bar
{
	margin: 0 auto 0 auto;
	width: 200px;
	height: 30px;
}

#blurb
{
	margin: 0 auto 40px auto;
	width: 200px;
}

#blurb a
{
	color: white;
}

.blurb_block_1
{
	margin: 0 auto 0 auto;
	width: 180px;
	background: url(../img/des-blurb_back-top.jpg) no-repeat top center;
}

.blurb_block_2
{
	margin: 0 auto 14px auto;
	width: 180px;
	background: url(../img/des-blurb_back-bottom.jpg) no-repeat bottom center;
}

.blurb_content
{
	display: block;
	margin: 0 auto 0 auto;
	padding: 12px 1px;
	width: 150px;
	color: white;
	font-size: 10px;
}

/*
footer
*/

#footer
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 28px;
	line-height: 28px;
	background: transparent url(../img/des-footer_back.jpg) no-repeat;
	text-align: center;
}

.footer_text
{
	height: 28px;
	line-height: 28px;
	font-size: 11px;
	color: white;
}

.footer_text a
{
	font-weight: normal;
	color: black;
}

/*
legal - this contains the small-type legal info at the bottom of the page (copyright info, etc.)
*/

#legal
{
	display: block;
	margin: 0 auto 0 auto;
	width: 840px;
	height: 28px;
	line-height: 28px;
	background: transparent url(../img/des-legal_back.jpg) no-repeat;
	text-align: center;
}

.legal_text
{
	height: 28px;
	line-height: 28px;
	font-size: 10px;
	color: black;
}

.legal_text a
{
	font-weight: bold;
	color: olive;
}

input
{
color: #545228;
background: #f8f8ec;
border: 1px solid #888888
}

textarea
{
color: #333333;
background: #f8f8ec;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #888888
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

/* End of 'global' */