﻿
body {
margin: 0 auto;
padding: 0;
font: 76% Arial, Helvetica, sans-serif;
}

.wrapper {
background: url('images/contentwrapperbg.gif') repeat-y center center;
margin: 0 auto;
padding: 0;

}



#leftsidebar {
background: #ffffff;
color: #303030;
margin: 0px auto;
width: 1000px;
/*border-top:1px solid #CCCCCC;*/
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:0px;
}

#header {
margin: 0 0 2px 0;
border: 0;
}
#newheader {
width:100%;
margin: 0 auto;
width: 860px;
height:76px; 
background-color:#ffff00;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
	}
#topmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 0px 0;
padding: 0;
font-size: 0.9em;
}

#menu {
clear: left;
float: left;
width: 160px;
margin: 0 10px 0px 3px;
padding: 0;
font-size: 0.9em;
}

#menu ul {	
list-style: none;
width: 155px;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.0em;
}	

#menu li {
margin-bottom: 1px;
}

#menu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #0e3183;
display: block;
padding: 5px 0 0 8px;
background: #ffffff;
border-left: 5px solid #0e3183;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}	
	
#menu li a:hover {
background: #0e3183;
color: #ffffff;
border-left: 5px solid #0e3183;
}


#menu li a.current {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #ffffff;
display: block;
padding: 5px 0 0 8px;
background: #0e3183;
border-left: 5px solid #0e3183;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}	

.leftnews {
margin: 1px 0 0 0;
padding: 5px;
width: 130px;
color: #505050;
background-color: #F7F9F7;
line-height: 1.3em;
}

.rightnews {
float: right;
width: 181px;
background-color:#ffffff;
margin: -6px 0px 0px 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
font-size: 0.9em;
line-height: 1.5em;
}

#rightnews p {
margin: 0 0 1.5em 0;
}

#content {
margin: 5px 5px 20px 160px;
border-left: 1px solid #f0f0f0;
border-right: 0px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content img {
	padding: 0px;
	display:inline;
	border: thin none #CCCCCC;
	background-color: #FFFFFF;
}
#content ul
{
list-style-type: none;
padding: 0;
margin: 10px;
}

#content li
{
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
padding-left: 1.6em;
}
#homecontent {
margin: 5px 181px 0px 5px;
border-left: 0px solid #f0f0f0;
border-right: 0px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#homecontent h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#homecontent img {
	padding: 0px;
	display:inline;
	border: thin none #CCCCCC;
	background-color: #FFFFFF;
}

.greenbox {
background-color: #F7F9F7;
border: 1px solid #94BD53;
color: inherit;
padding: 5px;
margin: 0px;
}

.bluebox {
background-color: #EDF3FE;
border: 1px solid #74A8F5;
color: inherit;
padding: 5px;
margin: 0px;
}

.splitright {
background-color: #ffffff;
width: 49%;
float: right;
overflow: hidden;
}

.splitleft {
background-color: #ffffff;
width: 49%;
float: left;
overflow: hidden;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

h4 {
font-size: 1.2em;
margin: 20px 0 10px 0;
}

a {
text-decoration: none;
color: #2454c0;
}

a:hover {
text-decoration: underline;
color: #0e3183;
}

a img {
border: 0;
}


.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.9em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.style3 {color: #666666}
.style4 {color: #999999}
.style5 {color: #FF9933}
.style6 {color: #86C32A}
.style7 {color: #0e3183}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#slidetabsmenu {
float:left;
width:100%;
font-size:95%;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
border-bottom: 1px solid gray;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}


#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 99%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 7px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
/*text-transform:uppercase;*/
}


#ddcolortabs a{
float:left;
color: white;
background: #0e3183 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 1px 0 0;
padding:0 0 0px 5px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}

#ddcolortabs a:hover{
background-color: #2454c0;
}

#ddcolortabs a:hover span{
background-color: #2454c0;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #2454c0;
}
#ddcolortabs #intouch a, #ddcolortabs #intouch span{ /*currently selected tab*/
background-color: #008C00;
}
#ddcolortabs #intouch a:hover span { /*currently selected tab*/
background-color: #008C00;
font-weight:bold;
}
#ddcolortabs #intouchtrial a, #ddcolortabs #intouchtrial span{ /*currently selected tab*/
background-color: #E9322E;
}
#ddcolortabs #intouchtrial a:hover { /*currently selected tab*/
background-color: #E9322E;
}


