/* ##############################################################
#################################################################
######### Standard StyleSheet for Coover Group ##################
#################################################################
#################################################################
Version $Id: main.css,v 1.14 2005/06/10 21:11:22 greg Exp $ */

/* ##############################################################
############################################################## */
/* STANDARD PROPERTIES */

/* the default body font color, background color, font, etc */
BODY, TD {
	color: #414141;
	margin: 0px;
	font-family: Verdana;
	font-size: 11px;
}

/* format ordered & numbered lists the way we want */
OL, UL {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
}

/* remove any margins from the form tag */
FORM {
	margin: 0px;
}

/* set the border=0 to all images by default */
IMG {
	border: none;
	background: none;
}




/* ##############################################################
############################################################## */
/* CUSTOM CLASSES */

/* the link class for the main menu */
#main_menu a:link, #main_menu a:visited, #main_menu a:active {
	color: #414141;
	font-size: 9pt;
	font-weight: bold;
	background-color: transparent;
	white-space: nowrap;
}
#main_menu a:hover {
	color: #66CC33;
}

/* for the outside infinite parts of the 'head' */
.outside {
	background-color: #F2EFE0;
}

/* default settings for the left */
#left {
	padding: 10px 10px 10px 10px;
	background: #F2EFE0;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #B3B1A6;
}

/* the search box in the left menu */
#search {
	background: #F2EFE0;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #B3B1A6;
}

/* the search bar style */
#search input {
	border: 1px solid #414141;
	color: #414141;
	background-color: #FFF;
	font-size: 7pt;
	font-family: Verdana;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	text-align: nowrap;
}

/* the defualt settings for the body section on 2 & 3 column layout */
#body {
	padding: 10px 10px 10px 10px;
	border-right: 1px solid;
	border-color: #B3B1A6;
}

/* the defualt settings for the body section on 2 & 3 column layout */
#body_1 {
	padding: 10px 10px 10px 10px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #B3B1A6;
}

/* the style that creates the nice looking tables -
	only use it in the body, it messes the template up */
#body TABLE {
	border-collapse: collapse;
}

/* default settings for the left */
#right {
	padding: 10px 10px 10px 10px;
	background: #F2EFE0;
	border-right: 1px solid;
	border-color: #B3B1A6;
}

/* defines the size and color of the footer */
.footer {
	border-top: 1px solid;
	border-color: #B3B1A6;
	color: #B3B1A6;
	font-size: 11px;
}


/* a class to make text stand out.  used for headings, etc */
.title {
 color: #66CC33;
 font-size: 18px;
 font-weight: bold;
}


/* a class to make text stand out.  used for SUBheadings, etc */
.subtitle {
 color: #66CC33;
 font-size: 14px;
 font-weight: bold;
}


/* a class for grey bold quotes */
.quote {
 color: #414141;
 font-size: 12px;
 font-weight: bold;
}


/* class to create the head for the News section */
#head_news {
 padding-bottom: 15px;
}
#head_news DIV {
 font-size: 18px;
 font-weight: bold;
 border-bottom: 1px solid;
 border-color: #B3B1A6;
}


/* similar to the above class, only for the News section */
.title_news {
 color: #66CC33;
 font-size: 12px;
 font-weight: bold;
}


/* the class to set a separator line inbetween sections */
#separator {
	height: 31px;
	text-align: middle;
}
#separator div {
	border-bottom: 1px dotted;
	border-color: #B3B1A6;
}


/* this class produces a 5 pixel pad around a div or a table cell */
.padding {
	padding: 5px 5px 5px 5px;
}
.margin {
	margin: 5px 5px 5px 5px;
}

/* These are the specific side paddings */
.padding-top {		padding-top: 5px;	}
.padding-right {	padding-right: 5px;	}
.padding-left {		padding-left: 5px;	}
.padding-bottom {	padding-bottom: 5px;	}
.margin-top {		margin-top: 5px;	}
.margin-right {		margin-top: 5px;	}
.margin-left {		margin-top: 5px;	}
.margin-bottom {	margin-top: 5px;	}

/* This class will provide a pagebreak for printing */
br.pagebreak {
	page-break-before: always;
}


/* ##############################################################
############################################################## */
/* TABLE CLASSES */

/* this class standardizes the way we make form titles look 
	and provides a nice spacing between cells */
#form TD {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* a light-gray color */
td.gray, div.gray {
/*	color: #000;*/
	background-color: #f4f4f4;
}

/* a dark gray color */
td.dark_gray {
	color: #fff;
	background-color: #999;
}




/* ##############################################################
############################################################## */
/* LINK CLASSES */

/* the default link attributes */
a {
	text-decoration: none;
}
a:link, a:visited, a:active {
	color: #414141;
	font-weight: bold;
	background-color: transparent;
}
a:hover {
	color: #66CC33;
}

/* the default for sublinks */
a.sublink:link, a.sublink:visited, a.sublink:active {
	color: #414141;
	font-weight: normal;
	background-color: transparent;
}
a.sublink:hover {
	color: #66CC33;
}

/* the link class for gray */
a.gray:link, a.gray:visited, a.gray:active {
	background-color: #f4f4f4;
}

/* the link class for gray */
a.dark_gray:link, a.dark_gray:visited, a.dark_gray:active {
	color: #fff;
	background-color: #999;
}
a.dark_gray:hover {
	color: #ffd700;
}


/* the link class for the main footer */
a.main_footer:link, a.main_footer:visited, a.main_footer:active {
	color: #B3B1A6;
	font-weight: normal;
	background-color: transparent;
}
a.main_footer:hover {
	color: #66CC33;
}