/*-----------------------------------------------------*\
West Shore Services Cascading Style Sheet

This stylesheet defines styles and classes for the 
West Shore Services website at:
http://www.westshoreservices.com/

Version		1.0
Date:		2/21/08

Author: Content Is Queen Productions
http://www.contentisqueen.com
\*-----------------------------------------------------*/



/*-----------------------------------------------------*\
 * Position and Layout Classes
\*-----------------------------------------------------*/

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/*Clears down on both sides  */
.clear {
	clear: both;
	}

/*Indents the navigation buttons in the header  */
div.indent_nav {
	padding-left: 3em;
}

/*-----------------------------------------------------*\
 * Default HTML tag behavior
\*-----------------------------------------------------*/

body {
	font-family: Arial, sans-serif;
	font-size: .8em;
	font-weight: normal;
	color: #000000;
	background-color: #330000;
	margin: 0;
	padding: 0;
	width: 100%;
	}

hr {
	color: red; 
	height:1px;
	width: 100%;
	align: center;
	}
	
td { 
	font-family: Arial; 
	font-style: normal; 
	color: #000000;
	}
	
P  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1.0em; 
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: .8em;
	}

DL	{
	margin-left: 10px;
	}	
	
	
DT	{
	 font-weight: normal;
	}	
	
LI  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1.0em; 
	margin-left: 10px;
	margin-right: 5px;
	}
	
/*-----------------------------------------------------*\
 * Page Heading Classes
\*-----------------------------------------------------*/

/*Use these 3 classes instead of the old Header, HeaderSmall and HeaderSmaller classes from the old CSS sheets  */
H1	{
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #660000;
	text-align: center;
	}

H2 {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style : normal;
	color: #660000;
	text-align: left;
	line-height: 2em;
	}

H3 {  
	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}
H4 {  
	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}

/*-----------------------------------------------------*\
 * Table and Accessibility Classes
\*-----------------------------------------------------*/

/*Width setter class  */
table.100percent {
	width: 100%;
	}

table.full760 {
	width: 760px;
	background-color: #FFFFFF;	
	}

/*West Shore Services design specific classes  */


/*Main Content Area with content that doesn't touch the edge of the browser  */
table.maincontent {
	width: 100%;
	padding: 10px 20px;
	background-color: #FFFFFF;
	}

/*Makes the background in the Horizontal MENU  */	
td.hor_menu {
	background-color: #660000;
	color: #FFFFFF;
	}

/*Makes the background in the Vertical MENU  */	
td.ver_menu {
	width: 217;
	background-color: #FFFFFF;
	valign: top;	
	}

/*Makes the background in the footer  */	
td.footer {
	background-color: #FFFFFF;
	background-image: url(images/footer_bg.jpg);
	}
 
/*The next 4 "twotone" classes are to make data tables look pretty with every other line of data shaded for easy reading */
	
table.twotone {
	font-family: "Times New Roman", serif; 
	font-size: .8em; 
	font-weight: normal; 
	color: #003399;
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 70%;
	}
	
th.twotone_header {
	font-family: "Times New Roman", serif; 
	font-weight: bold; 
	color: #ffffff;
	background-color: #006633;
	margin: 0;
  	padding: 0;
	}
	
th.twotone_subheader {
	font-family: "Times New Roman", serif; 
	font-weight: bold; 
	color: #003399;
	background-color: #E5DBC3;
	margin: 0;
  	padding: 0;
	}
	
.twotone_even {
	background-color: #D6F5DA;
	}
	
	
/*-----------------------------------------------------*\
 * Anchor Classes
\*-----------------------------------------------------*/

/*Normal link attributes*/
A:link { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #0000CC;
	}
	
	
A:visited { 
	font-family: Arial;  
	font-style: normal; 
	font-size: 1em; 
	color: #0000CC;
	}
	
A:active { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #FF6633;
	}
	
A:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #FF6633;
	}
	
/*Use these for the Horizontal Menu Navigation  */	
A.navlink:link { 
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style : normal;
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: none;
	}
		
A.navlink:visited {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlink:active {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlink:hover {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}

/*Use these for the White page links under the Yellow Section Headings in the Navigation  */
A.navlinksmall:link { 
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.0em;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlinksmall:visited { 
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.0em;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlinksmall:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 1.0em; 
	text-decoration: underline;
	color: #FF9999;
	}
	
A.navlinksmall:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 1.0em; 
	text-decoration: underline;
	color: #FF9999;
	}
	
	
 /*This is for the CIQ link in the Copyright so it matches*/
A.copyrightlink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #000000;
	}
	
A.copyrightlink:visited { 
	font-family: Arial;  
	font-style: normal;
	font-weight: bold; 
	font-size: 0.8em; 
	color: #000000;
	}
	
A.copyrightlink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #000000;
	}
	
A.copyrightlink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #000000;
	}
	
/*Left MENU link rollovers*/
#navcontainer {	
	margin: 0 0 0 0;
	padding: 0;	
	}

#navcontainer ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
	{
	display: block;
	margin: 0;
	padding: 5px 15px;
	width: 217px;
	background-color: #CE003E;
	border-bottom: 8px solid #FFFFFF;
	}

#navcontainer a:link, #navcontainer a:visited
	{
	font-family: Arial, sans-serif;
	font-size: .9em;
	font-weight: bold;
	font-style : normal;
	color: #FFFFFF;
	text-decoration: none;
	}

#navcontainer a:hover
	{
	/*border: 1px solid #333;*/
	background-color: #E98CA8;
	/*background-image: url(images/l1_over.gif);*/
	color: #660000;
	}

#active a:link, #active a:visited, #active a:hover
	{
	background-color: #E98CA8;
	/*background-image: url(images/l1_over.gif);*/
	color: #660000;
	}
/*end of left menu link rollovers*/
	
/*-----------------------------------------------------*\
 * SPAN and Other  Misc. classes
\*-----------------------------------------------------*/
 
 /*This is for the dividers between navigation links so they match*/
.navtext {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	color: #F7C645;
	}

 /*This is for address header under logo*/
span.addressheader { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 1.0em; 
	color: #FFFFFF;
	}
	
 /*This is the copyright text at the bottom of the page ONLY*/
span.copyright { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	color: #000000;
	}
	
 /*Good for Notices*/
.RedText { 
	font-family: Arial; 
	font-style: normal; 
	color: #990000;
	}