@charset "utf-8";
/* CSS Document by WORD Web Design */

/**layout styles **/
body {
	background-color: #b6cbd3;
	background-image: url(../images/backgroundROC.gif);
	background-repeat: repeat-x;
}
.center, .center img, img.center, .center video, video.center {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.floatl, .floatr {
	text-align:center;
}
.floatl {
	float:left;
	margin-right:10px;
}
.floatr {
	float:right;
	margin-left:10px;
}
.padding4 {
	padding: 4px;
}
.padding10 {
	padding: 10px;
}
.padding20 {
	padding: 20px;
}
.padding10LR {
	padding-left: 10px;
	padding-right: 10px;
}
.padding10L {
	padding-left: 10px;
}
.padding10R {
	padding-right: 10px;
}
.paddedgraybox {
	font-size: 12px;
	padding: 10px;
	font-weight: bold;
	color: #383838;
	background-color: #CCC;
}
.notice {
	background:rgb(255,137,137);
	border:1px solid red;
	color:rgb(0,0,0);
	padding:15px;
	text-align:center;
	width:50%;
}
.notice2 {
	background:rgb(255,137,137);
	border:1px solid red;
	color:rgb(0,0,0);
	padding:15px;
	text-align:center;
	width:90%;
}

/** Navigation menu **/
nav {height:100%;}

nav ul {
	height:100%;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

nav ul li {
	display:block;
	float:left;
	height:100%;
	width:241px;
}

nav ul li:first-of-type {
	width:240px;
}

nav ul li a {
	background:#009999;
	border-left:1px solid white;
	color:white !important;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:100%;
	line-height:47px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:100%;
}

nav ul li:first-of-type a {
	border-left:none;
}

nav ul li a:hover {
	background:#85a9b6;
	text-shadow: -1px 0 rgba(0,0,0,0.3), 0 1px rgba(0,0,0,0.3), 1px 0 rgba(0,0,0,0.3), 0 -1px rgba(0,0,0,0.3);
}

/** Sidebar **/
#sidenav {
	list-style:none;
	margin:0;
	padding:0;
	width:211px;
}

#sidenav li {
	display:block;
	width:100%;
}

#sidenav li a {
	background:#85a9b6;
	border-bottom:2px solid white;
	color:white;
	display:block;
	font-weight:bold;
	padding:12px 0;
	text-decoration:none;
}

#sidenav li:last-of-type a {
	border-bottom:none;
}

#sidenav li a.external {
	background:#1c4387;
}

#sidenav li a:hover, #sidenav li a.external:hover {
	background:#009999;
}

/**font styles **/
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
}
h1, .H1 {
	font-weight: bold;
	font-size: 21px;
	color: #383838;
}
h2, .H2 {
	font-weight: bold;
	font-size: 16px;
	color: #383838;
}
.slideheader {
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}
.slidetext {
	font-weight: 400;
	text-align: left;
}
.slidefooter {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #004732;
}
.whiteboldR {
	color: #FFF;
	font-weight: bold;
	text-align: right;
	font-size: 16px;
}
.whiteboldC {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	!important; text-decoration: none;
	z-index: 1;
}
.blueboldC {
	color: #1c4387;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.footerreverse {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #117356;
}
.footerreverse2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #1c4387;
}
.footergreen {
	font-size: 10px;
	font-weight: bold;
	color: #117356;
}
.footerblue {
	font-size: 10px;
	font-weight: bold;
	color: #1c4387;
}
.formtext {
	font-weight: bold;
	text-align: right;
	font-size: 12px;
	color: #411E20;
	padding-right: 10px;
}
.formquestions {
	text-align: right;
	padding-right: 10px;
}

/**link style **/
a:link {
	color: #1c4387;
}
a:visited {
	color: #1c4387;
}
a:hover {
	color: #000;
}
a:active {
	color: #1c4387;
}

/**slide link style **/
a.slideftr:link {
	text-decoration: none;
}
a.slideftr:visited {
	text-decoration: none;
}
a.slideftr:hover {
	text-decoration: underline;
}
a.slideftr:active {
	text-decoration: none;
}

/**footer link styles **/
a.footer:link {
	color: #1c4387;
	text-decoration: none;
}
a.footer:visited {
	color: #1c4387;
	text-decoration: none;
}
a.footer:hover {
	color: #000;
	text-decoration: underline;
}
a.footer:active {
	color: #1c4387;
	text-decoration: none;
}

a.footerwhite:link {
	color: #fff;
	text-decoration: underline;
}
a.footerwhite:visited {
	color: #F3F3F3;
	text-decoration: underline;
}
a.footerwhite:hover {
	color: #fff;
	text-decoration: underline;
}
a.footerwhite:active {
	color: #fff;
	text-decoration: none;
}