html {
     overflow: -moz-scrollbars-vertical;
}
/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
background: #FFFFFF url(../images/bg.jpg) repeat-x top;
word-wrap: break-word;
font:14px/1.5 Arial, AppleGothic, Sans-serif;
color:#666;
text-align:center;
}

td{
word-wrap: break-word; /* Internet Explorer 5.5+ */

}

#wrap {
background:#78747d;
color:#303030;
margin:0 auto;
width:760px;
word-wrap: break-word;
border:1px solid black;
text-align:left;
}

/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color:#ff9900;
background-color:inherit;
line-height: 1.2;
}

a:hover {
text-decoration:underline;
color:#ff9900;
background-color:inherit;
}

a img {
border:0;
}


/***** Header *****/
#header {
	padding:0px;
	border-bottom:3px solid #ff9900;
	padding-right:5px;
	height:125px;
}

#header #logo{
	float:left;
	padding-left:20px;
	padding-top:5px;
}

#header #headerTitle {
	color:#ffffff;
	font-size:220%;
	padding:0px;
	margin-top:40px;
	float:right;
	line-height:1;
	text-align:right;

}

#header #headerLinks {
	font-size:80%;
	text-align:right;
	color:#ffffff;
}

#header #headerTitle .headerSubtitle {
	font-size:55%;
	font-style:italic;
}

#headerGap{
height:10px;
}


/***** Left sidebar *****/
#leftside {
clear:left;
float:left;
width:130px;
margin:0 0 5px;
padding:0px;
}

#leftside h2,#leftside h3 {
font-size:130%;
margin:0;
padding:0;
}

#leftside div.announce {
clear:left;
margin-top:10px;
padding:7px 5px;
width:100%;
font-size:90%;
background-color:#48464b;
border-left:4px solid #ff9900;
color:#eeeeee;
line-height:1;
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

#leftImage{
	float:left;
	padding-right:10px;
}

/***** Right sidebar *****/
#extras {
float:right;
width:145px;
margin:0 0 5px;
padding:0;
line-height:1.4em;
}

#extras p,#extras ul {
font-size:0.9em;
margin:0 0 16px;
padding:0;
}

#extras li {
list-style:none;
line-height:1.2em;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#ffffff;
background-color:inherit;
font-size:1.2em;

}

/***** Main content *****/
#content {
margin:0 150px 0px 150px;
min-height:400px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
line-height:1.6em;
background: #FFFFFF url(../images/corner-top.gif) no-repeat top;
word-wrap: break-word;
background-color:#ffffff;
}

#content p{
margin:0;
padding:0;
padding-bottom:10px;
}

#bottomCorners{
margin:0 150px 5px 150px;
background: #FFFFFF url(../images/corner-bottom.gif) no-repeat bottom;
}

#content a {
color:blue;
}

#content a:hover {

}

#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
}

#content h2,#contentwide h2 {
font-size:1.6em;
margin:0 0 10px;
color:#ff3333;
}

#content h4,#contentwide h4 {
font-size:1.0em;
}

#content h3,#contentwide h3 {
font-size:1.4em;
margin:0 0 8px;
}

#content img,#contentwide img {
padding:1px;
display:inline;
background:#eeeeee;
color:#303030;
/*border:4px solid #f0f0f0;*/
}

#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}

#content #breadcrumbs{
font-size:0.8em;
padding:0 0 5px 0;

}

#content .groups{
padding:0 3px 5px 0;
}
.selectedLetter{
font-weight:bold;
padding:0 3px 5px 0;
}

/***** Footer *****/
#footer {
clear:both;
margin:0 auto;
padding:10px 0 20px;
text-align:center;
color:#eeeeee;
font-size:0.9em;
}



#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}

.FormTable{ 

	background-color:#eeeeee;
    background-position:left top;
    background-repeat:repeat-x;

	BORDER-RIGHT: #ff9900 1px solid; 
	BORDER-LEFT: #ff9900 1px solid; 
	BORDER-BOTTOM: #ff9900 1px solid; 

}

.FormTableHeader{	
	background-color:#ff9900;	
	COLOR: #000000;
	font-size:1.1em;
	font-weight:bold;
}

.FormQuestions{
	font-weight:bold;
}

.tabletext{
	width:355px;
	overflow:auto;
}

.tabletextTitle{
	width:355px;
	overflow:auto;
}

.formElement{
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #000000 1px solid;
	font-weight:bold;
}

.formButton{
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #000000 1px solid;
	background:#ff9900;
	cursor:pointer;
}


.SuccessMessage{
	COLOR:green;
	font-weight:bold;
}
.ErrorMessage{
	COLOR:red;
	font-weight:bold;
}

.smallLink{
font-size:80%;
text-align:right;
float:right;
}

.orderLink, .orderLink:hover{
COLOR:#eeeeee;
}

#latestAdditions{

background-color: #48464b;
padding: 5px;
width:130px;
cursor:pointer;
position: relative;
z-index: 0;
}

#latestAdditions div{
	cursor: url(highslide/graphics/zoomin.cur), pointer;
}

#latestAdditions strong{

color:#eeeeee;
}

#latestAdditions:hover{
z-index: 50;
direction: ltr; 
}

#latestAdditions span{ /*CSS for enlarged image*/
position: absolute;
background-color: #48464b;
padding: 5px;
border: 1px dashed #ff9900;
display:none;
color: #eeeeee;
text-decoration: none;
width:200px;
}

#latestAdditions span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#latestAdditions:hover span{ /*CSS for enlarged image on hover*/
display:block;
top: 0;
left: -212px; /*position where enlarged image should offset horizontally */
}

.whiteLink{
	font-size:80%;
}



.userGuideMessage{
	color:red;
	font-size:90%;
}

#funders{

}

#funders h2{
padding:0;
margin-bottom:10px;
}





.menu {
z-index:1000;
font-size:90%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:145px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#48464b;
height:26px;
}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:144px;
color:#eeeeee;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#48464b; width:144px; w\idth:144px;}
/* style the link hover */
* html .menu a:hover {color:#000; background:#ff9900;}

.menu :hover > a {
color:#000; 
background:#ff9900;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:145px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

.current{
color:#000000;
background:#ff9900;
}