/*############*/
/*#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;
}
h2 {/*Global h2 element style*/
font-size:24px;
}
h3 {/*Global h3 element style*/
font-size:18px;
}
b {/*Global b element style*/
color: #004f2f;/*Define text color*/
}
.smallp {/*Used on links page*/
border: 1px solid #CCC;
padding-left: 10px;
} 
a { outline: none; }
.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;
border-style:solid;
background-color:#FFF;
}
#map {
border-color: #004f2f !important;
}
/*##################################*/
/*#End Misc Element Styles/Classes#*/
/*################################*/
/*##########################*/
/*#Start Element ID Styles#*/
/*########################*/
body { /*Actual body of document*/
background-color: #efefef !important;/*Define bg image, usually 1px color*/
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*/
}
#container {/*2nd Container, put 'page stretch' here and set overall width*/
background-image: url('pics/kruspodin/705/midSection.jpg');
background-repeat: repeat-y;
width: 801px !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/kruspodin/704/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: 168px;/*Define height of header area, usually height of bg image*/
}
#header_name {/*Area for header text, also area for flash header*/
display:block;
padding-top:15px;
margin-left: 13px;
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*/
width: 158px;/*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: 6px;/*Required, moves container out of side shadow*/ 
}
/*##########################*/
/*#Start Left Minicontents#*/
/*########################*/
#bottomleft1 {/*Usually services menu area*/
display: none;/*Make container visible*/
width: 95%;/*Define width of container*/
margin-top:15px;/*Define margin to space from above content*/
} 
#bottomleft2 {/*Usually RSS feed area*/
display: none;/*Make container visible*/
width: 95%;/*Define width of container*/
margin-top:15px;/*Define margin to space from above content*/
} 
#minirssfeeds {/*Mini RSS feed text style*/
color: #000;/*Define text color*/
}
#minirssfeeds a {/*Mini RSS feed link unvisited style*/
color: #004f2f;/*Define text color*/
text-decoration: none;/*Define underline or not*/
}
#minirssfeeds a:hover {/*Mini RSS feed link hover style*/
color: #999;/*Define text color*/
text-decoration: underline;/*Define underline or not*/
}
#minirssfeeds a:visited {/*Mini RSS feed link visited style*/
color: #004f2f;/*Define text color*/
text-decoration: underline;/*Define underline or not*/
}
#minirssfeeds b {/*Mini RSS feed bold style*/
color: #004f2f;/*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: #004f2f;/*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*/
float: left;/*Positions container to the right of left menu*/
width: 637px;/*Define width, usually ~50% of page width*/
min-height: 221px;/*Define minimum height, usually height of content bg image if set*/
}
.content1 {/*Content*/
position: relative;/*Required*/
text-align: justify;/*Define content's alignment of text*/
width: 91%;/*Define width of content in relation to #content_area, usually 95-100%*/
color: #000;/*Define text color*/
word-wrap: break-word;/*Required*/
padding-left: 7px;/*Moves content out of divider*/
}
/*####################*/
/*#Start Link Styles#*/
/*##################*/
.content1 a {/*Content link style*/
color: #21395A;/*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: #999;/*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: #21395A;/*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: #004f2f;/*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: #999;/*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: #004f2f;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
.minicontent b {
color: #004f2f;
}
#miniservicescontact a {
color: #84a7b5;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
/*##################*/
/*#End Link Styles#*/
/*################*/
#rightmenu_area {/*Container for right menu and minicontent*/
display: none;
}
#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*/
} 
#topright2 {/*Usually contact form*/
display: block !important;/*Make container visible*/
} 
#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*/
}
#bottomright1 {/*Usually weather */
display: block !important;/*Make container visible*/
} 
#miniweather input {/*Style for textbox for weather form*/
color: #000;/*Define text color*/
}
#bottomright2 {/*Usually stocks*/
display: block !important;/*Make container visible*/
} 
#ministocks input {/*Style for textbox for stocks form*/
color: #000;/*Define text color*/
}
/*#########################*/
/*#End Right Minicontents#*/
/*#######################*/
#topfoot {/*Area to put bottom style elements if necessary*/
clear: both;/*Required, place footer below all other floated content*/
width: 100%;/*Define width of footer area, usually 100%*/
display:none;
}
#bottomfoot{/*Area to put bottom style elements if necessary*/
clear: both;/*Required, place footer below all other floated content*/
width: 100%;/*Define width of footer area, usually 100%*/
display:none;
}
#footer_area {/*Container for footer links*/
background-image: url('pics/kruspodin/706/footer.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: 46px;/*Define height of footer area, usually height of bg image*/
}
#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: #ffffff;
}
/*########################*/
/*#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: 147px;/*Define width of container elements, usually 100%*/
height: 30px;/*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'*/
}
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/kruspodin/708/buttonOff.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: #666633; !important;/*Define color of button text*/
font: bold 13px/30px 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: 18px; /*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: url('pics/kruspodin/707/buttonOn.jpg') no-repeat;/*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:147px;/*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: url('pics/kruspodin/707/buttonOn.jpg') no-repeat;/*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: url('pics/kruspodin/709/navbutton_On.jpg') no-repeat;/*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: 100%;/*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:0px;/*Required for this design, usually leftmenuarea width + leftmenuarea padding(~60%)*/
text-align:center;
padding-top:20px;
}
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: #fff;/*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: #fff;/*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: #004f2f;/*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: #004f2f;
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: #3e4a4e;
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: #84a7b5;
color: #004f2f;
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: #3e4a4e;
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#*/
/*########*/