#ddcolortabsline{
margin-bottom:0px;
clear: both;
padding: 0;
width: 100%;
height: 6px;
line-height: 8px;
background: #2454c0;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:700px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog2-blue-800x1600.png) no-repeat top right;
 background-image:url(images/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
/* zoom:1;
 _overflow-y:hidden;*/
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
/* _height:1600px;*/ /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1
{
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 font-size:120%;
}
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.3em 0px 0.1em 0px;
 font-size:120%;
}

.dialog h1 {
 padding-bottom:0px;
}
.dialog a {
	color:#FFFFFF;
}

a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.shiftcontainer{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 210px; /* container width*/
background-color: #d1cfd0;
margin-right:10px;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
height:90%;
text-align:left;
line-height:16px;
background-color: white;
border: 1px solid gray;
padding: 0px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
.innerdiv a {
    color:#000000;
}

.shiftcontainer1{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer1{
background-color: #d1cfd0;
}

.shadowcontainer1 .innerdiv{
/* Add container height here if desired */
text-align:left;
line-height:10px;
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
.innerdiv1 a {
    color:#000000;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 24px 25px;
}

/* css for forms */
#container {
	padding:20px;
}

/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
/*	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;*/
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(images/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(/images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}
#mainNav LI {
	BACKGROUND-POSITION: right top; FLOAT: left; BACKGROUND-IMAGE: url(images/navBtn.gif); BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none; HEIGHT: 35px; BACKGROUND-COLOR: #ebebeb
}
#mainNav LI.current {
	BACKGROUND-IMAGE: url(images/navCurrentBtn.gif); BACKGROUND-COLOR: #214082
}
#mainNav LI.lastDone {
	BACKGROUND-IMAGE: url(images/navLastDoneBtn.gif); BACKGROUND-COLOR: #4d7ed4
}
#mainNav LI.done {
	BACKGROUND-IMAGE: url(images/navDoneBtn.gif); BACKGROUND-COLOR: #4d7ed4
}
#mainNav LI A {
	COLOR: #ccc
}
#mainNav LI A:link {
	COLOR: #ccc
}
#mainNav LI A:visited {
	COLOR: #ccc
}
#mainNav LI A:hover {
	COLOR: #ccc
}
#mainNav LI A:active {
	COLOR: #ccc
}
#mainNav LI.lastDone A {
	COLOR: #fff
}
#mainNav LI.lastDone A:link {
	COLOR: #fff
}
#mainNav LI.lastDone A:visited {
	COLOR: #fff
}
#mainNav LI.lastDone A:hover {
	COLOR: #fff
}
#mainNav LI.lastDone A:active {
	COLOR: #fff
}
#mainNav LI.current A {
	COLOR: #fff
}
#mainNav LI.current A:link {
	COLOR: #fff
}
#mainNav LI.current A:visited {
	COLOR: #fff
}
#mainNav LI.current A:hover {
	COLOR: #fff
}
#mainNav LI.current A:active {
	COLOR: #fff
}
#mainNav LI.done A {
	COLOR: #fff
}
#mainNav LI.done A:link {
	COLOR: #fff
}
#mainNav LI.done A:visited {
	COLOR: #fff
}
#mainNav LI.done A:hover {
	COLOR: #fff
}
#mainNav LI.done A:active {
	COLOR: #fff
}
/*#mainNav LI.done A:hover {
	CURSOR: hand; COLOR: #ffff99
}
#mainNav LI.lastDone A:hover {
	CURSOR: hand; COLOR: #ffff99
}*/
#mainNav LI A EM {
	DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 4px 0px 0px 10px; WIDTH: 195px; FONT-STYLE: normal
}
#mainNav LI A SPAN {
	DISPLAY: block; FONT-WEIGHT: normal; MARGIN-LEFT: 2px; WIDTH: 185px
}
#mainNav LI.mainNavNoBg {
	BACKGROUND-IMAGE: none
}
#mainNav LI A {
	DISPLAY: block; HEIGHT: 35px
}

.threeStep#mainNav LI {
	WIDTH: 173px
}
.threeStep#mainNav LI.mainNavNoBg {
	WIDTH: 174px
}
.threeStep#mainNav LI A {
	WIDTH: 173px
}
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup ul,li {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 0px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #0e3183;
	color:#ffffff;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #2454c0;
}

