html, body, ul, li {margin: 0; padding: 0; border: 0;}

body {
	margin: 20px;
	padding: 0;
	background-color: #F7F7F7;
	font-size: 78%;
	}
/*header*/	
#headboxcont {
	width: 100%;
	background-color: #F7F7F7;
	background-image: url(images/header_back.jpg);
	background-repeat: repeat-x;
	}
	
/*left nav*/
.float-holder-left ul {
	background-image: url(images/border_left_dots.gif);
	background-repeat: repeat-y;
	}
/*
.float-holder-left ul ul {
	background-image: url(images/border_secondmenu_dots.gif);
	background-repeat: repeat-y;
	}
*/	
.float-holder-left ul ul {
	border: 1px solid #CC0000;
	background-image: none;
	background-color: white;
	}


.nav li {
	list-style: none;
	position: relative;
	text-align: left;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/border_bottom_dots.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
/* sets different dots for wider 2nd nav */
.nav li li {
	list-style: none;
	position: relative;
	text-align: left;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/border_bottom_dotswide.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
.nav a {
  display: block;
  vertical-align: bottom; /* needed for IE5/win */
	color: #CC0000;
	text-decoration: none;
	padding: 6px 10px; /* spacing in between menu items */
	}

.nav a:hover {color: #fff; background-color: #CC0000;  } 
	
.nav a:focus, .nav a.sffocus { /* enhances the focus styling for keyboard tabbing */
	background-color: #CC0000 !important;
	color: white;
	}

.float-holder-left {
	width: 120px;
	float: left;
	margin: 20px 9px 0 0;
	}

.nav div {
  width: 120px;
  position: absolute;  
  left: -3000px;
   }

/* \*/
.nav div {
  width: 190px;
  wid\th: 120px;
	}
/* Box model fix for IE5.x Win */
/* the following set the secondary nav wider */
.float-holder-left ul ul{
	width: 150px;
	float: left;
	margin: 20px 9px 0 0;
	}

.nav div ul ul{
  width: 150px;
  position: absolute;  
  left: -3000px;
   }

/* \*/
.nav div ul ul {
  width: 220px;
  wid\th: 150px;
	}
/* Box model fix for IE5.x Win */

	
.float-holder-left div {
  padding: 30px 60px 30px 10px;
	}


.float-holder-left .nav div.zone {
  padding: 0;
  width: 120px;
	height: 10px;  
	left: -3000px;
	top: auto;
	bottom: -10px;
  font-size: 1px;
	}

.float-holder-left .nav li:hover div.zone,
.float-holder-right .nav li:hover div.zone {
	left: 0;
	}

.float-holder-left li:hover div div,
.float-holder-left div li:hover div div,
.float-holder-right li:hover div div,
.float-holder-right div li:hover div div {
	left: -3000px;
	}



.float-holder-left li:hover div,
.float-holder-left div li:hover div,
.float-holder-left div div li:hover div.rightbox,
.float-holder-right div div li:hover div.rightbox {
  left: 96px;
  top: -28px;
  }

.float-holder-left div div li:hover div.leftbox,
.float-holder-right li:hover div,
.float-holder-right div li:hover div,
.float-holder-right div div li:hover div.leftbox {
  left: auto;
  right: 96px;
  top: -28px;
  }


.about {z-index: 9; }

.about li {}

.community {z-index: 8;}

.community li {}

.training {z-index: 7; }

.training li {}

.resources {z-index: 6; }

.resources li {}

.press {z-index: 5; }

.press li {}

.nav ul a {color: #CC0000;}/* color of secondary links */
	
.float-holder-left .arrow {
	background: url(images/arrow-right.gif) no-repeat 100% 50%; 
}

.float-holder-left .last_dotless {
	background-image: none;
	background-color: white;
}

/*
.float-holder-left .topborder {
background: url(images/border_top_dots.gif) no-repeat left top; 
}
*/
.in-arrow-left {
background: url(images/arrow-left-lite.gif) 100% .4em no-repeat;
}
	
/* \*/ /*/ 

.nav div, .nav ul ul .leftbox, .nav ul ul .rightbox { 
  position: relative;
	left: 5px;
	padding: 0;
	}

.nav .arrow, .nav .arrow-double {border-bottom: 1px solid #000;}

.zone {display: none;}

/* */

.classW {font-size: .6em !important;}

.classW div, .classW ul ul .leftbox, .classW ul ul .rightbox, 
.classW li:hover div, .classW ul li:hover div .leftbox, .classW ul ul .rightbox {
  position: relative !important;
	left: 5px !important;
	top: 0 !important;
	padding: 0 !important;
	}

.classW .arrow, .classW .arrow-double, .classW .in-arrow-right, .classW .in-arrow-left {
border-bottom: 1px solid #000; 
background-image: none  !important;
}

.classW .zone {display: none;}

/*main content*/
.maincontent {
	margin: 20px 10px 10px 10px;
	padding: 0
	}
	
html>body .maincontent {
	margin: 20px 10px 10px 20px;
	padding: 0;
	} 
	
.maincontent img {
	margin-bottom: 10px;
	}
	
.maincontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #000;
	line-height: 1.5em;
	margin: 0 0 1em 0;
	padding: 0;
	}

.maincontent a:link, #footer a:visited {
	color: #0000CC;
	text-decoration:underline;
	}
	
.maincontent a:hover {
	color: #0000CC;
	text-decoration:none;
	}
	
.maincontent h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0b3a66;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
.maincontent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CC0000;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1em 0 1em 0;
	padding: 0;
	}
	
.maincontent ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: .9em;
	line-height: 1.3em;
	margin: 5px 5px 5px 20px;
	}

