/* CSS Document */


/*
Blue rgb(8,17,167); #0811A7;
Red rgb(156,0,3); #9C0003;
*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #DBE0E4; /*#D2E7EA;*/
}

body, p, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #0811A7;
}

form {
	margin: 0;
	padding: 0;
}

.error { color: #f00; font-style: italic; }

td.info_column {
        background-color: #DDDDDD;
        padding: 4px;
}

table .content {
		padding-left: 2px;
		border-right: 1px solid;
}

table .content thead {
		font-weight: bold;
}

table .content tbody td{
		padding-left: 2px;
		border-left: 1px solid;
		border-bottom: 1px solid;
}

table .content thead td {
		padding-left: 2px;
		border-left: 1px solid;
		border-top: 1px solid;
		border-bottom: 1px solid;
}

.art_title {
        background-image: url('images/title_glyph.gif');
        background-repeat: no-repeat;
        background-position: 0% 20%;
        font-size: 16px;
        font-weight: bold;
        color: #5C5C5C;
        padding-left: 16px;
        border-bottom: 1px solid #AFAFAF;
}

.art_related_title {
        background-image: url('images/title_glyph.gif');
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-color: #FFFFFF;
        text-align: right;
        font-size: 16px;
        font-weight: bold;
        color: #5C5C5C;
        padding-right: 18px;
        border: 1px solid #AFAFAF;
}

.art_news_title {
		color: #9C0003;
		text-align: right;
		font-weight: bold;
		padding-right: 2px;
}

.art_news_summary {
		padding: 2px 2px 5px 2px;
		border-bottom: 1px dotted #AFAFAF;
}

.art_content p {
	text-align: justify;
}


#main_frame {
	position: relative;
	width: 766px;
	left: 50%;
	margin-top: 10px;
	margin-left: -390px;
	border: 1px solid #00788a;
}

#header {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}

#header .headerleft {
	float: left;
}

#header .headerright {
	float: right;
	vertical-align: bottom;
}

#top_menu {
	position: relative;
/*	float: left;
	clear: left;*/
	width: 100%;
	background-color: #504050;
	color: #FFFFFF;
}

#sub_menu {
	position: relative;
/*	float:left;
	clear:left;*/
	background-color: #543A1B;
	width: 100%;
}

#banner {
	position: relative;
	background-color: #00788A;
/*	float:left;
	clear:left;*/
	width: 100%;
}

/*
  <div id="main">
    <div class="leftAndRight">
      <div class="left">
        ...
      </div>
      <div class="right">
        ...
      </div>
      ...
    </div>
  </div>
*/

#frame {
	width: 766px;
	position: relative;
	left: 50%;
	margin-top: 10px;
	margin-left: -390px;
}

#frame_border {
	width: 766px;
	position: relative;
	left: 50%;
	margin-top: 10px;
	margin-left: -390px;
        border: 1px solid #000000;
}

#header {
	position: relative;
	width: 100%;
}

#main {
	/*padding: 7px 10px 10px 10px;*/
	background-color: #FFFFFF;
	color:#868686;
	font-size: 11px;
}

.leftAndRight {
	width: 760px;
	margin-bottom: 10px;
}

.leftAndRight .left {
	position: inherited;
	display: inline;
	width: 180px;
	vertical-align: top;
	clear: both;
	float: left;
	border: 1px solid #999999;
}

.leftAndRight .left p {
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 10px 0px;
}

.leftAndRight .right {
	position: inherited;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	width: 565px;
}



/* ---------- Styles for the footer ---------- */

#footer {
	position:inherited;
/*	position: absolute;
	bottom: -51px; */
	height: 51px;
	width: 100%;
	background-color: #0066CC;
}

#footerleft {
	float: left;
	width: 212px;
	padding: 0px;
	margin: 12px 0px 0px 10px;
	display: inline;
}

#footerright {
	float: right;
	padding-right: 10px;
	margin: 17px 0px 0px 25px;
	display: inline;
        color: #FFFFFF;
}

#footer a {
	margin-left: 20px;
	margin-right: 20px;
}

/* ---------- Styles for Menus ---------- */

ul.mainmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
	white-space: nowrap;
}

ul.mainmenu li {
	width: auto !important;
	width: 5%;
	float: left;
	margin: 0;
	font-size: 11px;
	height: 23px;
	line-height: 23px;
	white-space: nowrap;
}

ul.mainmenu li a {
	display: block;
	height: 23px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	border-right: 1px solid #00788a;
}

/** unordered list item link for top menu for firefox only **/
#top_menu>ul.mainmenu li a {
	width: auto;
}

ul.mainmenu li a:hover {
	color: #ffe000;
	background: #00788a;
}

.breadcrumbs {
	width: 760px;
	width: auto;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
}

.breadcrumbitem {
}

.breadcrumbitem.active {
	font-weight: bold;
}

.news {
	color: #543ab1;
}

.quicksearch td {
	padding: 1px;
}

#banner td.formlabel {
	font-weight: bold;
	color: #FFFFFF;
}

#banner .disabled td.formlabel {
	/* display: none; */
	color: #149AAC;
}

a, a:link, a:active {
	color: #0811A7;
}

a:hover, a:visited:hover {
	color: #0811A7;
}

div.inputform {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

table.inputform {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #66CDDF;
	background-color: #f0f8ff;
}

.inputform th {
	background-color: #00788A;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

.inputform td {
	padding: 1px;
}

td.formlabel {
	text-align: right;
	padding-right: 10px;
}

.inputform td.formlabel {
	width: 200px;
}

table.login {
	border-collapse: collapse;
}

.login .formlabel {
	padding-left: 10px;
	padding-right: 5px;
	text-align: right;
	font-size: 11px;
	color: #006666;
}

.login .forminput {
	border: 1px solid #999;
	color: #666;
	width: 100px;
	font-size: 9px;
	background-color: #e0e0e0;
}

.login td.formbutton {
	padding: 2px 0 2px 10px;
	font-size: 11px;
	color: #006666;
}

.login input.formbutton {
	font-size: 10px;
	border: 1px solid #006666;
	background-color: #00788A;
	color: #fff;
	margin-left: 10px;
}

td.formbutton {
	text-align: right;
}

.navcontrols {
/*	float: right;
	clear: both;
*/
	margin: 10px 0px 10px 0px;
}

.navcontrols table {
	width: auto;
}

.navcontrols input[type='button'] {
	border: 1px solid #07888A;
	background-color: #ACDDDF;
	color: #000000;
	font-size: 10px;
	width: 65px;
}

.navcontrols .back {
	width: 80px;
}

.navcontrols .quit {
	text-align: center;
	width: 50px;
}

.navcontrols .next {
	text-align: right;
	width: 80px;
}

#QuickSearch {
	
}