/* The OCIC CSS Document */
/* Author: Web Marketing Strategy Ltd */
/* Date created: 17 December 2007 */

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5583BF;
	background: #5583BF;
	text-align: center;
}

h1 {
	font: 28px bold, Verdana, Arial, Helvetica, sans-serif;
	color: #5583BF;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 0;
}

h2 {
	font: 18px bold, Verdana, Arial, Helvetica, sans-serif;
	color: #5583BF;
	margin: 0;
}

img {
	border: 0;
}

form {
	margin: 0;
}




a:link, a:visited {
	color: #5583BF;
	text-decoration: none;
}

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

a.footer:link, a.footer:visited {
	color: #5583BF;
	text-decoration: none;
}

a.footer:hover {
	color: #5583BF;
	text-decoration: underline;
}

a.breadcrumbline,
span.breadcrumbline {
	margin: 0 0px 0 0px;
}

a.subnavlinks:link, a.subnavlinks:visited {
	color: #000066;
	text-decoration: none;
}

a.subnavlinks:hover {
	color: #000066;
	text-decoration: underline;
}






/**** FORMS ****/
/* DJM: */
.form_table {
	background: #F9F3E5;
	border: 1px solid #ED6D00;
  empty-cells: show;
  padding: 10px;
}


.form_table .req {
	color: red;
}
.form_table .field input,
.form_table .field select,
.form_table .field textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #2C4D6E;
	color: #2C4D6E;
}

.form_table .buttons input {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.form_table .error {
  padding-top: 0;
  padding-bottom: 0.5em; /* To move them closer to the input above than the one below */
	color: red;
}

.error {
	color: red;
}




/**** FRAMEWORK ***/
div#print_logo {
	display: none;
}

div#framework {
	width: 976px;
	background: #FFF;
	margin-left: auto;
	margin-right: auto;
#	border: 1px solid #FFFFFF;
}

div#framework_top {
	width: 976px;
	height: 119px;
}

div#framework_mainmenu {
	width: 976px;
	height: 24px;
	background: #5583BF;
	border-top: 1px solid #ED6D00;
	border-bottom: 1px solid #ED6D00;
}

div#framework_flash {
	width: 976px;
	height: 306px;
}

div#framework_pano {
	width: 976px;
	height: 96px;
}

div#framework_flash_bottom {
	width: 976px;
	height: 12px;
	background: #666666;
	border-top: 1px solid #FFF;
}

div#framework_hp_container {
	width: 976px;
}

div#framework_hp_container div.hp_leftcol {
	width: 488px;
	max-width: 468px;
	padding: 10px;
	background: #F9F3E5;
	text-align: left;
	margin: 0;
	float: left;
}

div.hp_leftcol_base {
	text-align: left;
	clear: both;
}

div#framework_hp_container div.hp_rightcol {
	width: 488px;
	max-width: 468px;
	padding: 10px;
	float: left;
	text-align: left;
	margin: 0;
}

div#framework_container {
	width: 976px;
	overflow: auto;
	background: #FFF;
}

div#framework_container div.leftcol {
	width: 215px;
	float: left;
	text-align: left;
}

div#framework_container div.centercol {
	width: 620px;
	float: left;
	text-align: left;
}

div#framework_container div.rightcol {
	width: 140px;
	float: right;
	text-align: left;
}

div.breadcrumbline {
	padding: 8px;
}

div.leftcol_text, div.rightcol_text {
	padding: 10px;
	margin-top: 60px;
}

div.leftcol_text li {
	list-style: url(../images/bullet.gif) outside;
}

div.centercol_text {
	padding: 10px;
	margin-top: 20px;
} 

div#framework_footer {
	width: 976px;
	height: 97px;
	/*clear: both;*/
	/*background: #FFF url(../images/footer.gif) no-repeat top left;*/
		background: #FFF;
	text-align: left;
}

div#framework_container div.legal {
	color: #5583BF;
	font-size: 10px;
	padding: 10px;
#	border: 1px solid #666;
#	background: #F0F0F0;
	width: 620;
	text-align: center;
}




/**** HOMEPAGE HIGHLIGHTS ***/
div.hp_highlight_box {
	overflow: auto;
	margin-bottom: 20px;
}

div.hp_highlight_box div.hp_highlight_photo {
	float: left;
	margin-right: 10px;
}

div.hp_highlight_box div.hp_highlight_text {
		/*border: 1px solid green;*/
}

div.clearfix {
	clear: left;
	margin: 0;
	height: 0;
}