/*############*/
/*#Start CSS#*/
/*##########*/
/*####################################*/
/*#Start Misc Element Styles/Classes#*/
/*##################################*/
* {/*Global font formatting style*/
font-family: Palatino,Arial, Helvetica, sans-serif;/*Define font face*/
font-size: 13px;/*Define font size*/
text-align:justify;
}
h1 {/*Global h1 element style*/
font-size:32px;
color: #AA5022;
font-family: Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;/* added by imaginary */
}

h3 {/*Global h3 element style*/
color: #AA5022;
font-size:18px;
font-family: Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;/* added by imaginary */
}

b, h2 {
padding-top: 30px;/* added by imaginary */
margin-top: 10px;/* added by imaginary */
text-transform: uppercase;/* added by imaginary */
font-size: 13px;/* added by imaginary */
letter-spacing: 1px;/* added by imaginary */
word-spacing: 0px;/* added by imaginary */
font-family: Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;/* added by imaginary */
color:#AA5022;
}
h2 {
	font-size: 16px;/* added by imaginary */
	line-height: 20px;/* added by imaginary */
}

div.right_side {
float:right;
width:49%; 
margin-left: 0px; 
padding-left: 0px;


}



div.right_side p{
	font-size: 13px;/* added by imaginary */
	font-family: Verdana, Helvetica, Arial, sans-serif;/* added by imaginary */

}



ul.generic-bulleted-ul li {
	text-align: left;
	list-style-image: url(pics/mcl/716/bullet.png);
	list-style-type: none;/* added by imaginary */
	font-size: 12px;/* added by imaginary */
	font-family: Verdana, Helvetica, Arial, sans-serif;/* added by imaginary */
	padding-bottom: 2px;/* added by imaginary */
	line-height: 25px;/* added by imaginary */
	padding-right: 10px;/* added by imaginary */
	
}

ul.generic-bulleted-ul {
	padding-left: 10px;/* added by imaginary */
}

/********************start styling for quote box***********/

div.quote-box-wrapper{
	width: 340px;
	text-align:left;
	float: left;
	margin: 30px 0 50px;
}


div.quote-box-wrapper-higher {
float:left;
margin:30px 0 50px;
position:absolute;
top:-232px;
width:353px;
}



div.quote-box-header-footer{
	width: 100%;
	height: 32px;
	background: url(pics/mcl/715/quote-box-background.png) top left no-repeat;
}

div.quote-box-middle{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	text-align:left;
}

h4 {
	font-family:  Palatino, "Palatino Linotype",  Georgia, "Times New Roman", Times, serif;/* added by imaginary */
	color: #57463e;/* added by imaginary */
	font-size: 17px;
	font-weight: lighter;
	line-height: 29px;
	padding: 0;
	margin: 3px;
	text-align:center;
}

h5 {
color:#FFFFFF;
font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",Times,serif;
font-size:23px;
font-weight:lighter;
line-height:32px;
margin:3px;
padding:0;
}

h6 {
color:#57463E;
font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-weight:lighter;
line-height:29px;
margin:3px;
padding:0;
}



span.quotation-marks {
	color:#AA5022;
	font-family:  /* Palatino, "Palatino Linotype",  */ Georgia, "Times New Roman", Times, serif;/* added by imaginary */
	font-size: 29px;
	line-height: 15px;
}


span.quotation-marks-bigger {
color:#AA5022;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:34px;
line-height:15px;
position:relative;
top:4px;
}

/********************end styling for quote box*************/


.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: #504039;
background-image: url('pics/mefreeland/711/background.jpg');
background-repeat: repeat-x;
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/mcl/701/mid_stretch.jpg');/*Define page stretch bg image, usually 1px height*/
background-repeat: repeat-y;/*Stretch image down page, usually repeat-y*/
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*/
}
/*####################*/
/*#Start Header Area#*/
/*##################*/
#header_area {/*Container for header contents, specify total header height here*/
background-repeat: no-repeat;/*Repeat bg image, usually no-repeat*/
width: 100%;/*Define width of header area, usually 100%*/
height: 385px;/*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: #24384a;/*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: 0px;/*Required, aligns text within design area*/
width: 540px;/*Required, aligns text within design area*/
height: 100px;/*Required, aligns text within design area*/
padding-left:0px;
font-weight:bolder;
}
#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/mefreeland/712/top_menu.jpg');
width: 764px;/*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:repeat-x;
margin-left:20px;
_margin-left:20px;
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: #223478;/*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: 800px;/*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-left:0px;
padding:0px;
z-index: 2;

}
.content1 {/*Content*/
position: relative;/*Required*/
text-align: left;/*Define content's alignment of text edited by MASON*/
width: auto;/*Define width of content in relation to #content_area, usually 95-100%*/
color: #000;/*Define text color*/
word-wrap: break-word;/*Required*/
padding: 0 33px 0 33px;/*Moves content out of divider*/
}
.content1 p {		
	color: #57463e;/* added by imaginary */
	line-height: 23px;/* added by imaginary */
	font-size: 13px;/* added by imaginary */
	font-family: Verdana, Helvetica, Arial, sans-serif;/* added by imaginary */
}
.content1 p.orange {
	color:#AA5022;
	line-height: 28px;
}

