.accessibility, #accessibility {position:absolute; left:-999em}

html { min-height: 100%; margin-bottom: 1px; }

BODY
{
    font-family: verdana,helvetica,sans-serif;
    font-size: 13px;
    text-align: center;
    background-color: #000000;
    color:#d0d0d0;
    font-weight:normal;
}

BODY, DIV, H2, H3
{
    padding: 0;
    margin: 0;
}

a
{
    color:#c0c0c0;
}
a:visited
{
    color:#c0c0c0;
}
a:hover
{
    color:#ffffff;
}

h1
{
	font-size:150%;
	font-weight:lighter;
	color:#5086b2;
	padding:0;
	margin:0;
}

h2
{
    font-size:110%;
	padding:8px 0 0 0;
    color:#306692;
    margin:0;
    font-style:italic;
    font-weight:normal;
}

h3
{
    font-size:100%;
	padding:8px 0 0 0;
    color:#306692;
    margin:0;
    font-style:italic;
    font-weight:normal;
}

#container
{
    text-align: left;
    border: 1px solid #000;
    margin: 10px auto;
    width: 921px;
}


#header
{
	margin: 0 0 0 0;
}

div#head1
{
	position:relative;
	width:448px;
	height:139px;
	left:0px;
	top:0px;
	background-color:#000000;
	background-image:url(artwork/logo1.png);
	background-repeat:no-repeat;
	margin: 0 0 0 0;
}

#content
{
    margin: 16px 0 0 150px;    
}


#leftp
{
	float: left;
	width: 120px;
	list-style:none;
	margin: 85px 0 0 0;
    height:100%;
}

#leftp ul
{
	padding:0px 3px;
	list-style:none;
	margin: 0 0 0 0;
}

#topnav
{
    width:771px;
    height:28px;
    background-image:url(artwork/topnav_entire.png);
    background-repeat:no-repeat;
    margin: 10px 0 0 150px;
}

#topnav ul
{
	margin:0;
	padding:0px 3px;
	list-style:none;
}

#topnav li
{
    float:left;
}

.topnav a
{
 	display:block;
 	float:left;
	margin:0;
	padding:0;
	text-align:center;
	width:100px;
	line-height:28px;
	background-image:url(artwork/topnav_button_100px.png);
	background-repeat:no-repeat;
	color:#c0c0c0;
	text-decoration:none;
}
.topnav a:hover
{
	color:#ffffff;
	background-image:url(artwork/topnav_button2_100px.png);
}


.topnav_selected a
{
 	display:block;
 	float:left;
	margin:0;
	padding:0;
	text-align:center;
	width:100px;
	line-height:28px;
	background-image:url(artwork/topnav_button2_100px.png);
	background-repeat:no-repeat;
	color:#ffffff;
	text-decoration:none;
}
.topnav_selected a:hover
{	
	background-image:url(artwork/topnav_button2_100px.png);
}

.submit
{
    margin-top:6px;
    background-color:#404040;
    border:none;    
	width:130px;
	height:24px;
}

.submitplain
{
    width:130px;
    background:#202020;
    color: #e0e0e0;
    border: 1px solid #404040;
    padding: 4px 4px 4px 4px;
}

.leftnav
{
	color:#c0c0c0;
}

.leftnav a
{
	position:relative;
	width:120px;
	font-size:13px;
	display:block;
	color:#c0c0c0;
	line-height:24px;
	height:28px;
    text-align:left;
    padding-left:10px;
    text-decoration:none;
	background-image:url(artwork/button.png);
	background-repeat:no-repeat;
	margin: 0 0 2px 0;
}

.leftnav a:visited
{
	text-decoration:none;
	background-image:url(artwork/button.png);
}

.leftnav a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-image:url(artwork/button_highlight.png);
}

.leftnav_selected a
{
	position:relative;
	width:120px;
	font-size:13px;
	display:block;
	color:#ffffff;
	line-height:24px;
	height:28px;
    text-align:left;
    padding-left:10px;
	text-decoration:none;
	background-image:url(artwork/button_highlight.png);
	background-repeat:no-repeat;
	margin: 0 0 2px 0;
}

.leftnav_selected a:hover
{
    color:#ffffff;
    text-decoration:none;
	background-image:url(artwork/button_highlight.png);
}


#footer
{
    margin: 5px 0 0;
    clear: both;
}

.footer-container {}

.footer-left-element{
   float: left;
   width: 49%;
   }

.footer-right-element
{
   float: right;
   width: 49%;
   text-align: right;
   }

#footlinks
{
	text-align:right;
	color:#808080;
	font-size:11px;
	margin: 8px 0px 0px 3px;
}

#footlinks a
{
	color:#808080;
}
#footlinks a:visited
{
	color:#808080;
}
#footlinks a:hover
{
	color:#c0c0c0;
}



#copyright
{
 	float:left;
	text-align:right;
	color:#808080;
	font-size:11px;
	margin: 8px 0 0 0;
}
#copyright a
{
	color:#808080;
}
#copyright a:visited
{
	color:#808080;
}
#copyright a:hover
{
	color:#c0c0c0;
}

div.hr
{
	height: 2px;
	background: url(artwork/footer_line.png) no-repeat scroll center;
}
div.hr hr
{
	display: none;
}

.checkbox
{
background:#000000;
color: #e0e0e0;
border: 2px outset #303030;    
}

.error
{
    color:#c0004d;
}


table.datalist
{
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
    background-color:#202020;
    width:100%;    
}
table.datalist a
{
    color:#d0d0d0;
}
table.datalist a:visited
{
    color:#d0d0d0;
}
table.datalist a:hover
{
    color:#d0d0d0;
}
table.datalist th
{
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;
	background-color: #404040;
    color: #ffffff;
}
table.datalist td
{
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;		
}

fieldset
{
    border: 1px solid #303030;
    width: 600px;
    display:inline;
    padding:15px 15px 15px 15px;
}

legend
{
color: #a0a0a0;
background: #202020;
border: 1px solid #303030;
padding: 2px 6px
}

label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

input
{
color: #101010;
background-color: #c1c1c1;
border: 1px solid #303030;
margin-bottom:4px;
}

 select
{
color: #101010;
background-color: #c1c1c1;
border: 1px solid #303030;
margin-bottom:4px;
}

 textarea
{
color: #101010;
background-color: #c1c1c1;
border: 1px solid #303030;
margin-bottom:4px;
}

.leftline
{
    background-image:url(artwork/vertical_line.png);
	background-repeat:repeat-y;    
}

ul
{ 
    list-style-type:square;    
}

.screenshot
{
    margin-left:5px;
    margin-right:5px;
    text-align:center;
    vertical-align:middle;
    padding:10px 10px; 0px 10px;
    width:220px;
    float:left;
}

.bigscreenshot
{
    margin-left:20px;
    margin-bottom:20px;
    margin-right:0;
    margin-top:0;
    border: 0;
}

img
{
    border:0;
}

.subdued
{
    color:#a0a0a0;
}


.leftpanel
{    
    width:554px;
    float:left;
}

.rightpanel
{    
    margin-left:15px;
    text-align:center;
    width:200px;
    float:left;
}

