/* *******************************

Orchid customstyles.css, Version 1.0

JB01
******************************* */

body {
	background: #51cced url(http://www.electricdrive.org/sites/conf2008/ht/a/GetImageAction/i/213) repeat-x;
	font-family: arial, verdana, sans-serif;
	margin-top: 13px;
	}

div#sitecontainer {
	background: #fff url(http://www.electricdrive.org/sites/conf2008/ht/a/GetImageAction/i/216) no-repeat top right;
	border: none;
	border-left: 1px solid #6d97ad;
	width: 978px;
}



#main {
    float: right;                
    width: 630px;
	padding-left: 20px;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 0px;
	line-height: 140%;
}
.threecolumn #main {
	width: 548px;
	padding-right: 20px;
	}
	
strong {
	/*color: #000;*/
	}

#footer {
	margin 0 auto;
		color: #ffffff;
    clear: both;
    padding-left: 0px;
    padding-top: 10px;
    text-align: center;
}

#footer .address b {
	font-family: verdana, sans-serif;
	}

#footer .address a, #footer strong, #powered, #powered a {
	color: #fff;
	}

/* *******************************

HOVER

The color needs an !important to overrule the normal link colors, which are set on
a selector containing an ID. Normally ID overrides CLASS, but in this specific instance
we don't want that.

******************************* */

.nav div a hover {
	color: #1E2472 !important;
	background-color: #cccccc;
}

#main a {
	text-decoration: none;
	color: #072e50;
}

#main a:hover {
	color: #11416a;
	background-color: #e6e7e7;
	text-decoration: underline;
}


/* *******************************

TOP NAVIGATION

ISSUE: Nav height.

******************************* */

#nav1 {
	display: none;
	background-color: #660000;
	
}

#nav1 a {
	color: #ffffff;
	font-family: 'gill sans','trebuchet ms', trebuchet, arial, sans-serif;
	font-weight: 600;
	border: 2px solid #660000;
}

#nav1 a hover {
	border-style: inset;
}

#nav1 div a {
	color: #003399;
	font-weight: 300;
	border: none !important;
}

a#contribute {
	background-color: #000033;
	border: 2px solid #000033;
}

.nav ul {
    margin: 0;
    padding: 0;
}

.nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav a {
    text-decoration: none;
}

.nav li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

#nav1 {
    width: 800px;
    height: 20px;
}

#nav1 li {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 90%;
}

#nav1 a {
    width: 129px;
    height: 13px;
    display: block;
    text-align: center;
}

#nav1 div a {
    text-align: left;
    width: 100px;
    height: auto;
}


/* *******************************

LEFT NAVIGATION

******************************* */


#nav2 {
	background: #216587 url(http://www.electricdrive.org/sites/conf2008/ht/a/GetImageAction/i/214) no-repeat top right;
	text-align: right;
	padding-bottom: 150px;
}

#nav2 a {

	font-weight: bold;
	color: #eae827;
}

#nav2 div {
	background-color: #072e4f;
	border: none;
	width: 130px;
	}

#nav2 div a {
	font-weight: 300;
}

#nav2 div.foldOut {
	width: 130px;
	left: 175px !important;
	}

ul.attention {


}

#nav2 ul.attention a {
	color: #003;
}

a#special1 {

}

#nav2 {
    float: left;
    width: 202px;
    padding-top: 0px;
}

#nav2 li {
	display: block;
	list-style-type: none;
	text-align: right; 
    margin: 0 2px 0px 20px;
	padding: 0;
    line-height: 130%;
    border-bottom: 1px solid #1e4260;
}

#nav2 a {
	
	display: block;
	list-style-type: none;
	text-align: right; 
	padding: 10px 20px 10px 0px;
    margin: 0;
}

#nav2 a:hover {
	color: white;
	}

#nav2 ul.attention {
    margin: 6px;
}

#nav2 ul.attention li {
    margin: 0;
    padding-bottom: 4px;
}

#nav2 ul.attention li a {
    background-image: none;
    display: inline-block;
    padding-left: 10px;
}

#nav2 ul.textsize {
    margin-top: 30px;
}

#nav2 img {
	margin-right: -10px;
	}

