/* CLV SUV CSS Document */

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GLOBAL ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

* {border:none; padding:0px; margin:0px;}
html {height: 100%;}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background-color: #E1E8F2;
	background-image: url(../images/site_elements/backg2.gif);
	background-repeat: repeat;
	background-position: left top;
}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 	UNIQUE ID's
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
#page {
	width:900px;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
	background-color: #f0f0f0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-color: #F0F0F0;
	padding: 0px;
	}

#pageF {
	width:100%;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
	background-color: #f0f0f0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-color: #F0F0F0;
	padding: 0px;
	}
	
#header{
	padding:0px;
	margin:0px;
	float: left;
	width: 100%;
      }
#header table {
background-color:#4966B6; margin:0px; padding:0px;
}
#header a {cursor:pointer;}

#content{
	clear:both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
      }
/*footer*/
#footer {
	background-repeat: no-repeat;
	background-image: url(../images/site_elements/footerBackg-img.jpg);
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
}
#footer ul {
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#footer li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#footer li, #footer li a:link, #footer li a:visited {
	color:#333333;
	margin:0px 5px 0px 0px;
	padding:0px;
	text-decoration:none;
	cursor:pointer;
}
#footer li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
#footer .separator {
	background-color:#BCD1F0;
	color:#FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#footer .separator a:link, #footer .separator a:visited {
	color: #FFFFFF;
}
#footer  .separator  a:hover {
	color: #4966B6;
}
#footer .contagion p {
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}
#footer p {}

#FF{
	background-repeat: no-repeat;
	background-image: url(../images/site_elements/footerBackg-img.jpg);
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #93B6DD;
}
#FF ul {
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#FF li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#FF li, #FF li a:link, #FF li a:visited {
	color:#333333;
	margin:0px 5px 0px 0px;
	padding:0px;
	text-decoration:none;
	cursor:pointer;
}
#FF li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
#FF .separator {
	background-color:#BCD1F0;
	color:#FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#FF .separator a:link, #FF .separator a:visited {
	color: #FFFFFF;
}
#FF  .separator  a:hover {
	color: #4966B6;
}
#FF .contagion p {
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}
#FF p {}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GLOBAL HYPERLINK ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
a:link, a:visited{
	color: #2D4587;
	text-decoration: none;
      }
a:hover{
	color: #98B8DE;
	text-decoration: none;
      }
 /*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	FONT
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
h1, h2, h3, h4, h5, h6, p {
	padding-top: 2.5px;
	padding-right: 10px;
	padding-bottom: 2.5px;
	padding-left: 10px;
	margin: 0px;
}
h1 {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #33497B;
	background-image: url(../images/site_elements/titleBackg-img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 4px;
}
h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #4966B6;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
h3 {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	line-height: normal;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}
h4 {}
h5 {}
h6 {
	font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #344E89;
	color: #FCFFF5;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../images/site_elements/titleBackg-img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
p {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	LISTS STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
ul {
	margin-bottom:5px;
	margin-top: 5px;
}
ol {
	margin-bottom:5px;
	margin-top: 5px;
}
ul li {
	line-height: normal;
	font-weight: normal;
	margin-left: 30px;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

ol li {
	line-height: 12px;
	font-weight: normal;
	margin-left: 30px;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	}

.oLink {margin-top:20px; margin-bottom:5px;}
.oLink li {margin-top:0px; padding-top:0px;}

ul li ul li, ol li ol li {
	line-height: 18px;
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}
ol li ol li {
	list-style-type: lower-alpha;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	BACKGROUNDS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bkg1 {background-color:#FCFFF5; color:#333333;}
.bkg2 {background-color:#D1DBBD; color:#333333;}
.bkg3 {background-color:#91AA9D; color:#333333;}
.bkg4 {background-color:#3E606F; color:#FFFFFF;}
.bkg5 {background-color:#193441; color:#FFFFFF;}

.backgNav {
	background-image: url(../images/site_elements/navBackg-img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #D4DEEA;
}
.backgNavBlue {
	background-color:#D4DDEE;
}

.backgWhite {
	background-color:#f0f0f0;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TEXT COLOURING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.blueTxt {
	color: #4966B6;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	CLASSES
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.box  {
	margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	margin-bottom: 0px;
	border: thin none #FFFFFF;
}
.topboxes {
	display:block;
	float:left;
	background-color:#FFFFFF;
	margin-bottom:5px;
}
.results {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E0E0E0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0E0E0;
}
.results td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E0E0E0;
	padding-bottom: 0px;
}
.results img {
	padding:4px;
	border-color: #333333;
	border-left-color: #333333;
	border-right-color: #333333;
	border-top-color: #333333;
}

.overflow {
	overflow: auto;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TABLE STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
table{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 98%;
      }
table p{
	color: #6B6B6B;
	line-height: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
      }
			
table .results {width:98%; overflow:hidden;}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Table formatting class
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

.tHeader	{
	margin: 0px;
	background-color: #f0f0f0;
      }
.tHeader p	{
	color: #6B6B6B;
	line-height: 24px;
      }
td p, td{
	color: #6B6B6B;
	line-height: 14px;
      }
*/

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	COLUMN WIDTHS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
 .c1,.c2,.c3,.c4,.cF{
	float:left;
	display: inline;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
      }
 .c1{
	width:220px;
	overflow: hidden;
      }
 .c2{
	width:448px;
      }
 .c3{
	width:676px;
      }
 .c4{
	width:900px;
      }
			
	.cF{
	width: 100%;
		}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	INNER BOX STYLING ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bCopy,.bAd,.bSnippet,.bMenu,.bCaption,.bSpacer,.topboxes{
	margin: 0px 0px 4px 4px;
	border-style: solid;
	border-color:#E0E0E0;
	border-width: 1px;
	background-color: #ffffff;
      }
.bCopy form {
	margin-left: 5px;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	bImage
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bImage{
	margin: 0px 0px 4px 4px;
	border-style: solid;
	border-color:#E0E0E0;
	border-width: 1px;
	background-image: url(../images/site_elements/etchcraft_07_tint.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #DFE7F1;
      }
			
.bSpacer{
	background-color: #ffffff;
      }
			
.bImage,.bSpacer{
	height:10px;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	bCopy
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bCopy{
	padding: 0px;
      }
			
.bCopy  a:link, .bCopy  a:visited {
	color: #98B8DE;
	text-decoration: none;
	cursor: pointer;
}
.bCopy a:hover {
	color: #4966B6;
	text-decoration: none;
	cursor: pointer;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	bAd
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bAd {}
.bAd h1 {
	font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #98B8DE;
	color: #FCFFF5;
	padding-top: 7px;
	padding-bottom: 6px;
	margin: 4px;
	text-transform: capitalize;
	background-image: none;
}
.bAd h2 {
	margin:4px;
	font-size:10px;
	text-align:left;
	background-color:#999999;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: capitalize;
}
.bAd h2 a:link, .bAd h2 a:visited {
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
.bAd h2 a:hover {
	color: #333333;
	text-decoration:none;
	cursor:pointer;
}
.bAd h6{
	text-align: left;
}
.bAd p{
	text-align:left;
}
.bAd a:link, .bAd a:visited, .bAd a:hover{}
.highlight {
	color: #999999;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	bMenu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
/* +++++ bMenu  +++++ */
.bMenu h1, .bMenu li h1 a:link; {
	margin:0px;
	padding: 10px 10px 0px 0px;
	text-align:right;
	color: #FFFFFF;
	background-color:#E0E0E0;
	border: 3px solid #4966B6;
}
.bMenu ul {border:none;}
.bMenu ul h1 {
	background-image: url(../images/site_elements/linkBackg-img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:11px;
	text-transform:uppercase;
}
.bMenu ul li a:link, .bMenu ul li a:visited, .bMenu ul li a:hover {color:#FFFFFF;}
.bMenu ul li ul {
	margin-bottom:10px;
	padding-bottom:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
	border-left-color: #E0E0E0;
}
.bMenu ul li ul li {
	border-bottom: 1px solid #E0E0E0;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.bMenu h1{
	display:block;
	height:20px;
	margin:0px;
	font-size:10px;
	font-weight: bold;
	padding 0px; 4px; 0px; 0px;
	text-align:right;
	color: #FFFFFF;
	background-color: transparent;
      }
.bMenu ul{
	list-style-type: none;
	font-size:10px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
      }
.bMenu li{
	margin: 0px;
	padding:4px 4px 0px 4px;
	background-image: url(../images/graphics/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
    }
	.bMenu li a, .bMenu li a:visited{
	display: block;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color:#A19FA0;
	text-align:right;
      }
	 .bMenu li a:hover{
	color:#A0C804;
	text-decoration: none;
     }

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  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 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
      }/*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 */

.floatClear{font-size:20px;clear:both;
      }		

/* 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. 
*/
	
/*
IE5.01 on Windows : dropdown menu jumps around when you hover over some of its items. 
The problem is fixed as follows: note using the holly hack to hide from other borwsers..  \*/
* html #sitemenu ul li { float: left;}
* html #sitemenu ul li a { height: 1%;}
/* End */


.stretcher{font-size:20px;clear:both;}	

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
	GLOBAL FORM CONTROLS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
form {
	margin:0px; padding:0; border:none;
	}

select, input, textarea {
	
	margin: 0px;
	padding: 0px;

	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;
	color: #666666;
	}

input, select {font-size:11px;}

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

option value {
	padding: 3px;

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

textarea {
	font-size: 11px;
	margin-top: 10px;
}

label {margin-top:5px; margin-bottom:5px;
	}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GIVE YOUR CHECK BOXES THE CLASS checkbox
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
input.checkbox {
	float: left;
	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;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: normal;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	STYLING FOR THE SEASON ADS IN THE CONFERENCES AND EVENTS SECTION
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

