/* style.css collierhills  /includes/style.css */


body {
width: 100%;
max-width: 1240px;
margin: 0 auto;
text-align: center;
font-family: Verdana,Helvetica,sans-serif;
font-size: 10pt;
line-height: 12pt;
background:#663;
color: #111;
overflow: auto;
}

p {
text-indent: 1.5em;
margin: .2em 0;

}

#wrap {
width: 96%;
margin: 25px auto;
border: 1px solid #633;
background-color: #eed;
color: inherit;
text-align: left;
overflow: hidden;
}

#wrap_plain {
width: 100%; 
background-color: #ffe; 
color: #112; 
padding-top: 20px; 
text-align: left;
}

#content {
width: 100%;
background-color: #eed;
margin: 0;
text-align: left;
}

/* acontent { background: #fffff7; padding: 10px; width: 746px; }
#acontent p {font: 10pt/12pt Verdana,sans-serif; width: 726px; padding: 5px 10px; text-indent: 1.5em; }*/

a:link {
color: #666633;
text-decoration: underline;
}
a:visited {
color: #666633;
text-decoration: underline;
}
a:hover {
color: #dd6600;
text-decoration: none
}
a:active {
color: #666633;
text-decoration: none;
}

#logo {
width: 100%;
height: 180px;
text-align: center;
margin: 0;
padding: 0;
overflow: hidden;
background: URL('./../images/logohead3_flat.jpg');
}

#date  {
width: auto;
margin:  0 0 0 0;
}


#topnav {
	width: 100%;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	background: URL('./../images/bg1.gif') repeat;
	position: relative;
	padding-top: 3px;
}

#topnav a:link {
text-decoration: none;
color: #ffffff; 
} 

#topnav a:visited {
text-decoration: none;
color: #ffffff; 
} 

#topnav a:hover {
text-decoration: underline;
color: #d60; 
}
#topnav a:active {
text-decoration: underline;
color: #ff2; 
}

#top_ul, #top_ulmx {
	width: 100%;
	height:35px;
	float: left;
	list-style-type: none;
	margin: 0 auto;
	text-align: center;	
}
li.nav ul.item, .nav_mx ul .item2 {
	display:none;
	position: relative; top: 15px; left: -28px;	
	list-style-type: none;
	
}

li.nav ul.item li {
	color:#fff;
	text-decoration:none;
	background:  URL('./../images/bg1.gif') repeat;
	width: 130px;
	height: 30px;
	clear: both;
	padding: 7px 5px 5px 5px;
	font-size: 9pt;
	line-height: 11pt;
}	

li.nav:hover > ul.item {
	display:block; 
}

.nav_mx ul:hover .item2 {background:  URL('./../images/bg3.gif') repeat;}
.nav ul:hover .item a:hover, .nav_mx ul:hover .item2 a:hover{color:#fd5;}

.downarrow {
	position: relative;
	top: 5px;
}

#topnav_mx {
width: 100%;
height: 35px;
margin: 0 auto;
padding-top: 9px;
text-align: center;
background: URL('./../images/bg3.gif') repeat;
}

.nav, .nav2, .navb, .navb2 {
width: 12%;
margin: 0 auto;
padding: 5px 0;
float: left;
font: 700 9pt/9pt Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
}
.navb {width: auto; padding-left: 20px; padding-right: 20px; border-right: 1px solid white;}
.nav2, .navb2 {width: 20%;}

.nav2 a:link {
text-decoration: none;
color: #ffffff; 
} 

.nav2 a:visited {
text-decoration: none;
color: #ffffff; 
}
.nav, .nav2, .navb, .navb2 a:hover{
text-decoration: underline;
color: #d60; 
}

.nav, .nav2, .navb, .navb2 a:active{
text-decoration: none;
color: #ff2; 
}
.jump, .jump2 {margin-top: -9px;}
.jumpmenu {
background: URL('./../images/bg1.gif') repeat;
color: #fff;
font: 700 9pt/12pt Verdana, Helvetica, sans-serif;
border: 2px solid #555;
}
.gobutton {padding: 0; float: right; 
font: 700 9pt/9pt Verdana, Helvetica, sans-serif;
margin: 1px 0 0 5px;}

ul {
	list-style-type: disc;	
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #111;
}

#pagetitle {width: 96%;
margin-left: 2%;
margin-bottom: 10px;
text-align: center;
border: 3px double #666;
}

#leftcol {
width: 37%;
margin: 0 .5%;
padding: 5px .5%;
float: left;
background-color: #eed;
color: #232;
}

#rightcol {
width: 59%;
margin: 0 .5%;
padding: 5px .5%;
float: left;
background-color: #eed;
color: #232;
}

.col50 {
width: 48%;
margin: 0 .5%;
padding: .5em .5%;
float: left;
background-color: #eed;
color: #232;
}

.l50 {
width: 49%;
padding-right: 1%;
float: left;
}
.r50 {
width: 49%;
padding-left: 1%;
float: right;
}

/* # rightcol styles */

.box {
width: 95%;
padding: 5px 1% 8px 1%;
margin: 5px 1% 15px 0px;
background-color: inherit;
color: #333;
border: 3px solid #686;
}

.greybox {
width: 97%;
padding: 5px 1% 8px 1%;
margin: 5px 1% 15px 0px;
background-color: #ddc;
color: #333;
}

