/*<![CDATA[*/
html,body{
margin:0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
}
body{
font: 76% Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
min-width:350px;
}
a{
color: #00f;
text-decoration: none;
}
a:hover {
color: #f00;
}
hr {
margin: 15px 0px 15px 0px;
color: #999;
height: 1px;
width: 100%;
}

/* reset header fonts */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;
margin:0;
color: #363;
padding:0 0 10px 0;
}
h1{font-size:22px;font-weight:bold;}
h2{font-size:20px;font-weight:bold;}
h3{font-size:18px;font-weight:bold;}
h4{font-size:16px;font-weight:bold;}
h5{font-size:14px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;}

/* reset paragraph format */
p {
font-size:100%;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;
margin:0;
color: #363;
padding:5px 0 5px 0;
}


/* background image stretch to fit browser - do not edit */
#background{
position:absolute;
z-index:1;
width:100%;
height:100%;
}
/* outer wrapper div - do not edit */
#outer-container{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
overflow:auto;
z-index:2;
margin:0;
padding:0;
}


/* set header text and format */
#header{
height:108px;
width:885px;
}
#wrapper{
width:885px;
height:500px;
}


#content{
width:660px;
min-height:500px;
text-align:left;
padding:20px;
}
*html #content{
height:auto !important;
height:500px;
}
/* firefox hack to prevent images overflow */
html>body #content {
  overflow: auto;
}
#content p{
line-height:1.4;
}
#content img{
margin:10px;
}
/* set left navigation panel */
#leftnav{
width:185px;
min-height:500px;
text-align:left;
}
#logo{
width:185px;
}
#logo img{
border:2px solid #363;
}


/* set login panel */
#login{
height:30px;
line-height:30px;
}

/* set footer within login panel */
#footer{
float:left;
padding:0 10px;
font-size: 14px;
font-weight:bold;
}
#footer a{
color: #00f;
}
#footer a:hover{
color: #f00;
}

/* set login table format */
#login{
float:right;
text-align:right;
}
.login-text {
padding: 2px 5px 2px 5px;
font-size: 10px;
text-align: right;
padding: 0 5px 0 5px;
}
.login-field input {
width: 80px;
font-size: 10px;
background-color: #fff;
border: 1px solid #000;
}
.login-text a{
color: #0f0;
text-decoration: none;
}
.login-text a:hover {
color: #f00;
}
.login-button {
padding: 0 10px 0 10px;
}


/* set click-it panel at bottom */
#clickit{
color: #ccc;
font-size: 10px;
text-align:center;
padding:20px;
}
#clickit a{
color: #ccc;
text-decoration:none;
}
#clickit a:hover{
color: #f00;
text-decoration:none;
}


.buttonSubmit {
	background-color: #363;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
	padding: 2px 3px 2px 3px;	
}
.buttonSubmitRoll {
	background-color: #fff;
	font-size: 10px;
	color: #000;
	border: 1px solid #0f0;
	padding: 2px 3px 2px 3px;	
	cursor:pointer;
}


/* set template colors */
body{
color: #363;
background-color: #fff;
}
#content{
background:#fff;
border:2px solid #363;
}
#content img{
border:1px solid #363;
}
#footer{
color: #fff;
}
.login-text {
color: #fff;
}


/*]]>*/