/* mac hide \*/
html,body{height:100%}
/* end hide*/ 
body { font: 100% Arial Helvetica, sans-serif; color: #333; background: #e1e1ff; margin: 0; text-align: center; line-height: 1.4em; letter-spacing: 0.01em; padding: 0; }
html { }

h1 { font-size: 140%; color: #fff; background-color: #344b6d; margin: 0 0 10px 0; padding: 10px 10px 5px 10px; font-weight: normal;}
h2 { font-size: 130%; color: #63b4ec; font-weight: normal; margin: 1px; padding-top: 10px; padding-bottom: 0;}
h2.news { color: #fff; background-color: #63b4ec; padding:8px; padding-top: 16px;}
h2.menu { color: #fff; background-color: #344b6d; padding:8px; padding-top: 16px;}
h3 {font-size: 14pt; font-weight: normal; color: #003366; margin: 1px; padding-top: 10px; padding-bottom: 0;}
#content ul {list-style-type: disc; color:#000; line-height: 1.3em;}
li { padding-top: 5px; padding-bottom: 5px; }
hr { border: 0; height: 1px; color: #344b6d; background-color: #344b6d;}
.listtxt {color: black;}

/*links*/
a:link { color: #66f; text-decoration: underline;}
a:active { color: #66f; text-decoration: underline;}
a:hover { color: #66f; text-decoration: underline;}
a:visited { color: #66f; text-decoration: underline;}
a img.logo {border: 0}
#wrapper { 
	width: 900px;
	margin: auto;
	border-left: 3px solid #63b4ec; 
	border-right: 3px solid #63b4ec; 
	background: none #fff scroll repeat 0% 0%;
	text-align: left;
	padding: 11px 22px 22px 22px;
	min-height: 100%;
}
#header { float: left; width: 900px; margin: 0; padding:0; padding-bottom:3px; background: #fff; border-bottom: 1px solid #ccc; }
.logo {float: left; margin: 0 0 7px 0; border: 0;}
.imgfloat {float: left; margin-right: 10px; }

#left {float:left; width:175px; border-right: 1px solid #ccc; margin: 15px 0 0 0; font-size: 80%;}
#left p { border-top: 1px solid #ccc; margin-right: 6px;  }
#main { float:left; width:710px; padding: 0; font-size: 90%; margin: 15px 0 0 12px;}

.newsdate { color: #63b4ec; margin-left: 10px; }
#search { float: left; margin-top: 150px; font-size: 90%; color: #779;}
.search-field { border: 1px solid #88a; }
.search-button { 
        width: 25px;
        font-size: 80%;
        border: 0;
        color: White;
        background-color: #63b4ec;
        padding: 1px;
        height: 20px;
}
a.controls, a.controls:visited { color: #779; text-decoration: none; }

/*left navigation*/
#leftnav { float: left; width: 160px; margin-left: 0; }

#leftnav ul
{
	margin: 10px 0 10px 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#leftnav li { width: 160px; border-top: 1px solid #ccc; font-size: 8pt; padding: 0; margin: 0 }

#leftnav a
{
display: block;
padding: 0;
width: 150px;
background-color: #fff;
margin: 0;
padding-left: 10px; 
}

#leftnav a:link, .navlist a:visited, #leftnav a:visited
{
color: #333;
text-decoration: none;

}

#leftnav a:hover, #leftnav a.navlist:hover
{
background-color: #344b6d;
color: #fff !important;
}

#leftnav a.current { background: #344b6d; color: #fff !important;}
/*left navigtion end*/



a.newsitem, .newsitem a:link, .newsitem a:visited { color: #66f; text-decoration: none;}

#header-right {
	float: right;
	width: 332px;
	display: inline;
	padding: 0 !important;
	margin: 0 !important;
}
#panels {
	float: left; display: inline;
}
#rightnav
{
	display: inline;
	float: right;
	font-size: 11px;
	border: 0;
	padding-right: 12px;
	margin-right: 0 !important;
	width: 90px;
}

.navlist-right { border: 0; margin: 0; padding: 0}

#rightnav ul, ul#rightnav, #rightnav ul.navlist
{
display: inline;
padding: 0 !important;
margin: 0 !important;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
z-index: 100;
}

#rightnav li.navlist-right, li.navlist-right { width: 85px; border-top: 1px solid #ccc; padding: 0; margin-right: 0; margin-top: -1px;}
#rightnav li.navlist-right-last, li.navlist-right-last { border-bottom: 1px solid #ccc; }
#rightnav li { width: 85px; border-top: 1px solid #ccc; padding: 0; margin-right: 0}

.navlist-right a
{
display: block;
padding: 0;
width: 80px;
background-color: #fff;
margin: 2px 0 2px 0;
padding-left: 5px; 
}
li.navlist-right a.current { background: #344b6d; color: #fff !important;}
.navlist-right a:link, .navlist a:visited, #leftnav a:visited
{
color: #333;
text-decoration: none;

}

.navlist-right a:hover
{
background-color: #344b6d;
color: #fff;
}

/*main nav*/
#navcontainer
{
border-top: 1px solid #ccc;
padding-top: 2px;
padding-bottom: 2px;
}

#navcontainer ul, ul#navcontainer
{
padding-left: 0;
margin: 4px 0 4px 0;
background-color: #63b4ec;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 90%; 
}

#navcontainer ul li { display: inline; padding: 0; }

#navcontainer ul li a
{
padding: 0.2em 0.4em;
background-color: #63b4ec;
color: White;
text-decoration: none;
float: left;
border-right: 2px solid #fff;
font-size: 11pt;
}

#navcontainer ul li a.current { background: #344b6d; color: #fff !important;}

#navcontainer ul li a:hover
{
background-color: #29547F;
color: #fff;
}

#navcontainer ul li a:visited
{
color: White;
font-size: 11pt;
}

/* float the list to make it horizontal and a give it a relative positon 
 * so that you can control the dropdown menu positon 
 */
#navcontainer li { 
	float:left;
	position:relative;
}

/* hidden dropdown */
#navcontainer ul ul {
	visibility:hidden;
	position: absolute;
	height:0;
	left: 0;
	top:1.75em;
	width:149px;
	background-color: #63b4ec;
	padding: 0;
	z-index: 100;
}

#navcontainer ul ul li {
	padding: 0;
	border: 0;
	border-top: 4px solid #63b4ec;
	border-bottom: 1px solid #fff;
	border-left: 15px solid #63b4ec;
	border-right: 15px solid #63b4ec;
	margin: 0;
}
#navcontainer ul ul li.last {
	border-bottom: 4px solid #63b4ec;
}

/* another hack for IE5.5 */
* html #navcontainer ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#navcontainer ul ul ul {left:149px; top:-8px; width:149px; }
/* position the third level flyout menu for a left flyout */
#navcontainer ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
#navcontainer table { position:absolute; top:-8px; left:0; border-collapse:collapse; }
#navcontainer ul ul table { top: 0; }

/* dropdown links */
#navcontainer ul ul a, #navcontainer ul ul a:visited { 
	height:auto;
	width: 128px;
	padding: 5px 10px 2px 10px;
	border: 0;
	border-bottom: 4px solid #63b4ec;
	margin: 0;
	line-height: 1.2em;
	font-size: 10pt;
}
#navcontainer ul ul li a, #navcontainer ul ul ul li a, #navcontainer ul ul li a:visited, #navcontainer ul ul ul li a:visited {
	font-size: 10pt;
}
/* hack for IE5.5 */
* html #navcontainer ul ul a, * html #navcontainer ul ul a:visited { width:150px; w\idth:128px;}

#navcontainer a:hover, #navcontainer ul ul a:hover { color:#fff; background:#344b6d; }
#navcontainer :hover > a, #navcontainer ul ul :hover > a { color:#fff; background:#344b6d; }
#navcontainer ul li:hover ul, #navcontainer ul a:hover ul { visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
#navcontainer ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
#navcontainer ul :hover ul :hover ul { visibility:visible;}

.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px;
}

.clear {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}

#content {
	width: 530px;
	float: left;
}

#content p {
	line-height: 1.2em;
	margin: 7px 0 5px 0;
}

#links {
	float: right;
}
.links-box-head {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #63b4ec;
	color: #fff;
	width: 160px;
	height: 25px;
	padding: 0;
	border: 2px solid #63b4ec;
}
.links-box-title {
	text-align: center;
	padding: 3px 5px 3px 5px;
}
.links-box {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding: 0;
	width: 160px;
	border: 2px solid #63b4ec;
}
.links-box ul
{
margin-left: 0;
padding-left: 0;
padding-top: 10px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.links-box li { width: 150px; }


.links-box a {
	text-decoration: none;
	color: #63b4ec;
	padding: 0;
	width: 150px;
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding-left: 8px; 
}
.links-box a.hover {
	text-decoration: underline;
}
.links-box a.visited {
	color: #63b4ec;
}

.links-box hr, hr.links-box {
	height: 1px;
	width: 80%;
	color: #63b4ec;
	background-color: #63b4ec;
}

.links-box li.separated {
	border-top: 1px solid #63b4ec;	
}
#breadcrumbs {
	color: #666;
	background-color: #fff;
	mergin-left: 30px;
	font-size: 60%;
}

#breadcrumbs a {
	text-decoration: none;
	color: #666;
	padding: 0 3px 0 3px;
	background-color: #fff;
	margin: 5px 0 5px 0;
}

#breadcrumbs a.visited {
	color: #666;
}

.ceres-box-head {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #63b4ec;
	color: #fff;
	width: 600px;
	height: 30px;
	padding: 0;
}
.ceres-box-title {
	float: left;
	padding: 3px 5px 3px 5px;
}
.ceres-box-subtitle {
	float: right;
	padding: 3px 5px 3px 5px;
	text-align: right;
}
.ceres-box {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	padding: 0;
	width: 600px;
}
.ceres-box p {
	padding: 5px;
}
.ceres-box-group-head {
	padding: 2px 0 2px 0;
	width: 590px;
	margin: 10px 5px 0 5px;
	background-color: #63b4ec;
	height: 20px;
	font-size: 14px;
	vertical-align: middle;
}
.ceres-box-group {
	padding: 0;
	width: 590px;
	margin: 0 5px 20px 5px;
}
.ceres-box-info {
	padding: 0 10px 10px 10px;
	width: 580px;
	margin: 10px 0 10px 0;
	text-align: center;
}
.ceres-table {
	width: 590px;
	border: 0;
	margin: 5px;
	padding: 0;
}
.ceres-table th {
	width: 100px;
	background-color: #ddd;
	text-align: left;
	vertical-align: top;
	padding: 2px;
}
.ceres-table td {
	text-align: left;
	padding: 2px;
}
.attributes-table {
	width: 590px;
	border: 0;
	margin: 5px;
	padding: 0;
}
.attributes-table th {
	width: 100px;
	background-color: #ddd;
	text-align: right;
	vertical-align: top;
	padding: 5px;
}
.attributes-table td {
	background-color: #ddf;
	text-align: left;
	padding: 5px;
}
.dark {
	background-color: #cce;
}
.light {
	background-color: #fff;
}
.user-box {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	border-width: 0;
	border-style: solid;
	border-color: #FFCC00;
	padding: 0;
	width: 600px;
}
.user-box h2 {
	text-align: left;
	background-color: #CCCCCC;
}
.form-column {
	margin: 0;
}
.form-field {
	width: 590px;
	border-style: solid;
	border-width: 0;
	border-color: #999999;
	margin: 5px 5px 5px 5px;
	padding: 5px 0 5px 0;
}
.field-label {
	width: 150px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	padding: 4px 4px 4px 4px;
	float: left;
}
.field-input {
	margin: 0 50px 0 150px;
	padding: 0px 2px 0px 2px;
	text-align: left;
}
.field-input-box {
	border: 1px;
	border-style: solid;
	border-color: #9999FF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;

}
.field-input-money-box {
	border: 1px;
	border-style: solid;
	border-color: #9999FF;
	font-family: Monospace, Courier New, Courier, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 2px;
}
.field-input-float-box {
	border: 1px;
	border-style: solid;
	border-color: #9999FF;
	font-family: Monospace, Courier New, Courier, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 2px;
}
.required-field {
	float: right;
	width: 50px;
	font-size: 8px;
	vertical-align: top;
}
.form-error-field {
	background-color: yellow;
}
.form-error-msg {
	text-align: right;
	padding: 5px;
	color: red;
	font-weight: bold;
	margin: 0 20px 10px 50px;
}
.edit-buttons  {
	margin: 0px;
	padding: 0;
	border: 0;
	display: inline;
	text-align: right;
}

.edit-buttons form {
	padding: 0;
	border: 0;
}

.edit-buttons a {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	-moz-border-radius: 3px;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
	background-color: #fff;
	display: inline;
	margin: 0;
	font-size: 10px;
}
.edit-buttons a:hover {
	border-style: solid;
	border-color: #333366;
	border-width: 2px;
	background-color: #eeeeff;
	padding: 1px 4px 1px 4px;
}
.edit-buttons a:visited {
	color: #333333;
}

.user-buttons {
	text-align: right;
	margin: 5px 10px 5px 5px;
	padding: 5px 0 5px 0;
}
.user-buttons a {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	-moz-border-radius: 4px;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.user-buttons a:hover {
	border-style: solid;
	border-color: #333366;
	border-width: 2px;
	background-color: #eeeeff;
	padding: 1px 4px 1px 4px;
}
.user-button a:visited {
	color: #333333;
}
.small-buttons {
	text-align: center;
	font-size: 10px;
	margin: 1px 1px 1px 1px;
	padding: 2px 4px 2px 4px;
}
.small-buttons a {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	color: #333333;
	display: inline;
}
.small-buttons a:hover {
	border-style: solid;
	border-color: #333366;
	border-width: 2px;
	background-color: #eeeeff;
	text-decoration: none;
	padding: 1px 4px 1px 4px;
}
.small-buttons a:visited {
	color: #333333;
}
.small-button {
	margin: 2px;
	border-style: ridge;
}
.small-button a {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	padding: 1px 5px 1px 5px;
	text-decoration: none !important;
	color: #333333;
	display: inline;
	width: 30px;
}
.small-button a:hover {
	border-style: solid;
	border-color: #333366;
	border-width: 2px;
	background-color: #eeeeff;
	text-decoration: none;
	padding: 1px 4px 1px 4px;
}
.small-button a:visited {
	color: #333333;
}
.page-menu {
	margin: 5px;
	text-align: left;
	float: left;
	display: inline;
}
.page-menu ul {
	margin: 0;
	display: inline;
	list-style-type: none;	
}
.page-menu img {
	border: 0;
	vertical-align: middle;
}
.page-menu ul li {
	float: left;
	display: inline;
	min-width: 22px;
	vertical-align: top;
	padding: 0 2px 2px 4px;	
}
.page-menu ul li, .page-menu ul li a {
	padding-bottom: 2px;
	text-align: center;
}
.page-menu ul li a img {
	border: 0;
	vertical-align: middle;
}
.page-menu ul li.page-menu-title {
	width: 80px;
	text-align: left;
}
.search-box {
	margin: 2px;
	text-align: right;
	float: right;
	display: inline;
	border: 1px solid #81afda;
	height:20px;
}
.search-box-image {
	height: 20px;
}
.search-box-text {
	margin: 0;
	font-size:14px;
	vertical-align: top;
	border: 0;
}

.user-box-head {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #666;
	color: #fff;
	width: 600px;
	height: 30px;
	padding: 0;
}
.user-box-title {
	float: left;
	padding: 3px 5px 3px 5px;
}
.user-box-subtitle {
	float: right;
	padding: 3px 5px 3px 5px;
	text-align: right;
}
.user-box {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	padding: 0;
	width: 600px;
}
.user-box p {
	padding: 5px;
}
.user-box-group-head {
	padding: 2px 0 2px 0;
	width: 590px;
	margin: 10px 5px 0 5px;
	background-color: #666;
	height: 20px;
	font-size: 14px;
	vertical-align: middle;
}
.user-box-group {
	padding: 0;
	width: 590px;
	margin: 0 5px 20px 5px;
}
.user-box-info {
	padding: 0 10px 10px 10px;
	width: 580px;
	margin: 10px 0 10px 0;
	text-align: center;
}
.user-table {
	width: 590px;
	border: 0;
	margin: 5px;
	padding: 0;
}
.user-table th {
	width: 100px;
	background-color: #ddd;
	text-align: left;
	vertical-align: top;
	padding: 2px;
}
.user-table td {
	text-align: left;
	padding: 2px;
}
#summary {
	border: 0;
	border-top: 1px solid #344b6d;
	font-size: 1.2em;
	padding: 10px 0 10px 0;
}
#summary img {
	float: left;
	padding: 0 10px 10px 0;
}
.maintext {
	clear: both;
	border: 0;
	border-top: 1px solid #344b6d;
	border-bottom: 1px solid #344b6d;
	font-size: 1em;
}