/* general html reskinning */
body{
    background-color: #3a433e;
    color: #3a443e;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;

}
h1{
    color: #7e9124;
}
.indent {
	padding-left: 20px;
}

h2{
    line-height: 1.4em;
    color: #7a8f82;
}
ul, ol{
    padding-left: 2em;
}
ul.inline{
    padding: 0;
    margin: 0;
}
ul.inline li{
    display: inline;
}
a, a:hover, a:active, a:visited{
    color: #7e9124;
}
a, a:visited{
    text-decoration: none;
}
a:hover, a:active{
	text-decoration: underline;
	color: #7e9124;
}

/* page elements */
#wrapper{
    background-color: #fff;
}
#header {
	background-image: url(../images/banner.png);
	width: 950px;
	height: 160px;
}
#hpluslogo{
    margin-top: 7px;
    border-width: 0px;
    border-style: none;
    float: right;
    margin-right: 90px;
}
#footer{
    margin-left: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 80%;
}


/* infobox styles */
.infobox{
    margin-right: 20px;
    margin-left: 20px;
    border: 3px solid #3a443e;
    padding: 15px 25px;
    margin-bottom: 40px;
}
.infobox h2{
    color: #577411;
    font-size: 130%;
    margin-bottom: 0;
}
.infobox h3{
    color: #577412;
    font-size: 115%;
	margin-top: 12px;
	margin-bottom: 4px;
}

.success{
    border: 3px solid #1a3d3d;
    background-color: #122b2b;
    color: #b7d5c2;
}
.error{
    border: 3px solid #923F3F;
    background-color: #5d2727;
    color: #b7d5c2;
}

/* Gallery */
#main-content li{
	width: 240px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding: 10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

#main-content-program li{
	width: 850px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding: 10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

#main-content  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

#main-content-program  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

.box5 {
padding-top: 10px;
text-align: left;
width: 240px;
background-color: #f4f4ee;
height: 200px;
}
.box6 {
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
padding-top: 20px;
min-height: 170px;
float: left;
text-align: left;
width: 600px;
background-color: #f4f4ee;
}
.box5 p {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}.box6 p {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}.program-image {
	margin-right: 10px;
	float: left;
}

.caption-title {
text-align: left;
font-size: 18px;
padding-left: 5px;
font-weight: bold;
color: #9aae3a;
}
.program-title {
font-style: normal;
text-align: left;
font-size: 12px;
padding-left: 5px;
font-weight: normal;
color: #9aae3a;
}
.caption-text {
text-align: left;
font-size: 12px;
color: #7a8f82;
display: block;
padding: 0px 5px 5px 5px;
}

.program-text {
font-weight: bold;
text-align: left;
font-size: 17px;
color: #7a8f82;
display: block;
padding: 0px 5px 5px 5px;
}

.program-caption {
text-align: left;
font-size: 12px;
color: #7a8f82;
display: block;
padding: 0px 5px 5px 5px;
}

.blockquote {
	padding-left: 50px;
	padding-right: 20px;
	padding-top: 20px;
    font-weight: normal;
	font-size: 14px;
	line-height: 1.6em;
	font-style: italic;
	border: 1px solid #EEE8E1;
	background-color: #FAF7F5;
	background-image: url(images/quote.gif) repeat-x 15px 15px;
}

.align-right {
	text-align: right;
	font-style: normal;
}





.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #9d4; color: #fff; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
.gallery ul { text-align: center; margin-left: 40px; list-style-type: none; }
.gallery ul li img { margin: 10px; float: left; border-color: #181818; border-width: 1px; padding: 3px; background-color: #b8b8b8; }
.feature { width: 750px; margin-right: auto; margin-left: auto; z-index: 1; }




/* MENU */

#linkbar {
width: 100%;
height: 45px;;
background-color: #c3d042;
margin-bottom: 20px;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; text-transform: uppercase; z-index: 5; }
ul.dropdown li                      { float: left; zoom: 1; background: #c3d042; list-style: none; }
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding-left: 25px; padding-top: 15px; padding-bottom: 5px; padding-right: 25px; color: #fff; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #fff; position: relative; }
ul.dropdown li.hover a              { color: #fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0px; }
ul.dropdown ul li 					{ font-weight: normal; background: #526159; color: #fff; 
									  border-bottom: 1px solid #ccc; float: none; padding-bottom: 10px; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }