/*############*/
/*#Start CSS#*/
/*##########*/
/*####################################*/
/*#Start Misc Element Styles/Classes#*/
/*##################################*/
* {/*Global font formatting style*/
font-family: Arial, Helvetica, sans-serif;/*Define font face*/
font-size: 12px;/*Define font size*/
}
h1 {/*Global h1 element style*/
font-size:32px;
color: #5497b7;
}
h2 {/*Global h2 element style*/
font-size:24px;
color: #5497b7;
}
h3 {/*Global h3 element style*/
font-size:18px;
color: #5497b7;
}
b {/*Global b element style*/
color: #000;/*Define text color*/
}
.smallp {/*Used on links page*/
border: 1px solid #000;
padding-left: 0px;
} 
.smallp p {/*Used on links page*/
margin-top: 2px;
margin-bottom: 0px;
font-weight: bold;
}
.nomargin {
margin-top: 2px;
margin-bottom: 0px;
} 
.nomargin p {
margin-top: 2px;
margin-bottom: 0px;
}
.hr hr {
display:block !important;
color:#FFF;
border-color:#FFF;
background-color:#FFF;
}
#map {
border-color: #671E15 !important;
}
/*##################################*/
/*#End Misc Element Styles/Classes#*/
/*################################*/
/*##########################*/
/*#Start Element ID Styles#*/
/*########################*/
body { /*Actual body of document*/
background-color: #FFF;
margin: 0px;/*Define body margin, usually 0px*/
padding: 0px;/*Define body padding, usually 0px*/
}
#precontain {/*Overall container, put 'top' background here*/
background-image: none;/*Define 'top' bg image*/
background-repeat: repeat-x;/*Stretch 'top' bg image, usually repeat-x*/
}
#container {/*2nd Container, put 'page stretch' here and set overall width*/
width: 800px !important;/*Required, overall width of site, usually width of stretch bg image*/
margin-left: auto;/*Required, centers page for Firefox*/
margin-right: auto;/*Required, centers page for Firefox*/
}
#page {/*3rd Container, use if needed*/
width: 100%;
}
/*####################*/
/*#Start Header Area#*/
/*##################*/
#header_area {/*Container for header contents, specify total header height here*/
background-image: url('pics/dom2/700/header.gif');/*Define bg image for header area*/
background-repeat: no-repeat;/*Repeat bg image, usually no-repeat*/
width: 100%;/*Define width of header area, usually 100%*/
height: 243px;/*Define height of header area, usually height of bg image*/
}
#header_name {/*Area for header text, also area for flash header*/
font-family: Georgia;
font-size: 32px;/*Define base font size of header text, usually 28px*/
text-align: center;/*Define text alignment of header text, usually left*/
color: #021956;/*Define text color of header text*/
float: left;/*Required for this design, use instead of large padding/margin to move text far to the right*/
padding-right: 0px;/*Required, aligns text within design area*/
padding-top: 40px;/*Required, aligns text within design area*/
width: 440px;/*Required, aligns text within design area*/
height: 100px;/*Required, aligns text within design area*/
padding-left:220px;
font-weight:bolder;
}
#header_name #subtitle {
font-family: Georgia;
}
#head_links {/*Area for horizontal links*/
display: none;/*Define if horizontal links are visible, usually none*/
}
#leftmenu_area {/*Container for left menu, minicontent, and services menu*/
width: 420px;/*Define width of container, usually ~20% of page width*/
position: absolute;/*Required*/
top:170px;
padding-left:372px;
z-index: 2;/*Required*/
height:72px;

}
/*##########################*/
/*#Start Left Minicontents#*/
/*########################*/
#bottomleft1 {/*Usually services menu area*/
display: none !important;/*Make container visible*/
width: 95%;/*Define width of container*/
margin-top:15px;/*Define margin to space from above content*/
padding-left:7px;
} 
#bottomleft2 {/*Usually RSS feed area*/
position:absolute;
top:73px;
left: 0px;
display: block !important;/*Make container visible*/
width:111px;/*Define width of container*/
height:333px;
} 
#bottomleft2 hr {
display:none !important;
}
#minirssfeeds {/*Mini RSS feed text style*/
color: #FFF;/*Define text color*/
}
#minirssfeeds a {/*Mini RSS feed link unvisited style*/
color: #fff;/*Define text color*/
text-decoration: none;/*Define underline or not*/
}
#minirssfeeds a:hover {/*Mini RSS feed link hover style*/
color: #fff;/*Define text color*/
text-decoration: underline;/*Define underline or not*/
}
#minirssfeeds a:visited {/*Mini RSS feed link visited style*/
color: #fff;/*Define text color*/
text-decoration: underline;/*Define underline or not*/
}
#minirssfeeds b {/*Mini RSS feed bold style*/
color: #fff;/*Define text color*/
}
#expandlink a {/*Mini RSS feed expand link style*/
display:block;/*Required*/
width:90%;/*Required*/
margin-top:3px;/*Define margin from actual RSS iframe*/
text-decoration:none;/*Define underline or not*/
border:2px solid #FFF;/*Define border*/
background-color: #5497b7;/*Define background color*/
font-weight:bold;/*Define bold or not, usually bold*/
color: #FFF;/*Define text color*/
font-size:14px;
}
#expandlink a:visited {
color: #FFF;
}
/*########################*/
/*#End Left Minicontents#*/
/*######################*/
#content_area {/*Container for content*/
background-image: url('pics/dom2/701/border_stretch.gif');/*Define bg image for content area*/
background-repeat: repeat-x;/*Repeat bg image, usually no-repeat*/
background-position: top;
background-color:#a8cada;
width: 800px;/*Define width, usually ~50% of page width*/
float:left;
min-height: 340px;/*Define minimum height, usually height of content bg image if set*/
padding:0px;
}
.content1 {/*Content*/
background-image: url('pics/dom2/702/content_stretch.gif');/*Define bg image for content area*/
background-repeat: repeat-x;/*Repeat bg image, usually no-repeat*/
background-position: top;
background-color:#FFF;
position: relative;/*Required*/
left:111px;
min-height:420px;
text-align: justify;/*Define content's alignment of text*/
width: 611px;/*Define width of content in relation to #content_area, usually 95-100%*/
color: #000;/*Define text color*/
word-wrap: break-word;/*Required*/
padding: 18px 30px 0 30px;/*Moves content out of divider*/
}
/*####################*/
/*#Start Link Styles#*/
/*##################*/
.content1 a {/*Content link style*/
color: #5497b7;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: none;/*Define underline or not*/
}
.content1 a:hover {/*Content link hover style*/
color: #5497b7;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
.content1 a:visited {/*Content link visited style*/
color: #5497b7;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
.minicontent a {/*Minicontent link style*/
color: #fff;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: none;/*Define underline or not*/
}
.minicontent a:hover {/*Minicontent link hover style*/
color: #fff;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
.minicontent a:visited {/*Minicontent link visited style*/
color: #fff;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
#miniservicescontact a {
color:#5497b7;
font-weight:bold;
}
/*##################*/
/*#End Link Styles#*/
/*################*/
#rightmenu_area {/*Container for right menu and minicontent*/
background-image: none;
width:165px;
float: right;/*Positions container next to the right of content*/
position: relative;
z-index: 2;
background-repeat:no-repeat;
padding:0px;
margin:0px;
display:none !important;
}
#navmenuright {/*Container for right menu*/
display:none;/*Hide right menu, usually none*/
}
/*###########################*/
/*#Start Right Minicontents#*/
/*#########################*/
#topright1 {/*Usually contact info*/
display: block !important;/*Make container visible*/
width:90%;
padding-left:7px;
display:none !important;
} 
#minicontactinfo p {/* p tag color for stocks form*/
color: #fff; /*Define p color*/
}
#minicontactinfo b {/* p tag color for stocks form*/
color: #fff; /*Define p color*/
}
#topright2 {/*Usually contact form*/
display: block !important;/*Make container visible*/
width:90%;
padding-left:7px;
display:none !important;
} 
#minisendmail input {/*Style for textbox for mini contact form*/
color: #000;/*Define text color*/
}
#minisendmail textarea {/*Style for text area for mini contact form*/
color: #000;/*Define text color*/
}
#minisendmail p {/* p tag color for stocks form*/
color: #fff; /*Define p color*/
}
#minisendmail b {/* p tag color for stocks form*/
color: #fff; /*Define p color*/
}
#bottomright1 {/*Usually weather */
display: block !important;/*Make container visible*/
width:90%;
padding-left:7px;
display:none !important;
} 
#miniweather input {/*Style for textbox for weather form*/
color: #000;/*Define text color*/
}
#miniweather p {/* p tag color for weather form*/
color: #fff; /*Define p color*/
}
#miniweather b {/* p tag color for weather form*/
color: #fff; /*Define p color*/
}
#bottomright2 {/*Usually stocks*/
display: block !important;/*Make container visible*/
width:90%;
padding-left:7px;
display:none !important;
} 
#ministocks input {/*Style for textbox for stocks form*/
color: #000;/*Define text color*/
}
#ministocks p {/* p tag color for stocks form*/
color: #fff; /*Define p color*/
}
#ministocks b {/* p tag color for stocks form*/
color: #fff; /*Define p color*/
}
/*#########################*/
/*#End Right Minicontents#*/
/*#######################*/
#topfoot {/*Area to put bottom style elements if necessary*/
background-image: none;/*Define bg image, usually none*/
display: none;/*Define if needed, usually none*/
}
#bottomfoot{/*Area to put bottom style elements if necessary*/
background-image: none;/*Define bg image, usually none*/
display: none;/*Define if needed, usually none*/
}
#footer_area {/*Container for footer links*/
background-image: url('pics/dom2/704/footer.gif');/*Define bg image of footer*/
background-repeat: no-repeat;/*Repeat footer image, usually no-repeat*/
background-position: bottom left;
clear: both;/*Required, place footer below all other floated content*/
width: 100%;/*Define width of footer area, usually 100%*/
height: 60px;/*Define height of footer area, usually height of bg image*/
padding: 0px;
text-align:center;
}
#pagedisclaimer {
width:50%;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
font-size: 12px;
font-style: italic;
color: #FFF;
}
ul.footer_links {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none
margin:0;
padding:10px 18px 0 111px;
position:relative;
width:auto;
}
ul.footer_links li {
display:inline;
margin-left:5px;
margin-right:5px;
}
ul.footer_links li a {
color:#000;
font-weight:bold;
text-decoration:none;
}
ul.footer_links li a:hover {
color:#5497b7;
font-weight:bold;
text-decoration:underline;
}
/*########################*/
/*#End Element ID Styles#*/
/*######################*/
/*#################################################*/
/*#Start Vertical Side Menus, BOTH left and right#*/
/*###############################################*/
ul.navmenu_side,
ul.navmenu_side li,
ul.navmenu_side ul {/*Define overall widths of areas*/
height: 26px;/*Define height of container elements, usually button image height*/
list-style: none;/*Required*/
margin: 0px;/*Define container margins, usually 0px*/
padding:0 11px 0 9px;
}
ul.navmenu_side {/*Only applies to top UL*/
height:auto; /*Define height so menu 'takes up space'*/
background-image: none; Define button image*/
background-repeat: repeat-x;/*Use repeat-x if stretching button, otherwise no-repeat*/
}
ul.navmenu_side:after { /*Required (IE 7 lack of compliance)*/
clear: both;/*Required (For IE)*/
display: block;/*Required (For IE)*/
font: 1px/0px serif;/*Required (For IE)*/
content: '.';/*Required (For IE)*/
height: 0px;/*Required (For IE)*/
visibility: hidden;/*Required (For IE)*/
}
ul.navmenu_side li {/*Define style for button containers*/
float: left; /*Required (For IE 7 lack of compliance)*/
display: block !important; /*Required (For GOOD browsers)*/
display: inline; /*Required (For IE)*/
position: relative;/*Required*/
width:auto;
background-image: url('pics/dom2/705/menudivider.gif');
background-repeat: no-repeat;
background-position:right;
}
ul.navmenu_side li ul li {
width:160px;
padding:0;
margin-left:-13px;
text-align:left;
}
ul.navmenu_side li ul li a {
text-align:left;
padding-left:10px;
}
ul.navmenu_side a {/*Define top-level buttons*/
background-image: none; Define button image*/
background-repeat: repeat-x;/*Use repeat-x if stretching button, otherwise no-repeat*/
border: none;/*Define border, usually none;*/
display: block;/*Required*/
color: #333;/*Define color of button text*/
font: bold 11px/26px Arial, Helvetica, sans-serif !important;/*Define: font-weight, font-size/line-height (button image height), Font face*/
text-transform:uppercase;
text-decoration: none;/*Define underline or not, usually none */
height: 29px !important;/*Required*/
height: 1%; /*Required (For IE)*/
text-align: center;/*Define text alignment, usually left*/
width: 100%;/*Required*/
/* width:160px;
padding: 0 4px; */
}
ul.navmenu_side li:hover,
ul.navmenu_side li.iehover {
}
ul.navmenu_side a:hover,
ul.navmenu_side li:hover a,
ul.navmenu_side li.iehover a {/*Define button rollover state*/
color:#5497b7;
}
ul.navmenu_side li:hover ul,
ul.navmenu_side li.iehover ul {/*Define sub menu style*/
z-index:2;/*Required*/
width:150px;/*Define width of sub menu container*/
_border-color:black;/*Required for transparent space between buttons and sub menu in IE6*/
_filter:chroma(color=black);/*Required for transparent space between buttons and sub menu in IE6*/
border-left:5px solid transparent;/*Provides space between buttons and sub menu*/
}
ul.navmenu_side li:hover li a,
ul.navmenu_side li.iehover li a {/*Define sub buttons*/
background-image: none; /*Define button image*/
background-color: #e2eef3 !important;
width: 160px;
color: #333;
}
ul.navmenu_side li:hover li,
ul.navmenu_side li.iehover li {
}
ul.navmenu_side li:hover li a:hover,
ul.navmenu_side li:hover li:hover a,
ul.navmenu_side li.iehover li a:hover,
ul.navmenu_side li.iehover li.iehover a {/*Define sub buttons rollover state*/
color:#5497b7;
width: 160px;
}
ul.navmenu_side ul,
ul.navmenu_side ul ul,
ul.navmenu_side ul ul ul {/*Required style for UL containers*/
display: none;/*Required to keep sub menu hidden*/
position: absolute;/*Required for sub menu alignment*/
top: 29px;/*Required for sub menu alignment*/
left: 0;/*Required for sub menu alignment, usually left:100%, make right:100% if right menu*/
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul.navmenu_side li:hover ul ul,
ul.navmenu_side li:hover ul ul ul,
ul.navmenu_side li.iehover ul ul,
ul.navmenu_side li.iehover ul ul ul {/*Required to keep sub menu hidden in IE6*/
display: none;/*Required to keep sub menu hidden*/
}
ul.navmenu_side li:hover ul,
ul.navmenu_side ul li:hover ul,
ul.navmenu_side ul ul li:hover ul,
ul.navmenu_side li.iehover ul,
ul.navmenu_side ul li.iehover ul,
ul.navmenu_side ul ul li.iehover ul {/*Required to show sub menu on rollover*/
display: block; /*Required to show sub menu on rollover*/
}
ul.navmenu_side li ul li a {
display:block !important;
}
/*####################*/
/*#End Services Menu#*/
/*##################*/
/*##########*/
/*#End CSS#*/
/*########*/
.formsul li a {
color:#5497b7;
}
.pubsul li a {
color:#000;
} 
#left1 {
width:31px !important;
}
#left2 {
width: 52px;
} 
#left3 {
width:101px;
}
#left4 {
width: 53px;
}
#left5 {
width: 54px;
background-image:none;
}
#left6 {
width: 31px
}
#left9 {
width: 52px;
}
#left16 {
width:101px;
}
#left17 {
width: 53px;
}
#left18 {
width: 54px;
background-image:none;
}
/* form parts, text filed's text will be black always */
.gmnoprint div { /*Sets Google map plain text to black*/
color: #000 !important;
}
.gmnoprint b { /*Sets Google map bold text to black*/
color: #000 !important;
}
form input { /*Sets form input text to black*/
color: #000 !important;
}
form textarea { /*Sets form textarea text to black*/
color: #000 !important;
}
form select { /*Sets form select text to black*/
color: #000 !important;
}
form option { /*Sets form option text to black*/
color: #000 !important;
}
