/* CLV staff intranet CSS Document */

/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
global styles 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
* {border:none; margin:0; padding:0;}

html {
	height: 100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525051;
	background-color: #C6C6C6;
	}
/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
elements
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
#page {
	width:740px;
	color:#999999;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	}
#header {
	margin-bottom:6px;
	background-color: #646263;
	}
#header a {cursor:pointer;}

.indexBar {
	padding: 0px;
	margin: 0px;
	background-color: #A0C804;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.indexBar a:link, .indexBar a:visited {
	color: #FFFFFF;
	cursor: pointer;	
}
.indexBar a:hover {
	color: #6C8703;
	cursor: pointer;
}
/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
list items
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
ul {margin-top:5px;}
ul li, ol li {
	font-size: 0.7em;
	line-height: 18px;
	font-weight: normal;
	padding-left: 0px;
	margin-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

ul li ul li, ol li ol li {
	font-size: 1em;
	line-height: 18px;
	font-weight: normal;
	margin-left: 15px;
	}
/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
text padding and margin
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
h1,h3,h4,h5,h6 {margin:0px 0px 0px 0px; padding: 3px 10px 3px 10px;
      }
h2 {margin:0px 10px 0px 10px; padding: 3px 0px 3px 0px;
      }
p {margin:0px; padding: 10px 10px 0px 10px;
      }
/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
text styling
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
p {
	line-height: 18px;
	font-weight: normal;
	font-size: 0.7em;
	}


h1 {
	display:block;
	font-size: 0.8em;
	line-height: 18px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	background-color: #A0C804;
	}
h2 {
	display:block;
	font-size: 0.7em;
	line-height: 18px;
	font-weight: normal;
	font-style: normal;
	color: #A0C804;
	padding-bottom: 4px;
	background-image: url(../images/graphics/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}
h3 {
	display:block;
	font-size: 0.7em;
	line-height: 18px;
	font-weight: bold;
	font-style: normal;
	color: #A0C804;
	background-color: #FFFFFF;
	margin-top: 22px;
	margin-bottom: 9px;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-right: 10px;
	margin-left: 10px;
	}

/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
global link styles
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
a:link, a:visited {
	color: #A0C804;text-decoration: none;
	}
a:hover {
	color: #6C8703;text-decoration: none;
	}


/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
global table styling
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/


/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
table cells
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
table {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 90%;
}

/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
coulumn widths
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
 .c1,.c2,.c3,.c4 {
	float:left;
	display: inline;
      }
 .c1 {width:11.6em;
      }
 .c2 {width:23em;
      }
 .c3 {width:34.6em;
      }
 .c4 {width:46.2em;
      }  
/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
content container
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
#content {
	margin: 0px;
	padding: 0px;
}
/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
bCopy + all
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
.bCopy {
	margin: 0px;
	color:#999999;
	padding: 0px;
	}
.bCopy{
	margin-bottom:5px;
	}  
/*

/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
footer
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
#footer {
	color:#FFFFFF;
	background-color: #646263;
	float: left;
	width: 100%;
	font-size: 0.9em;
	}
#footer ul {
	list-style-type: none;
	position:relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline;
	margin: 0px;
	}
#footer ul li {
	margin: 0px;
	padding:4px 0px;
	display:inline;
	}
#footer ul li a, #footer ul li a:visited {
	margin: 0px;
	padding-right:8px;
	padding-left:8px;
	float:left;
	color:#FFFFFF;
	background-color: #646263;
	background-image: url(../images/graphics/menu_divider.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 0px;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	}
#footer ul li a:hover { 
	color: #A0C804;
	background-color: #646263;
	}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  HACKS / BUGGN'
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  
 
mozilla & safari : 
these browsers add 4px padding-bottom to
IMG and OBJECT tags. To fix, set tags to display 
as BLOCK with 0px margin, padding. 
*/
img, object {
	margin:0px;
	padding: 0px;
	display: block;
}
img {border:none
	}					
/*all browsers : 
if floated divs are placed inside a div, the
wrapper div will not stretch around the floated
divs. To fix, ensure a 'block' element is placed underneath
the floated elements, to give the wrapper something to stretch
around. ensure block element includes clear:both rule.  Or you
can add this class to the lowermost 
floated div */
.stretcher {font-size:1px;clear:both; 
	}	
/*all - force wrapper div to stretch */	

/* ie win :
doubles the margin width of floated divs. see
http: //www.positioniseverything.net/explorer/doubled-margin.html 
to fix, add display:inline to all floated divs. 


LINK LISTS : IEWIN ADDS LINE BREAKS BETWEEN <li> TAGS. 

win IE will add line breaks between
each list item if the list item tags have a 
carriage return between them, eg:

<li>IE winsanity </li>
<li>please fix it  bill</li>

will cause the browser to render an extra br 
between the two items. To prevent this, 
write tags  as follows. <li>IE winsanity </li><li>please fix it  bill</li>

Mystery IE6 Bug: on dropdown list menus.

IE6. A background must be declared on the li a, else when a sub-menu stretches further (vertically) 
than the main menu itself, the links start to disappear before you have time to click them. 
*/
	
/* End */

/* CSS Document */

/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
	GLOBAL FORM CONTROLS
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
select, input, textarea {
	width:90%;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #727272;
	border-right-color: #BBBBBB;
	border-bottom-color: #A4A4A4;
	border-left-color: #BFBFBF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	}

option {
	color:#666666;
	background-image: url(../images/graphics/mesh_lime.gif);
	background-repeat: repeat;
}

option value {
	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	
	color: #666666;
}

textarea {
	height:5em;
}


/* ******************************************************
	GIVE YOUR CHECK BOXES THE CLASS checkbox
******************************************************* */
input.checkbox {
	float: left;
	width: 30px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* ******************************************************
	GIVE YOUR BUTTONS THE CLASS bttn
******************************************************* */
input.bttn {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #669900;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
	border-left-color: #669900;
	background-color: #A0C804;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
}


/* ******************************************************
	FORM BACKGROUNDS
******************************************************* */
.bkg1 {
	background-image: url(../images/graphics/mesh_cream.gif);
	background-repeat: repeat;
	background-position: left top;
}
.bkg2, .validate {
	background-image: url(../images/graphics/mesh_lime.gif);
	background-repeat: repeat;
	background-position: left top;
}


/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
validation rules
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/
.validate {background-color:#A0B604; color:#A0C804;float:inherit; border:0px; visibility:hidden;}


/*
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
test styling for hidden content areas
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
*/

div table .imgBox {
	margin-top: 20px;
}