/*############*/
/*#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: #323a2f;
}
h2 {/*Global h2 element style*/
font-size:24px;
color: #323a2f;
}
h3 {/*Global h3 element style*/
font-size:18px;
color: #323a2f;
}
b {/*Global b element style*/
color: #323a2f;/*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: #919191 !important;/*Define bg image, usually 1px color*/
background-repeat: repeat;/*Required (Repeat 1px bg image)*/
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*/
background-image: url('pics/hamiltoncpa/738/mid_stretch.jpg');/*Define page stretch bg image, usually 1px height*/
background-repeat: repeat-y;/*Stretch image down page, usually repeat-y*/
width: 914px !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/hamiltoncpa/736/header.jpg');/*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: 280px;/*Define height of header area, usually height of bg image*/
}
#header_name {/*Area for header text, also area for flash header*/
font-size: 32px;/*Define base font size of header text, usually 28px*/
text-align: center;/*Define text alignment of header text, usually left*/
color: #323a2f;/*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: 123px;/*Required, aligns text within design area*/
width: 540px;/*Required, aligns text within design area*/
height: 100px;/*Required, aligns text within design area*/
padding-left:15px;
font-weight:bolder;
display:none;
}
#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*/
background-image: url('pics/hamiltoncpa/737/left_nav_back.jpg');
width: 206px;/*Define width of container, usually ~20% of page width*/
float: left;/*Required, positions container to the left of page*/
position: relative;/*Required*/
z-index: 2;/*Required*/
padding-left: 0px;/*Required, moves container out of side shadow*/
height:auto;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
/*##########################*/
/*#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*/
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;
} 
#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: #323a2f;/*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*/
width: 636px;/*Define width, usually ~50% of page width*/
float:left;
min-height: 343px;/*Define minimum height, usually height of content bg image if set*/
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
.content1 {/*Content*/
position: relative;/*Required*/
text-align: justify;/*Define content's alignment of text*/
width: 95%;/*Define width of content in relation to #content_area, usually 95-100%*/
color: #000;/*Define text color*/
word-wrap: break-word;/*Required*/
padding-left: 9px;/*Moves content out of divider*/
}
/*####################*/
/*#Start Link Styles#*/
/*##################*/
.content1 a {/*Content link style*/
color: #323a2f;/*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: #323a2f;/*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: #323a2f;/*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:#323a2f;
font-weight:bold;
}
/*##################*/
/*#End Link Styles#*/
/*################*/
#rightmenu_area {/*Container for right menu and minicontent*/
background-image: url('images/cpanew1blue/blue-steel_rt.jpg');
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;
} 
#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;
} 
#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;
} 
#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;
} 
#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/hamiltoncpa/735/footer2.jpg');/*Define bg image of footer*/
background-repeat: no-repeat;/*Repeat footer image, usually no-repeat*/
clear: both;/*Required, place footer below all other floated content*/
width: 100%;/*Define width of footer area, usually 100%*/
height: 71px;/*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;
}
/*########################*/
/*#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*/
width: 158px;/*Define width of container elements, usually 100%*/
height: 27px;/*Define height of container elements, usually button image height*/
list-style: none;/*Required*/
margin: 0px;/*Define container margins, usually 0px*/
padding: 0px;/*Define container paddings, usually 0px*/
}
ul.navmenu_side {/*Only applies to top UL*/
height:auto; /*Define height so menu 'takes up space'*/
padding-left:17px;
}
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*/
}
ul.navmenu_side a {/*Define top-level buttons*/
background-image: url('pics/hamiltoncpa/733/button_off.jpg');/*Define button image*/
background-repeat: no-repeat;/*Use repeat-x if stretching button, otherwise no-repeat*/
border: none;/*Define border, usually none;*/
display: block;/*Required*/
color: #FFF !important;/*Define color of button text*/
font: bold 14px/27px Arial, Helvetica, sans-serif !important;/*Define: font-weight, font-size/line-height (button image height), Font face*/
text-decoration: none;/*Define underline or not, usually none */
height: auto !important;/*Required*/
height: 1%; /*Required (For IE)*/
text-align: left;/*Define text alignment, usually left*/
width: 100%;/*Required*/
text-indent: 10px; /*Indents button link text, usually ~5-15px*/
}
ul.navmenu_side a:hover,
ul.navmenu_side li:hover a,
ul.navmenu_side li.iehover a {/*Define button rollover state*/
background-image: url('pics/hamiltoncpa/734/button_on.jpg');/*Define rollover bg image for button*/
color: #FFF;/*Define rollover link color*/
}
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: url('pics/hamiltoncpa/733/button_off.jpg');/*Define sub button image*/
}
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*/
background-image: url('pics/hamiltoncpa/734/button_on.jpg');/*Define rollover bg image for sub button*/
color: #FFF;/*Define rollover link color*/
}
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: 0px;/*Required for sub menu alignment*/
left: 100%;/*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*/
}
/*##########################*/
/*#End Vertical Side Menus#*/
/*########################*/
/*####################*/
/*#Start Footer Menu#*/
/*##################*/
ul.footer_links {/*Define footer container style*/
position: relative;/*Required*/
list-style: none;/*Required*/
display: block;/*Required*/
width: 74%;/*Define width, usually width of content area (~60%)*/
padding:0px;/*Define footer container padding, usually 0px*/
margin:0px;/*Define footer container margin, usually 0px*/
margin-left:172px;/*Required for this design, usually leftmenuarea width + leftmenuarea padding(~60%)*/
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-left:159px;
}
ul.footer_links li {
display: inline;/*Required, makes links on the same line*/
margin-left: 5px;/*Provides spacing between links*/
margin-right: 5px;/*Provides spacing between links*/
}
ul.footer_links li a {
color: #323a2f;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: none;/*Define underline or not*/
}
ul.footer_links li a:hover {
color: #323a2f;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
/*##################*/
/*#End Footer Menu#*/
/*################*/
/*######################*/
/*#Start Services Menu#*/
/*####################*/
#double {/*Define heading for services menu style*/
text-align: center;/*Define text alignment for heading*/
font-size: 16px;/*Heading font size*/
font-weight: bold;/*Define bold or not, usually bold*/
color: #FFF;/*Heading font color*/
}
ul.top,
ul.top li,
ul.top ul {/*Define services menu container style*/
width: 100%;
list-style: none;
margin: 0px;
padding: 0px;
border: 1px;
}
ul.top:after /*From 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.top li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
display: inline; /*For IE*/
position: relative;
}
/* Root Menu */
ul.top a {
display: block;
padding: 1px;
color: #FFF;
font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
width: 100%;
}
/* Root Menu Hover Persistence */
ul.top a:hover,
ul.top li:hover a,
ul.top li.iehover a {
color: #FFF;
background-color: #323a2f;
border: solid 1px #fff;
padding: 0px;
}
ul.top li:hover ul,
ul.top li.iehover ul {
_border-color: black;
_filter: chroma(color=black);
border-left: 5px solid transparent;
z-index: 2;
width: 200px;
padding: 0px;
margin: 0px;
}
/* 2nd Menu */
ul.top li:hover li a,
ul.top li.iehover li a {
border: none;
text-align: left;
background-color: #323a2f;
padding: 1px;
}
/* 2nd Menu Hover Persistence */
ul.top li:hover li a:hover,
ul.top li:hover li:hover a,
ul.top li.iehover li a:hover,
ul.top li.iehover li.iehover a {
color: #FFF;
background-color: #323a2f;
border: solid 1px #fff;
padding: 0px;
}
ul.top ul,
ul.top ul ul,
ul.top ul ul ul {
display: none;
position: absolute;
top: 0px;
left: 100%;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul.top li:hover ul ul,
ul.top li:hover ul ul ul,
ul.top li.iehover ul ul,
ul.top li.iehover ul ul ul {
display: none;
}
ul.top li:hover ul,
ul.top ul li:hover ul,
ul.top ul ul li:hover ul,
ul.top li.iehover ul,
ul.top ul li.iehover ul,
ul.top ul ul li.iehover ul {
display: block;
} 
/*####################*/
/*#End Services Menu#*/
/*##################*/
/*##########*/
/*#End CSS#*/
/*########*/
#bottomleft1 {
display:none !important;
clear:both;
}
.formsul li a {
color:#323a2f;
}
.pubsul li a {
color:#323a2f;
}

/* 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;
}
