/* -- COMMON SELECTORS -- controls some of the default page attributes such as background etc.*/
body {  
	background: #d7cfac url(images/background.jpg) repeat-x top right; 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	}

/*Sets the default appearance of all links on the site*/
a:link, a:visited {
	color: #ff0000;
	text-decoration: none;
}

a:hover, a:active {
	color: #766d43;
	text-decoration: underline;
}


/*Controls the appearance of all images on the page*/
img {
		border: 0;
		display: block;
}

h1 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #f00;
	margin: 0;
	padding: 0;
}


h2 {
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #766d43;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
	color: #f00;
	margin: 0;
	padding: 0;
}


td {
	padding: 0;
	margin: 0;
	font: 11px/16px arial,verdana,helvetica,sans-serif;
	color: #000;
	text-align: left;
}

/*Sets the padding on each paragraph tag*/
p{
	margin: 0 0 10px 0;
}

div.spacer {clear: both; line-height: 0; height: 0;}

/* ID SELCTORS below ----------------------------------------------------------------------------- */

/* The following styles the header table which includes the logo and LWC name graphic*/
table#page_header {
	width: 740px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
}

/*Sets the apperance of the cell containing the names */
#name {
	width: 614px;
	padding: 0px;
	background-color: #9e9465;
}

/*Sets the font and positioning attributes for the page title. Float was avoided due to IE 6 bug*/
#site_title {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: normal;
	text-align: right;
	clear: both;
	margin: 0;
	width: 600px;
	padding-right: 15px;
}


/*Sets the font and positioning attributes for the page subtitle. Float was avoided due to IE 6 bug, seeting
the width ensures it displays properly in IE and doesn't collapse*/
#site_subtitle {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	line-height: normal;
	text-align: right;
	clear: both;
	padding: 0 15px 0 0;
	margin: 0;
	width: 600px;
}

/* The two following specifications set the apperance of the logo */
#logo {
	width: 111px;
	padding: 0px;
}

#logo img {
	border: 0;
}


/* Styles the main table which contains the content*/
table#main_body {
	width: 740px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
}

/* Styles the main navigation cell in the body talbe */
table#main_body .navigation {
	width: 730px;
	/*height: 27px;*/
	/*padding: 5px 10px 5px 10px;*/
	background: url(images/main_menu_background.gif);
}

/*Controls the size of the footer table*/
table#footer {
	width: 740px;
	margin: 0 auto;
	padding: 0px;
}

/*Adds the background to the footer cell and specifies the size of the cell*/
table#footer .content {
	width: 730px;
	padding: 5px 10px 5px 10px;
	background: url(images/footer_background.gif);
	font-size: 10px;
}

/*floats the credit to the left in the footer*/
#credit {
	float: left
}

/*Floats the copyright to the righ in the footer*/
#copyright {
	float: right
}

/* Specifies width of the cell surrounding the header graphic*/
#header_graphic {
	width: 730px;
	padding: 0;
	margin: 0;
}

#header_graphic img{
	vertical-align: bottom;
	display: inline;
}


/*Adds the background to the main content section of every page and padding inside the cell*/
table#main_body .content {
	width: 730px;
	padding: 10px 10px 10px 10px;
	background: url(images/content_background.gif) repeat-x top;
}

/*Sets padding and font size for the breadcrumbs */
#breadcrumbs {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 10px;
}


/* CLASS SELECTORS ----------------------------------------------------------------------------- */

/* The following creates a spacer table that adds a 5 pixel space between two tables. Used between
the header and body and also the body and footer.*/
table.transparent_bar {
	width: 740px;
	margin: 0 auto;
	height: 5px;
}

/* It's neccesary to use padding left (instead of the width property) to control the width of the 
column. If the width property is used Firefox/Mozilla removes one pixel and the column becomes too narrow,
 which is noticeable to the viewer. ( At the time of writing I can't confirm if this is a know issue or not.)*/
.horz5x5 {
	padding-left: 5px;
	height: 5px;
	background-color: #fff;
}

/* Do not specify the height in the following or the vertical column collapses */
.vert5x5 {
	padding-left: 5px;
	/*width: 3px;*/
	background-color: #fff;
}

/* Ensures the proper spacing is set to the cell above/below the logo */
.logo_bar {
	width: 111px;
	height: 5px;
	background-color: #fff;
}

/* Ensures the proper spacing is set to the cell above/below the name image */
.name_bar {
	width: 614px;
	height: 5px;
	background-color: #fff;
}

/* Ensures the proper spacing is set to the cell above/below the content */
.content_bar {
	width: 730px;
	height: 5px;
	background-color: #fff;
}



/*-----------------------------------------------------------------------------------
The Following Styles the main menu and drop down menu.
-------------------------------------------------------------------------------------*/

#nav, #nav ul {
	width: 725px;
	list-style: none;
	line-height: 27px;
	font-weight: bold;
	padding: 0 0 0 5px;
	margin: 0;
}

#nav ul {
	background: #e3dec5 url(images/pop_up_background.jpg) repeat-x top center;
	border: 1px solid #fff;
}

#nav li a {
	display: block;
	color: #f00;
	text-decoration: none;
	padding: .25em 1em 0 1em;
}

#nav li li a:visited, #nav li li a:link {
	color: #9e9465;
}

#nav li li a:hover, #nav li li a:active {
	color: #f00;
}

#nav li.root{
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	font-weight: normal;
	border-width: 4px;
	margin: 0;
	padding: 2px 0 0 0;
}

#nav li li {
	width: 190px;
	border-top: 1px dotted #b0ab93;
	float: left;
}

#nav li ul a {
	width: 175px;
	color: #857b4e;
	margin: 0;
	padding: 0 0 0 15px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #fff;
}