.TabbedPanelsTabSelected {
	background-color: #2454c0;
	border-bottom: solid 1px #999;
	margin: 0px 0px 0px 0px;

}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 0px #CCC;
	border-bottom: solid 1px #CCC;
	/*border-top: solid 1px #ccc;*/
	border-right: solid 0px #999;
	background-color: #EEE;
}
.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 5px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #2454c0;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.buttonSubmitLarge, .buttonSubmitHoveredLarge {
	width:140px;
	height:26px;
	color:#FFF;
	font-weight:bold;

	padding:2px 2px;
	background:url(images/button_large.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHoveredLarge {
	background-position:left bottom;
}
/* Fields CSS */
#brdl { 
background-color : #58887a;
display : inline;
float : left;
width : 1000px;
height : 5px;
border-top : 3px solid #fff;
margin-bottom : 3px;
}
#col_one { 
display : inline;
width : 200px;
float : left;
/*min-height : 320px;*/
height:100%;
line-height: 1.5em;
background-color : #fff;
border-top : 0px solid #ccc;
border-left : 0px solid #ccc;

/*border-bottom : 1px solid #ccc;*/
font-family: 'century gothic', verdana, sans-serif;
font-weight: bold;
text-decoration: none;
} 

* html #col_one { 
height : 320px;
} 
#col_one ul {	
list-style: none;
width: 190px;
margin: 0 0 2px 0;
padding: 0;
font-size: 1.5em;
font-family: 'century gothic', verdana, sans-serif;
}	

#col_one li {
margin-bottom: 1px;
}

#col_one li a {
height: 20px;
text-decoration: none;
color: #ffffff;
display: block;
padding: 5px;
background: #8ccbb8;
font-size: 0.5em;
font-family: verdana, sans-serif;
font-weight: normal;
background-image:url(img/submenua.gif);
background-position:right;
background-repeat: no-repeat;
}	
	
#col_one .child {
font-size: 0.9em;
padding: 0;
}

#col_one .child a {
height: 14px;
padding-left: 10px; 
border-right: 0px solid #fff;
background: #eefffa;
color: #000;
}

#col_one .child a:hover {
color: #1a614c;
background-color: #d8f4ec;
border-right: 10px solid #fff;

}
#col_two { 
display : inline;
width : 199px;
float : left;
min-height : 326px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;*/
} 
* html #col_two { 
height : 320px;
} 
#col_two p { 
/*font-size : 0.9em;
text-align : justify;*/
/*height:170px;*/
background-color : #eeeeee;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_two h2 { 
background-color : #afaeae;
color : #f1f1f1;
font-family : trebuchet ms;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
padding-right: 5px;
} 
#col_two img { 
margin-top : 5px;
margin-left : 0px;
} 
#col_two h3 { 
text-align : center;
font-family : trebuchet ms;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
#col_two ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
} 
#col_two li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : square;
list-style-position : inside;
} 
#col_two a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 
#col_three { 
border-left : 1px solid #fffff0;
border-right : 1px solid #fffff0;
display : inline;
width : 199px;
float : left;
min-height : 320px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;*/
} 
#col_threeA { 
border-left : 0px solid #ccc;
border-right : 0px solid #ccc;
display : inline;
width : 730px;
float : left;
min-height : 320px;
background-color : #fff;
border-top : 0px solid #ccc;
border-bottom : 0px solid #ccc;
} 

* html #col_three { 
height : 320px;
} 
#col_three p { 
/*font-size : 0.9em;
text-align : justify;*/
height:170px;
background-color : #eeeeee;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_three h2 { 
background-color : #a4a4a4;
color : #f1f1f1;
font-family : trebuchet ms;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
padding-right: 5px;
} 
#col_three img { 
margin-top : 5px;
margin-left : 0px;
} 
#col_three h3 { 
text-align : center;
font-family : trebuchet ms;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
#col_three a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 
#col_three ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
}
#col_three li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : square;
list-style-position : inside;
} 
#col_four { 
display : inline;
width : 199px;
float : left;
min-height : 320px;
background-color : #fff;
border-top : 1px solid #ccc;
border-right : 1px solid #fffff0;
/*border-bottom : 1px solid #ccc;*/
} 
* html #col_four { 
height : 320px;
} 
#col_four p { 
font-size : 0.9em;
text-align : justify;
background-color : #eeeeee;
height:170px;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_four h2 { 
background-color : #8e8e8e;
color : #f1f1f1;
font-family : trebuchet ms;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
padding-right: 5px;
} 
#col_four a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 
#col_four img { 
margin-top : 5px;
margin-left : 0px;
}
#col_four ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
}
#col_four li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : square;
list-style-position : inside;
} 
#col_five { 
display : inline;
width : 199px;
float : left;
min-height : 320px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;*/
} 
* html #col_five { 
height : 320px;
} 
#col_five p { 
font-size : 0.9em;
text-align : justify;
background-color : #eeeeee;
height:170px;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_five h2 { 
background-color : #797979;
color : #f1f1f1;
font-family : trebuchet ms;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
padding-right: 5px;
} 
#col_five img { 
margin-top : 5px;
margin-left : 0px;
} 
#col_five h3 { 
text-align : center;
font-family : trebuchet ms;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
#col_five ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
} 
#col_five li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : square;
list-style-position : inside;
} 
#col_five a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 

