@charset "UTF-8";
/* CSS Document */

/* Standard Colors 
Blue: #0066cc
Dark Blue: #0e3e6e
Sky Blue: #68ace5
Gray: #6d7981
Dark Gray: #36424a
Light Gray: #dfe5e6
Red: #ab0823
Orange: #d6492a
Yellow: #da9800
Green: #5f692d
Tan: #f4f0e5
*/

body { 
margin: 0; 
padding: 0; 
font-family: Helvetica; 
text-align: left;
}

p { font-size: 1em; line-height: 1.2em; padding: 0 0 5px 0; margin: 0;}
h1 { font-size: 1.8em; color: #0e3e6e; padding: 0 0 5px 0; margin: 0;}
h2 { font-size: 1.5em; color: #ab0823; font-weight: normal; padding: 10px 0 5px 0; margin: 0;}
h3 { font-size: 1.4em; font-family: Georgia; font-style:italic; color: #0e3e6e; padding: 10px 0 2px 0; margin: 0; line-height: 1.4em;}
h4 { font-size: 1.2em; color: #ab0823; padding: 5px 0 2px 0; margin: 0;}
h5 { font-size: 1em; color: #f4f0e5; letter-spacing: 1px; font-weight: normal; padding: 7px 0 2px 0; margin: 0;}
h6 { font-size: 1em; color: #0e3e6e; font-weight: normal; padding: 10px 0 2px 0; margin: 0;}

a:link { text-decoration: none; color:#0e3e6e; }
a:visited { text-decoration: none;  color:#0e3e6e; }
a:hover { text-decoration: underline;  color:#ab0823; }
a:active { text-decoration: underline; color:#ab0823;  }

form { padding: 0 0 10px 0; margin: 0; }
input { padding: 0; margin: 0; }


/* ------- Layout ------- */

#wrapper {
position: absolute;
clear: both;
left: 0;
top: 90px;
width: 100%;
height: auto;
background: url(/service/media/images/title-bkgd-rpt.gif) repeat-x;
margin: 0;
padding: 0;
}

#title {  }

#title h1 { font-size: 13px; color: #ffffff; font-weight: normal; padding: 0 0 0 255px; margin:0px 0px 0px 0px;}

/* ------- Sidebar -------*/
#sidebarwrap {
z-index: 100;
background: url(/service/media/images/sidebar-rpt.gif) repeat;
width: 250px; /*--This sets the WIDTH of the menu BACKGROUND-*/
}

#sidebar {

list-style: none;
padding: 0;
margin-bottom: 30px;
margin-left: 40px;
background-color:#0e3e6e;
}

#sidebar a {
display: block;
width: 200px; /*--This sets the WIDTH of the first layer menu TEXT--*/
color: #ffffff;  /*--This sets the COLOR of the first layer menu TEXT--*/
font-weight: bold;
text-decoration: none;
font-size: 1em;
padding: 7px 0 7px 10px;
}

#sidebar a:hover, #sidebar a.sfhovers {
background: #ab0823;  /*--This sets the COLOR of the first layer menu HOVER--*/
}

#sidebar h5 {
color: #f4f0e5;
padding: 10px 0 3px 10px;
border-bottom: 1px solid #f4f0e5;
}

#sidebar-feature {
clear: both;
width: 210px;
padding: 0;
margin: 0 0 0 40px;
}

/* ------- Content -------*/

.content-wrap {
background: url(/service/media/images/roo-gate-btm.jpg) no-repeat top left;
}

#content {
margin: 10px 20px 1px 20px;
padding: 0;
}

#content ul {
list-style-image: url(/service/media/images/bullet.gif);
padding: 0 0 5px 20px;
margin-top: 5px;
margin-bottom: 0;
}

#content li {
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
}

#content p {
line-height: 1.5em;
}

#content img {
margin-bottom: 10px;
}


/* ------- Footer -------*/
#footer {
padding: -20px;
color: #006699;
font-size: .85em;
}

#footer a { color: #006699; }

.footnav a { color: #006699; font-weight: bold; letter-spacing: 1px; padding: 3px;}


/* ------- Forms ------*/
#content form{
margin:5px;
}
#content form table{
width:90%;
margin-right:10px;
}
#content form input, textarea{
border:1px solid #dfe5e6;
margin:5px;
font-size:12px;
padding:2px;
background-color:#f4f0e5;
cursor:pointer;
}
#content form select {
border:1px solid #dfe5e6;
margin:5px;
font-size:12px;
padding:3px;
background-color:#f4f0e5;
cursor:pointer;
}
#content form th{
text-align:left;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #003366;
padding:5px;
}
#content form td{
padding:5px;

}
#content form .instructions{
padding:5px;
margin:10px;
width:90%;
}
#content form .required{
color:red;
}
#content .submit {

background-color:#0e3e6e;
border:1px solid #000000;
color: #FFFFFF;
padding: 5px;
}

.welcome{ font-size:15px;
	color: #FFFFFF;
	padding-left: 10px;
	font-weight:bold;
}

.linkpic{
display:block;
position:absolute;

height:70px;
width:116px;
}