.maincontent ul li {
	margin-bottom: 1em;
	}
	
/*right column*/
.rightcol {
	padding: 0 0 0 10px;
	}
	
.events {
	width: 170px;
	font-family:'trebuchet ms',helvetica,sans-serif;
	background-color: #F7F7F7;
	border: 2px solid #f09d2c;
	padding: 0;
	margin: 0 0 10px 0;
	}
		
.login {
	width: 170px;
	border: 2px solid #768fad;
	background-color: #F7F7F7;
	padding: 0;
	margin: 0;
    font-family:'trebuchet ms',helvetica,sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #768fad;
	}	

.login table {
	margin: -10px 0 0 0;
	padding: 0;
	}
	
.login td {
	padding: 0 0 0 10px;
	}

.login p {
	margin: 5px;
	}
	
html>body .login table {
	margin: 0;
	padding: 0;
	} 

html>body .login td {
	padding: 10px 0 0 10px;
	} 

.events h3 {
	font-weight: bold;
	font-size: .9em;
	color: #f09d2c;
    font-family:'trebuchet ms',helvetica,sans-serif;
	padding: 5px 0px 0px 10px;
	margin: 0 0 0 0;
	}
	
.events h2 {
	font-size: .9em;
	color: #f09d2c;
    font-family:'trebuchet ms',helvetica,sans-serif;
	padding: 5px 5px 5px 10px;
	margin: 0 0 0 0;
	}

.events a:link, .events a:visited {
	text-decoration: none;
	color: #f09d2c;
	}
	
.events a:hover {
	color: #f09d2c;
	border-bottom:1px dotted #f09d2c;
	}
	
.events p {
    font-family:'trebuchet ms',helvetica,sans-serif;
	font-size: .9em;
	color: #000;
	line-height: 1.5em;
	padding: 0px 5px 5px 10px;
	margin: 0;
	}
	
/*footer*/
#footer {
	border-top: 1px solid #ccc;
	margin: 20px 20px 10px 0;
	padding: 20px 20px 10px 0;
	}
		
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}
	
#footer a:link, #footer a:visited {
	color: #0000CC;
	text-decoration:underline;
	}
	
#footer a:hover {
	color:#0000CC;
	text-decoration:none;
	}
	
input.btn{
   color:#768fad;
   font-family:'trebuchet ms',helvetica,sans-serif;
   float: right;
   font-size : 1em;
   background-color:#ffffff;
   border:1px solid #768fad;}
   
input {
	font-family : 'trebuchet ms', helvetica, sans-serif;
	font-size : .9em;
	}

#skip a {
	z-index : 2;
	color: #0B366D;
	position : absolute;
	font-size : .1em;
	background-color: #0B366D;
	}

.rightFloatingTableCell	{
	font-family : verdana, sans-serif;
	font-size : .81em;
	color: #CC0000;
	background-color : #ffffff;
	border : 1px solid #000000;
	}
	
.rightFloatingTableCell ul	{
	margin-left : -18px;
	}

td.rightcol {
	background-image: url(images/border_left_dots.gif);
	background-repeat: repeat-y;
	}