/* Main CSS for OCVS 2008 */
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg-feather.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

table {
	padding:0;
	margin:0;
}

table td { 
	padding:0;
	margin:0;
}

.hidden {
	visibility:hidden;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
}

/* Title banner */
#titleBanner{
	padding:6px 0 6px 0;
	margin:0 6px 0 6px;
	height:70px;
	border-bottom:solid 1px #990033;
	background-image:url(../images/6images.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:transparent;
}

#titleBanner img{
	float:left;
	border:none;
}


/* Tools banner */
#titleBanner #tools
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	text-align:left;
	color:#990033;
	padding:50px 0 0 0;
	margin:2px 0 0 0;
	float:right;
	background-color:transparent;
	width:370px;
}

#titleBanner #tools form fieldset
{
	padding:0;
	margin:0;
	float:right;
	border:none;
	background-color:transparent;
}

#titleBanner #tools form fieldset a
{
	color:#003366;
	font-weight:normal;
	text-decoration:none;
}

#titleBanner #tools form fieldset a:hover
{
	color:#0000CC;
	font-weight:normal;
	text-decoration:underline;
}

#titleBanner #tools form fieldset label {
	padding:0;
	margin:0;
	font-size:20%;
	color:#FFFFFF;
}

#titleBanner #tools form fieldset .input
{
	padding:1px 2px 1px 2px;
	margin:-1px 0 0 0;
	height:auto;
	width:auto;
	color:#003366;
	font-weight:normal;
	border: solid 1px #990033;
	background-color: #F0F3F6;
	font-size: 100%;
	vertical-align:top;
}

#titleBanner #tools form fieldset .button{	
	padding:0;
	margin:-1px 0 0 0;
	height:auto;
	width:auto;
	color:#FFFFFF;
	font-weight:bold;
	border: solid 1px #990033;
	background-color: #990033;
	font-size: 100%;
	vertical-align:top;
}

#titleBanner #tools .links {
	margin:0;
	padding:1px;
}

#titleBanner #tools .links a {
	margin:0;
	padding:0;
	color:#003366;
	text-decoration:none;
}

#titleBanner #tools .links a:hover {
	color:#0000CC;
	text-decoration:underline;
}

.links a span{
	color:#666666;
	font-size:80%;
}

/* ---- main ----- */
#main {
	margin: 0;
	padding: 5px 6px 0 6px;	
}

/* ---- navigation ----- */
#nav{
	margin:0;
	padding:0;
	width:190px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	position: relative;
	float: left;
	height:auto;
	background-color:transparent;
}

#nav a
{
	margin:0;
	padding:1px;
	font-weight:normal;
	color:#003366;
}

#nav ul
{
	margin:0;
	padding:0;
	font-size:100%;
	list-style-type:none;
	font-weight:normal;
}

#nav ul li
{
	margin:0;
	padding:5px 0 5px 12px;
	font-size:100%;
	background-image:url(../images/red-block.gif);
	width:161px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	font-weight:normal;
}

#nav ul li a
{
	color:#003366;
	text-decoration:none;
	letter-spacing:-0.01em;
	font-weight:normal;
}

#nav ul li a:hover
{
	color:#0000CC;
	text-decoration:underline;
	font-weight:normal;
}

#nav ul .current
{
	color:#000000;
}

#nav ul .current a
{
	color:#000000;
}

#nav ul .current a:hover
{
	color:#0000CC;
}

#nav ul .current ul
{
	margin:0;
	padding:0;
	font-size:100%;
	list-style-type:none;
	font-weight:normal;
}

#nav ul .current ul li
{
	margin:5px 0 0 -14px;
	padding:5px 0 0 24px;
	font-size:100%;
	background-image:url(../images/blue-block.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	font-weight:normal;
}

#nav ul .current ul li a
{
	color:#003366;
	text-decoration:none;
	letter-spacing:-0.01em;
	font-weight:normal;
}

#nav ul .current ul li a:hover
{
	color:#0000CC;
	text-decoration:underline;
	font-weight:normal;
}

#nav ul .current ul .subCurrent
{
	color:#000000;
}

#nav ul .current ul .subCurrent a
{
	color:#000000;
}

#nav ul .current ul .subCurrent a:hover
{
	color:#0000CC;
}

#nav ul .current ul .subCurrent ul
{
	margin:0;
	padding:0;
	font-size:100%;
	list-style-type:none;
	font-weight:normal;
}

#nav ul .current ul .subCurrent ul li
{
	margin:5px 0 0 -14px;
	padding:5px 0 0 24px;
	font-size:100%;
	font-weight:normal;
	background-image:url(../images/hollow-block.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
}

#nav ul .current ul .subCurrent ul li a
{
	font-weight:normal;
	color:#003366;
}
#nav ul .current ul .subCurrent ul li a:hover
{
	font-weight:normal;
	color:#0000CC;
}

/* Breadcrumbs */

#breadcrumbs
{
	margin:0;
	padding:0;
	background-color:transparent;
	font-size:70%;
	color:#003366;
}

#breadcrumbs
{
	margin:0 0 0 200px;
	padding:0 7px 10px 0;
	font-size:70%;
	color:#003366;
}

#breadcrumbs a
{
	font-size:100%;
	color:#003366;
	text-decoration:underline;
}

#breadcrumbs a:hover
{
	font-size:100%;
	color:#0000CC;
	text-decoration:underline;
}


/* Content area */

#content
{
	margin:0 4px 0 200px;
	padding:7px 0 0 0;
	font-size:80%;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
}

#content h1,h2,h3,h4,h5
{
	color:#003366;
}

#content form, input, textarea, select
{
	font-family:Arial, Helvetica, sans-serif;
}


#content td
{
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

#content th
{
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#003366;
}

#content .title
{
	font-weight:bold;
}

#content .docDetails
{
	color:#666666;
	font-size:85%;
}

#content .topSpace
{
	padding:0 0 10px 0;
	margin:20px 0 5px 0;
}

#content .statement
{
	color:#003366;
	font-size:120%;
}


#content .top
{
	padding:0 0 10px 0;
	margin:0;
	display:block;
	position:relative;
	font-size:100%;
	text-align:right;
}


#content a
{
	color:#003366;
	text-decoration:underline;
}

#content a:visited
{
	color:#000033;
	text-decoration:underline;
}

#content a:hover
{
	color:#0000CC;
	text-decoration:none;
}

#content .bookmarks
{
	margin:0 0 4px 0;
	padding:2px 6px 8px 6px;
	border:solid 1px #990033;
	width:60%;
	background-color:#F2F5F7;
}

#content .bookmarks p
{
	padding:2px 0 4px 0;
	margin:0;
}

#content .bookmarks strong
{
	color: #003366;
}

#content .bookmarks a {
padding:0 0 4px 12px;
margin:0 0 0 5px;
background-image:url(../images/bkmrk.gif);
background-position:top left;
background-repeat:no-repeat;
color:#003366;
}

#content .date
{
	font-weight:bold;
	color:#003366;
	font-style:italic;
	font-size:110%;
}

#content h1
{
	padding:1px 0 0 20px;
	margin:0 0 6px 0;
	font-size:185%;
	color:#003366;
	background-image:url(../images/h1-block.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
}

#content h2
{
	padding:14px 0 6px 0;
	margin:0;
	font-size:165%;
	color:#003366;
}

#content h3
{
	padding:4px 0 6px 0;
	margin:0;
	font-size:145%;
	color:#003366;
}

#content h4
{
	padding:4px 0 6px 0;
	margin:0;
	font-size:130%;
	color:#003366;
}

#content h5
{
	padding:4px 0 6px 0;
	margin:0;
	font-size:110%;
	color:#003366;
}

#content p
{
	padding:0 0 10px 0;
	margin:0;
	font-size:100%;
}

#content ul,ol
{
	padding:0 0 6px 8px;
	margin:0 0 0 25px;
	font-size:100%;
}

#content li
{
	padding:0 0 4px 0;
	margin:0;
	font-size:100%;
	list-style-type:square;
}

#content li ol
{
	padding:3px 0 0 0;
	font-size:100%;
}

#content li ul
{
	padding:3px 0 0 0;
	font-size:100%;
}

#content table
{
	padding:0;
	margin:0 0 10px 0;
	font-size:100%;
	border:0px;
	border-top:solid 1px #990033;
	border-left:solid 1px #990033;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
}

#content table th
{
	padding:3px;
	margin:0;
	font-size:100%;
	font-weight:bold;
	text-align:left;
	border:0px;
	border-right:solid 1px #990033;
	border-bottom:solid 1px #990033;
	background-color:#F0F3F6;
	color:#003366;
}

#content table th a
{
	color:#003366;
	text-decoration:none;
}

#content table th a:hover
{
	color:#0000CC;
	text-decoration:underline;
}

#content table td
{
	padding:3px;
	margin:0;
	font-size:100%;
	font-weight:normal;
	border:0px;
	border-right:solid 1px #990033;
	border-bottom:solid 1px #990033;
	font-family:Arial, Helvetica, sans-serif;
}

#content .right-align {
	text-align: left;
	float: right;
	height: auto;
	width: 300px;
	border: none;
	margin: 10px;
	font-size: 85%;
}

#content .right-align-img {
	float: right;
	height: auto;
	border: none;
	margin:0 10px 10px 10px;
	padding:0;
	position:relative;
	z-index:3;
}

#content .left-align-img {
	float: left;
	height: auto;
	border: none;
	margin:0 10px 0 0;
	padding:0;
}