/*####################*/
/*#Start Link Styles#*/
/*##################*/
.content1 a {/*Content link style*/
color: #AA5022;/*Define text color*/
font-weight: bold;/*Define bold or not, usually bold*/
text-decoration: underline;/*Define underline or not*/
}
.content1 a:hover {/*Content link hover style*/
color: #AA5022;/*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: #AA5022;/*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:#223478;
font-weight:bold;
}
/*##################*/
/*#End Link Styles#*/
/*################*/
#rightmenu_area {/*Container for right menu and minicontent*/
background-image: url('images/cpanew1blue/blue-steel_panels_03.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;
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/mcl/702/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: 69px;/*Define height of footer area, usually height of bg image*/
padding: 0px;
text-align:center;
}
#pagedisclaimer {
width:800px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 40px;
margin-bottom: 25px;
font-size: 12px;
font-style: italic;
color: #FFF;
}
ul.footer_links {
display:block;
padding-top: 75px;
padding-left:0px;
padding-left: auto;
padding-right: auto;
width:800px;
text-align:center;
}
ul.footer_links li {
display:inline;
margin-left:5px;
margin-right:5px;
}
ul.footer_links li a {
color:#fff;
font-weight:bold;
text-decoration:none;
}
ul.footer_links li a:hover {
color:#fff;
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*/
/* width: 155px; Define width of container elements, usually 100%*/
height: 30px;/*Define height of container elements, usually button image height*/
position: relative; /* added by imaginary */
top:-7px;/* added by imaginary */
list-style: none;/*Required MASON*/
margin: 0px;/*Define container margins, usually 0px*/
padding:0 6px 0 6px;
margin:-4px 0 0 3px; 
}

ul.navmenu_side {/*Only applies to top UL*/
height:auto; /*Define height so menu 'takes up space'*/
padding-left:0px;
margin-top: -366px;
margin-left: 244px;
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-repeat: repeat-x;/*Use repeat-x if stretching button, otherwise no-repeat*/

}
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*/
border: none;/*Define border, usually none;*/
display: block;/*Required*/
color: #FFF;/*Define color of button text*/
font: 11px/50px 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: 30px !important;/*Required*/
height: 1%; /*Required (For IE)*/
text-align: left;/*Define text alignment, usually left*/
width: 100%;/*Required*/
/* width:160px;
padding: 0 4px; */
}

ul.navmenu_side li:hover,
ul.navmenu_side li.iehover {
background-image: none;
}

ul.navmenu_side a:hover,
ul.navmenu_side li:hover a,
ul.navmenu_side li.iehover a {/*Define button rollover state*/
background-image: none;
}
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-color: #000001;
width: 160px;
/*background-image: url('images/cpanew1blue/blueoff.jpg'); Define sub button image*/
color: #FFF;
}
ul.navmenu_side li:hover li,
ul.navmenu_side li.iehover li {
background-color: #000001;
}
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*/
width: 160px;
/* background-image: url('images/cpanew1blue/blueon.jpg'); Define rollover bg image for sub button*/
color: #efedc9;/*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: 30px;/*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;
}


ul.navmenu_side li{ /* added by imaginary */
	border-right: #fff dotted 1px;
}

ul.navmenu_side li.no-border{ /* added by imaginary */
	border: none;
}

/*####################*/
/*#End Services Menu#*/
/*##################*/
/*##########*/
/*#End CSS#*/
/*########*/
.formsul li a {
color:#AA5022;
}
.pubsul li a {
color:#AA5022;
} 
#left1 {
width:33px !important;
}
#left2 {
width: 42px;
} 
#left3 {
width:58px;
}
#left4 {
width: 58px;
}
#left5 {
width: 58px;
}
#left6 {
width:97px
}
#left8 {
width: 47px;
} 
#left7 {
width: 49px;
border:none;
} 
#left9 {
width: 60px;
} 


#left12 {
width: 58px;
}


#left13 {
width: 38px;
}



#left16 {
width:90px;
}
#left19 {
width: 77px;
}



#left23 {
width: 48px;
}



#left24 {
width: 48px;
}


#left25 {
width: 90px;
}


#left26 {
width: 58px;
}
#left27 {
width: 45px;
}
#left28 {
width: 80px;
}
#left29 {
width: 50px;
}
#left30 {
width: 35px;
}
.page_header {
margin-left:-33px;
margin-top:-236px;
} 
.quote-box-staff {
float:left;
width:318px;
padding-top:40px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
}
.staff_images {
float:left;
width:416px;
}