/* CSS Document */

/*PAGE LAYOUT*/
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #ccc;
}

#page{
}

#content{
width: 800px;
}

#logo{
float:left;
background-image:url(roc_logo.gif); 
width:300px; 
height:150px;
}

#topheader{
width:800px; 
height:150px; 
background-image:url(bg_header.gif);
background-repeat:repeat-x;
background-color: #999;
}

#topinfo {
float: right;
margin: 10px 20px 0 0;
text-align: left;
font: 0.8em arial, sans-serif;
font-weight: bold;
}

/*Menu*/
#menu{
width:800px; 
height:30px; 
background-image:url(bg_menu.gif); 
background-repeat:repeat-x;
text-align: right;
color: #fff;
padding-top: 6px;
}

#menu a {
color: #fff;
font: .8em arial, sans-serif;
font-weight:bold;
padding-right: 10px;
}

#menu a:hover {
color: #600;
}

#menu u {
font: .8em arial, sans-serif;
font-weight:bold;
text-decoration: none;
padding: 10px 10px 0 0;
}

/*Footer*/
#footer{float:left; 
width:800px;
height: 30px;
background-color:#999;
font: .9em arial, sans-serif;
text-align: center;
color: #000;
padding-top: 6px;
}

#footer a {
color: #000;
font: .9em arial, sans-serif;
font-weight:bold;
padding-right: 5px;
}

#footer a:hover {
color: #600;
}

#footer u {
font: .9em arial, sans-serif;
text-decoration: none;
font-weight:bold;
padding-right: 5px;
}


#contenttext{
float:right; 
width: 530px; 
text-align: left;
}

#leftpanel{
float:left; 
width:240px;}

/*GRAY PANEL*/
.graypanel{
border: solid 1px #666;
background-color: #F7F7F7;
padding: 10px;
margin: 10px 10px 10px 0;
}

/*TEXT STYLES*/
.bodytext  {
	font: 0.8em arial, sans-serif;
}

p {
	font: 0.8em arial, sans-serif;
	align: left;
}

ul {
	font: 0.8em arial, sans-serif;
}

ul.side{
 text-align: left;
 font: .9em arial, sans-serif;
 margin: 0 0 0 15px;
 list-style-image: url(tick.png); 
}

h1{
	font: 1.3em arial, sans-serif;
	font-weight: bold;
	color: #600;
	margin: .25em 0 .25em 0 ;
}

h2{
	font: 1em arial, sans-serif;
	font-weight:bold;
	color:#600;
	margin: .25em 0 .25em 0 ;
}
h3{
	font: .9em arial, sans-serif;
	font-weight:bold;
	margin: .25em 0 .25em 0 ;
}

h3.subhead{
margin-left: 8px;
text-align: left;
}

.smallwhitetext {
	font: 0.8em arial, sans-serif;
	font-weight:bold;
	color: #fff;
}
.smallwhitetext a{
	font: 0.8em arial, sans-serif;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
	color: #900;
}
.smallgraytext {
	font: 0.8em arial, sans-serif;
	font-weight:bold;
	color:#999;
}
.smallgraytext a{
	font: 0.8em arial, sans-serif;
	font-weight:bold;
	color:#999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
	color: #900;
}
.smallredtext {
	font: 0.8em arial, sans-serif;
	font-weight:bold;
	color: #600;
}
.smallredtext a{
	font: 0.8em arial, sans-serif;
	font-weight:bold;
	color: #600;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}

.redlist{
font: 1em arial, sans-serif;
font-weight:bold;
color: #600;
}

.back{
border: 1px solid #999;
background-color: #f5f5f5;
padding: .1em;
font: .7em arial, sans-serif;
text-align: center;
color: #999;
width: 6em;
margin-bottom: 2em;
}

.back a{
color: #999;
text-decoration: none;
}