/* *******************************

HEADERS

******************************* */
h1, h2, h3, h4 {
	text-align: left;
	border: none;
	background-color: transparent;
	}


h1 {
	font-size: 160%;
    padding: 1px 0px 1px 0px;
    color: #00a68d;
}

h2 {
    font-size: 125%;
    padding: 0px 0px 0px 0px;
    color: #1e4260;
	line-height: 125%;
}

h3 {
    font-size: 120%;
    color: #003399;
    background-image: url(http://orchidsuites.net/orchid/skins/JB01-1/images/navbullet.gif);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px;
}

h4 {
    font-size: 100%;
    margin: 0;
}

/* *******************************

HEADERS HOME

For Alert Messages and Features

******************************* */

.homealertmsg {
	text-align: left;
	color: #264a6c;
	background-color: #eae827;
	margin: 0px 10px 20px 10px;
	padding: 20px;
}

.homealertmsg a {
	text-decoration: none;
}



.homealertmsg h2,.homefeature h2 {
	background-color: transparent;
	color: #264a6c;
}



/* *******************************

EXTRA

Third column, if any. 

******************************* */

#extra {
	text-align: center;
	width: 156px;
	padding-right: 17px;
	padding-bottom: 0px;
	background: url(http://www.electricdrive.org/sites/conf2008/ht/a/GetImageAction/i/266) no-repeat top left;
	border: none;
	padding-top: 18px;
	color: #7e8095;
}

#extra b {
	color: #7e8095;
	}

#extra a {
	color: #7e8095;
	text-decoration: none;
}

#extra img {
	padding: 10px;
	background: url(http://www.electricdrive.org/sites/conf2008/ht/a/GetImageAction/i/241) no-repeat bottom left;
	}

/* *******************************

HOMEPAGE

Special styles for the homepage

******************************* */

#main div.releases a {
	color: #00a68d;
}


/* 	POPUP		*/
body.popup {
	color: white;
	}
	
 body.popup a {
 	color: #d6dc2a;
 	}


/* Anon Reg Form Style */


.NextButton { 
border:1px solid #49bbdc;
width:75px;
color:#002244;
background-color:#FFFFFF;
}
.noBorder {
border:none !important;
}
#AttInfo {
	margin:5px;
	position:relative;
	}
#AttInfo input {
	width:150px;
	height:17px;
	}
#AttInfo select {
	width:150px;
	height:17px;
	}
.RegInfoWrap  {
border:2px solid #49bbdc;
  margin:10px;
}
.RegInfoContainer strong{
	color:#002244;
}
.RegInfoContainer {
	width:630px;
	position: relative;
	}
.RegInfoContainer2 {
	width:600px;
	position: relative;
	}
.RegInfoContainer input{
  border:1px solid #000;
  
}

.RegInfoWrap small {
color:#FF0000;
}
.RegInfoWrap ul {
  width:98%;
  clear:both;
  padding:0px;
  margin:0px;
  }
 .RegInfoWrap ul li.ri01{ width:130px;}
 .RegInfoWrap ul li.ri02{ width:100px;}
 .RegInfoWrap ul li.ri03{ width:60px;}
 .RegInfoWrap ul li.liHead{
  float:left;
  text-align:left;
  list-style:none;
  width:200px;
  padding:0px;
  margin:0px;
  }
  .RegInfoWrap ul.pbaUl li{
  text-align:left;
  width:100%;
  list-style:none;
  padding:0px;
  margin:0px;
  }

 .RegInfoWrap ul li{
  float:left;
  text-align:left;
  list-style:none;
  padding:0px;
  margin:0px;
  }
 li.liHead{
  float:left;
  text-align:left;
  list-style:none;
  width:100px;
  padding:0px;
  margin:0px;
  }
.cleared {
clear:both;
line-height:1px;
height:1px;
  padding:0px;
  margin:0px;
}

.leftLabel {
float:left;
width:32%;
  padding:0 5px 0;
  text-align:right;
  margin:0 0px 0 2px;
  position: relative;
font-weight: bold;
}
.RighInput {
float:left;
position: relative;
width:65%;
  padding:0px;
  margin:0 2px 0 0px;
}

.RegInfoContainer strong.RegError {
  font-size:1.2em;
  color:#c00;
}