.greenbox {
width: 95%;
padding: 5px 2% 8px 2%;
margin: 10px 1% 10px 0px;
font-family: Verdana,Helvetica,sans-serif;
background-color: #ddb;
color: #333;
}
.greenbox h2 {color: #a64b25;}

/* Single Column Styles */

.news, .news1, .news2, .news3 {
width: 95%;
margin: 10px auto;
background-color: #eed;
color: #111;
padding: 5px 1% 8px 1%;
}
.news1 {
background-color: #ddc;
}
.news2 {
background-color: #ddb;
color: #233;
}
.news2 h2 {color: #a64b25;}
.news3 {
color: #334;
background-color: #eed;
border: 3px solid #686;
}

.blockquote {
	margin: 5px 20px 5px 25px;
	display: block;
}
.date {
font-style: italic;
font-family: Verdana,Helvetica,sans-serif;
font-size: 95%;
color: #134;
text-align: right;
float: right;
clear: both;
}

.byline {
font-style: italic;
font-family: Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #112;
clear: both;
padding: 0 0 2px 15px;
}

hr.a {
text-align: center;
background-color: #663;
color: #663;
height: 1px;
padding: 0 1px;
margin: 5px 0;
}

#footer {
height: 30px;
width: 100%;
padding-top: 4px;
background-color: #ddb;
color: #000;
border-top: 1px solid #633; 
font-size: 11pt;
text-align: center;
margin: 0 auto;
}
#footer ul {
margin-top: 0px;
position: relative;
left: -10px;
} 
#footer li {
margin: 0 auto;
padding: 2px 7px;
list-style: none;
display: inline;
font-size: 10pt;
line-height: 11pt;
color: #773;
font-weight: 400;
}
.textarea {
font-size: 9px;
color: #707065;
font-family: Verdana,Helvetica,sans-serif;
}
h1, h1.a, h1.large {
font-family: Verdana,Helvetica,sans-serif;
font-size: 20pt;
font-weight: 700;
line-height: 24pt;
color: #663;
padding: 0 5px;
margin: 0 0 4px 0;
text-align: center;
}
h1.a {
font-size: 16pt;
font-weight: 700;
line-height: 14pt;
text-align: center;
margin: 5px auto;
color: #af471e;
}
h1.large {
font-size: 32pt;
font-weight: 500;
line-height: 40pt;
text-align: center;
color: #332;
}
h2, h2.red, .h2  {
font-family: Verdana,Helvetica,sans-serif;
font-weight: 700;
/*font-variant: small-caps;*/
color: #663;
font-size: 12pt;
line-height: 14pt;
margin: 0;
padding: 2px 0;
clear: both;
}
h2.red, .red{color: #af471e;}
.h2 { font-size: 14pt; line-height: 16pt; padding: 5px; margin: 0; }
h3  {
color: #292923; 
font-family: Verdana,Helvetica,sans-serif; 
font-weight: bold;  
font-size: 9pt; 
line-height: 10pt;
padding: 2px 5px; 
margin: 0;
}
h4 {
	color: #332;
	font: 12pt/12pt Verdana,Helvetica,sans-serif;
	text-decoration: underline;
}
h5 {
color: #ae2b08;
font-family: Verdana,Helvetica,sans-serif; 
font-weight: bold;  
font-size: 10pt;
line-height: 10pt;
padding: 5px; 
margin: 0;
}

h6  {
    color: #777; 
    font-family: Verdana,Helvetica,sans-serif; 
    font-weight: normal; 
    font-size: 10pt;
    line-height: 12pt;
    padding: 0 5px;
    margin: 0;
}


/* Styles */
ol {
	position: relative;
	left: 25px;
}

.shell { margin: 2px 110px 0 110px; }
.bord { border: 2px groove #78713c; }
.noborder {border: none;}

fieldset {text-align: left; }
.formrow { width: 96%; height: auto; background: inherit;margin: 0 1% 0 3%; padding: 0;  font-size: 10pt; line-height: 11pt; text-align: left; clear: both;}
.formrow2 { width: 88%; height: auto; background: inherit;margin: 0 0 0 3%; padding: 0;  font-size: 10pt; line-height: 11pt; background: inherit;  }
input, select {font: 400 10pt/11pt Arial,Verdana,sans-serif;}
input.v, select.v {font: 400 11pt/12pt Verdana,Helvetica,sans-serif;}
.td33 {width: 31%; padding: .1em 1%; float: left;}
.td50 {width: 48%; padding: .1em 1%; float: left;}
.clear {clear: both; height: 0; line-height: 0;}
.hidden {visibility: hidden;}
.center {text-align: left; margin: 0 auto;}
.tac {text-align: center;}
.tal {text-align: left;}
.fl { float: left; }
.fr { float: right; }

.p5 { padding: 5px; }
.pl10 {padding-left: 10px;}
.pr1p {padding-right: 1%; }
.pt0 {padding-top: 0;}
.pt2 {padding-top: 3px;}
.mt_5 {margin-top: -4px;}

.m10 { margin: 10px; }
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}

.mt0 {margin-top: 0;}
.mt10 {margin-top: 10px;}

.sp8 {line-height: 8px;}
.sp4 {line-height: 4px; }
.sp2 {line-height: 2px; }
.b {font-weight: 700;}
.i {font-style: italic;}
.u {text-decoration: underline;}
.blockindent { margin-left: 20%; margin-right: 10%;}
.note {
font-size: 9pt;
line-height: 10pt;
color: #707065;
font-style: italic;
}
.list {
width: 80%;
padding: 0 0 0 10%;
}

.whiteback {background-color: #fefefa;}
.redtext {color: #f33; }
.size12 {font-size: 12pt; line-height: 14pt;}
.noborder {border: none;} 
.error {width: 70%; margin: 20px 10%; padding: 5px; border: 2px double #595;}