/*------------------------------------------------------------------*/
/* Default 															*/
/*------------------------------------------------------------------*/

body, html {
	background-color: #0c4560;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	color: #000;
}

body, html, ul, li, form, h1, h2, h3, h4, img {
	margin: 0px;
	padding: 0px;
}

address {
	font-style: normal;
}

p {
	line-height: 1.4em;
}

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

#nav{
	text-align: center;
	height: 120px;
	width: 100%;
}

#nav ul {
	margin-left: 170px;
	padding-top: 100px;
}

#nav ul li{
	border-left: 1px solid #bfd6e4;
	margin-left: 4px;
	padding-left: 8px;
	display: inline;
}

#nav ul li a {
	text-decoration: none;
	color: #bfd6e4;
}

#nav ul li a:hover {
	text-decoration: none;
	color: #fff;
}

#middle, #content, form {
	height: 343px;
}

#middle {
	background-color: #87b3cc;
	border-top: 10px solid #333;
	border-bottom: 10px solid #333;
	width: 100%;
}

#content {
	margin: auto; 
	background-image: url(../images/body/watermrk-logo.gif); 
	background-position: right;
	background-repeat: no-repeat;
	background-color: #d5d5d5;
	width: 730px;
}

#col1, #col2, #col3 {
	float: left;
} 

#col1 {
	width: 169px;
	border-right: 10px solid #333;
	border-left: 10px solid #333;
} 

#col2 {
	height: 263px;
	width: 220px;
	padding: 40px 40px 0px 40px;
} 

#col3 {
	width: 150px;
	padding: 40px 40px 0px 40px;
} 

#footer {
	padding-top: 20px;
	text-align: center;
}

h1 {
	border-top: 10px solid #333;
	text-indent: -1000em;
}

h1 a {
	background-image: url(../images/body/logo-oc.gif); 
	display: block;
	width: 169px;
	height: 137px;
}

/*------------------------------------------------------------------*/
/* Font Styles														*/
/*------------------------------------------------------------------*/

a {
	color:#666;
	text-decoration: none;
}

a:hover {
	color:#333;
	text-decoration: underline;
}

#footer {
	clear: both;
}

#footer span {
	font-size:10px;
	color: #FFF;
}

#footer span a{
	font-size:10px;
	color: #FFF;
	text-decoration: none;
}

#footer span a:hover{
	text-decoration: underline;
	color: #E5E5E5;
}

#content li {
	list-style-type: square;
	font-size: 10px;
}

.active_menu a {
	color: #fff !important;
}

/*------------------------------------------------------------------*/
/* Forms Cosmetics													*/
/*------------------------------------------------------------------*/

form {
	margin-right: 0px;
	height: 240px;
	width: 366px;
	padding-top: 50px;
	float: right;
}

form div {
	clear: both;
}

label {
	color:#222;
	display: block;
	width: 120px;
	height: 25px;
	float: left;
	text-align: right;
	margin-right: 12px;
	padding-right: 10px;
}

textarea {
	width: 200px;
	height: 100px;
}

.form-button {
	border: 1px solid #6B6B6B;
	background-color:#DADADA;
	font-size:11pt;
	margin-top: 4px;
	width: 202px !important;
}

.form-input { 
	width: 200px;
	border-right: 1px solid #ECECEC;
	border-top: 1px solid #6B6B6B;
	font-size: 11pt;
	border-left: 1px solid #6B6B6B;
	border-bottom: 1px solid #ECECEC;
	background: #FAFAFA;
}

.form-error {
	width: 200px;
	font-size: 11pt;
	background-color: #87b3cc;
	border-right: 1px solid #ECECEC;
	border-top: 1px solid #6B6B6B;
	border-left: 1px solid #6B6B6B;
	border-bottom: 1px solid #ECECEC;
}

.form-error-text span {
	font-size: 10px;
	color: #0c4560;
	width: 200px;
	text-align: left;
	clear: both;
	padding: 0px;
}

.form-error-text {
	margin-left: 143px;
}

/*------------------------------------------------------------------*/
/* sIFR																*/
/*------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}