/* Home page main images layout */
#homeimg {
 	padding:0;
	margin:5px 0 20px 0;
	border:none;
	float: left;
	display: block;
	width:100%;
}


#content #homeimg img a {
	border:none;
	text-decoration:none;
}
 
#content .titleimg {
	padding:0;
	margin:3px 6px 3px 0;
	border:solid 1px #990033;
	background-color:#990033;
	float: left;
	width:270px;
	display: block;
}

#content .titleimg img {
	border:none;
	text-decoration:none;
}

#content .titleimg .title {
	padding:3px;
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:95%;
	background-color:#990033;
	border:solid 1px #990033;
	white-space:nowrap;
	text-align:center;
	display: block;
}

#content .titleimg .title a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#content .titleimg .title a:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

/* styles for table used on section index pages */

#content #sectionTable
{
	padding:0;
	margin:0;
	font-size:100%;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#content #sectionTable table
{
	padding:0;
	margin:-8px 0 0 -8px;
	border:none;
	font-size:100%;
}

#content #sectionTable table td
{
	padding:0;
	margin:0;
	width:50%;
	font-size:100%;
	border:solid 1px #990033;
	background-color:#F2F5F7;
}

#content #sectionTable table td .title
{
	padding:5px;
	margin:0;
	color:#003366;
	font-weight:bold;
}

#content #sectionTable table td .title a
{
	color:#003366;
	font-weight:bold;
	text-decoration:underline;
}

#content #sectionTable table td .title a:hover
{
	color:#0000CC;
	font-weight:bold;
	text-decoration:none;
}

#content #sectionTable table td p
{
	padding:5px;
	margin:0;
}



/* Forms */



#content form
{
	font-size:100%;
	padding:0;
	margin:0;
	clear:both;
}

#content form fieldset {
padding:4px 8px 8px 8px;
margin:0;
border:solid 1px #990033;
font-family:Arial, Helvetica, sans-serif;
}

#content form fieldset legend
{
	padding:4px 0 6px 0;
	margin:0;
	font-weight:bold;
	font-size:145%;
	color:#003366;
}

#content form p .button
{
	padding:0;
	margin:0;
	font-weight:bold;
	color:#003366;
	font-size:100%;
	background-color:#F0F3F6;
	border:solid 1px #990033;
}

#content form p label
{
	font-weight:bold;
	color:#003366;
}

#content form p label .text {
font-weight:normal;
color: #666666;
}
#content form p label .text:hover {
color: #000000;
}

#content form p input, textarea, select
{
	font-size:100%;
	border:solid 1px #990033;
	font-family:Arial, Helvetica, sans-serif;
}

#content form #form h2, h3, h4, h5
{
	padding:0;
	margin:0;
	clear:both;
}

#content form #form p
{
	padding:0;
	margin:0 0 5px 0;
	clear:both;
	font-size:100%;
}

#content form #form p .button1
{
	padding:0;
	margin:0;
	margin-top:4px;
	margin-left:165px;
	font-weight:bold;
	color:#003366;
	font-size:100%;
	background-color:#F0F3F6;
	border:solid 1px #990033;
}

#content form #form p .button2
{
	padding:0;
	margin:4px 0 0 4px;
	font-weight:bold;
	color:#003366;
	font-size:100%;
	background-color:#F0F3F6;
	border:solid 1px #990033;
}

#content form #form p .button3
{
	padding:0;
	margin:4px 0 0 4px;
	font-weight:bold;
	color:#003366;
	font-size:100%;
	background-color:#F0F3F6;
	border:solid 1px #990033;
}

#content form #form p label
{
	float:left;
	padding:0;
	margin:0 5px 10px 0;
	font-weight:bold;
	color:#003366;
	width:160px;
}

#content form #form p .nowidth-label
{
	float:left;
	padding:0;
	margin:0 5px 0 0;
	font-weight:normal;
	color:#003366;
	width:auto;
}

#content form #form p select
{
	padding:0 0 0 1px;
	margin:0 0 5px 0;
	font-size:100%;
	border:solid 1px #990033;
	font-family:Arial, Helvetica, sans-serif;
}

#content form #form p input, textarea
{
	float:left;
	padding:0 0 0 1px;
	margin:0 0 10px 0;
	font-size:100%;
	border:solid 1px #990033;
	font-family:Arial, Helvetica, sans-serif;
}


/* Footer */

#footer
{
	padding:3px 3px 3px 0;
	margin:6px 6px 6px 6px;
	font-size:70%;
	clear: both;
	text-align:right;
	border:none;
	border-top:solid 1px #990033;
	border-bottom:solid 0px #333fff;
	color:#990033;
	font-family:Arial, Helvetica, sans-serif;
}

#footer a
{
	color:#003366;
	text-decoration:underline;
}

#footer a:hover
{
	color:#0000CC;
	text-decoration:underline;
}