/*	
	
	CSS Screen Selectors for Claritydelivers.com
	$Revision: 1.01 $

*/

/* ELEMENTS */

body, td 		{ font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; }

form {
	margin: 0; padding: 0;
}

input {
	font-size: 10px; 
	font-family: Verdana, sans-serif; 
	color: #606; 
	background: #FFF;
	width: 100%;
	margin-bottom: 2px;
	border: 1px solid #CCC;
}

h1 {
	font-size: 14px; 
	color: #333;
	font-weight: bold;
	margin: 0 0 0 0;
}
			
h2 {
	font-size: 12px; 
	color: #606;
	line-height: 16px;
	font-weight: normal;
	margin: 0 0 20px 0;
}
			
h3 {
	font-size: 11px; 
	color: #333;
	font-weight: bold;
	margin: 0;
}

h4 {
	font-size: 10px; 
	color: #333;
	line-height: 14px;
	font-weight: bold;
}

ol li {
	padding-bottom: 20px;
}

/* IDs */

#bodycopy {
	font-size: 11px; 
	color: #333;
	margin: 17px 32px 17px 58px;
}

#bodycopy p {
	margin: 0 0 20px 0;
}

#footer	{
	font-size: 10px; 
	color: #999;
	padding: 6px 12px 14px 58px;
}

#backtotop	{
	padding: 9px 12px 0 0;
}

/* CLASSES */

.menutd {
	border-left: 1px solid #CCC;
}

.submenutd {
	border-right: 1px solid #CCC; 
	background: #606;
	vertical-align: middle; 
	text-align: left;
}

.bottomtd {
	background: #CFB7CF;
	height: 24px;
}

.righttd {
	border-right: 1px solid #CCC;
}

.lite	{
	font-size: 10px; 
	color: #999;
}

.dark	{
	font-size: 10px; 
	color: #333;
}

.purple	{
	font-size: 10px; 
	color: #606;
}

.sidemargin {
	margin: 5px 15px 5px 15px;
}

.sidemargin ul {
	list-style-type: none;
	line-height: 12px;
	margin: 0; padding: 0;
}

.list ul {
	list-style-type: none;
	line-height: 19px;
	margin: 0; padding: 0;
	font-size: 11px;
}

.list_body ul {
	list-style-type: none;
	line-height: 19px;
	margin: 0; padding: 0;
	font-size: 11px;
	color: #999;
	font-style: italic;
}

.images {
	margin: 0 7px 6px 0px;
	color: #999;
}

	
/* MAIN LINKS */

a:link  		{ color: #606; }
a:visited  		{ color: #606; }
a:hover 		{ color: #C0C; }
a:active  		{ color: #C0C; }

a { 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 14px;
}

/* MENU AND SUBMENU LINKS */

#menu {
	margin: 0; padding: 0;
	height: 24px;
}

#menu a {
	display: block;
	float:left;
	padding: 7px 8px 7px 9px;
	margin: 0;
	color: #606;
	font-weight: bold;
	height: 10px;
}

#menu a:hover {
	color: #C0C;
	background: #E6E6E6;

}

#menu a:active	{
	color: #C0C;
	background: #E6E6E6;
}

#submenu {
	margin: 0 0 0 50px;
	padding: 0;
	height: 24px;
}

#submenu  a {
	display:block;
	float:left;
	padding:7px;
	letter-spacing: 1px;
	color: #FFF;
	line-height: 10px;
}

#submenu a:hover {
	color: #FFF;
	background: #303;
}

#submenu a:active	{
	color: #FFF;
	background: #303;
}

.list_body A:link		{ color:#606; }
.list_body A:visited  	{ color:#606; }
.list_body A:hover	  	{ color:#C0C; }
.list_body A:active  	{ color:#C0C; }

.list_body A { 
	font-size: 11px; 
	font-style: normal;
}

/* FOOTER LINKS */

#footer A:link		{ color:#999; }
#footer A:visited  	{ color:#999; }
#footer A:hover  	{ color:#C0C; }
#footer A:active  	{ color:#C0C; }

#footer A { 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 10px; 
}

#nav_column1 { width:297px; height:302px; margin:0px; padding:0px; background:url(../images/bg_corporate.gif) no-repeat; color:#BBDEFD; font-family:Verdana; font-size:12px; line-height:14px; float:left; }
#nav_column1 li { width:297px; height:25px; margin:0px; padding:0px; list-style:none; float:left; }

#nav_column2 { width:295px; height:302px; margin:0px; padding:0px; background:url(../images/bg_business.gif) no-repeat; color:#DFB1EF; font-family:Verdana; font-size:12px; float:left; }
#nav_column2 li { width:295px; height:25px; margin:0px; padding:0px; list-style:none; float:left; }