#col_six { 
display : inline;
width : 158px;
float : left;
min-height : 320px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;*/
} 
* html #col_fiveabout { 
height : 320px;
} 
#col_six p { 
font-size : 0.9em;
text-align : justify;
background-color : #eeeeee;
height:170px;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_six h2 { 
background-color : #5f5f5f;
color : #f1f1f1;
font-family : trebuchet ms;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
padding-right: 5px;
} 
#col_six img { 
margin-top : 5px;
margin-left : 5px;
} 
#col_six h3 { 
text-align : center;
font-family : trebuchet ms;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
#col_six ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
} 
#col_six li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : square;
list-style-position : inside;
} 
#col_six a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 


#footer {
/*clear: both;*/
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 2px solid #0e3183;
width: 860px;
text-align: center;

color: #0e3183;
font-size: 0.9em;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #74A8F5;
}


#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 2px solid #0e3183;
width: 860px;
text-align: center;

color: #0e3183;
font-size: 0.9em;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #74A8F5;
}

#footer { 
clear: both;

margin-top : 3px;
border : 1px solid #ccc;
background-color : #58887a;
display : inline;
float : left;
width : 1000px;
padding-top : 5px;
padding-bottom : 5px;
text-align : center;
} 
#footer p { 
padding-top : 5px;
padding-bottom : 5px;
font-size : 1.2em;
color: #FFFFFF
} 



form#login {
color: #138866;
font-family: 'century gothic', verdana, sans-serif;
 font-size: 10px;
 text-align: right;
 padding-top: 10px;
  padding-bottom: 7px;
}

#login .text {
font-family: 'century gothic', verdana, sans-serif;
 font-size: 11px;
 width: 100px;
 margin-right: 6px;
 color: #138866;
 font-weight: bold;

}

#login .buttons {
font-family: 'century gothic', verdana, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background-color: #34ab88;
 color: #FFFFFF;
 margin-right: 2px;
}


.right {
float: right;
margin: 0 0 8px 12px;
padding: 4px;
background-color: #FFF;
}

.left {
float: left;
margin: 12px 8px ;
padding: 4px;
background-color: #FFF;
}

 #signup table {
 background-color: #F9FBFD;
 color: #000000;
 width: 440px;
 border: 1px solid #d7f2e2;
 border-collapse: collapse;
 min-width: 400px;
}

#signup td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}
td.description, td.summary { padding: 10px; }
.img-wrapper {
 background:url(/img/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(/img/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(/img/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
}
td.description a.address { font-weight: bold; font-size: 1.2em; }
td.description1 a.address { font-weight: bold; font-size: 1.2em; }
#propcolumnright { margin-left: 460px; width: 50px; margin-top: 20px; margin-bottom: 10px; }
#propcolumnleft { float: left; margin: 0 10px; width: 550px; margin-top: 20px; }
#propcolumnrightPrint { margin-left: 360px; width: 80px; margin-top: 20px; margin-bottom: 10px; }
#propcolumnleftPrint { float: left; margin: 0 10px; width: 340px; margin-top: 20px; }
#col_map { 
display : inline;
width : 600px;
float : left;
min-height : 326px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;*/
} 
* html #col_map { 
height : 320px;
} 
#col_map p { 
font-size : 0.9em;
text-align : justify;
background-color : #eeeeee;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_map h2 { 
background-color : #afaeae;
color : #f1f1f1;
font-family : trebuchet ms;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
padding-right: 5px;
} 
#col_map img { 
margin-top : 5px;
margin-left : 5px;
} 
#col_map h3 { 
text-align : center;
font-family : trebuchet ms;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
/*#col_map ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
} 
#col_map li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : square;
list-style-position : inside;
} */
#col_map a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 12px;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.img-wrapper {
 background:url(images/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(images/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(images/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
}
a, a:visited, a:active { color: #2B6352; }
a:hover { color: #7AC9AE; }

.cssPager span {font-size:16px; background-color:Transparent;} 
.cssPager a {font-size:14px; font-weight:bolder;}
.cssPager td { padding-left:4px; padding-right:4px;}
