body, html, .wrapper {height:100%;}
body > .wrapper {height: auto; min-height: 100%;}

body { 
	background: #FFF; 
	font: 0.6251em/1 Helvetica, Arial, sans-serif;
	background:#FFF url(../img/header-home.jpg) 50% 41px repeat-x;
}

.wrapper {	
	width:900px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}

#header { position:relative; height:167px; margin-top:40px; }
#header h1 { position:absolute; left:0px; top:70px; }
#header h1 a { display:block; width:385px; height:30px; text-indent:-9999.99em; background:transparent url(../img/title-health-promotion.png) 0 0 no-repeat; }

#nav {position:absolute; top:130px; left:0; }
#nav li {float:left; margin-right:10px;}
#nav li a {display:block; line-height:30px; padding:0 12px; font-size:14px; color:#FFF; text-decoration:none; }
#nav li a:hover {background:#5F810F; color:#FFF; -moz-border-radius: 5px;}
#nav li.here a, #nav li.here a:hover {color:#FFF; background:#436901; -moz-border-radius: 5px;}

#form-search {position:absolute; right:0; top:60px; padding:10px; background:#95AD4A; }
#form-search  input { width:200px; border:1px solid #879F45; font-size:13px; vertical-align: middle; padding:5px; font-family:Helvetica, Arial, sans-serif; background:#FFF url(../img/form-input-bg.jpg) 0 0 repeat-x;  -moz-border-radius: 3px;}

form input, form textarea { border:1px solid #CCC; font-size:13px; vertical-align: middle; padding:5px; font-family:Helvetica, Arial, sans-serif; width:415px; }

.contact-us iframe {border:5px solid #666; padding:1px; width:413px; height:300px;}
#content blockquote { margin-bottom:20px; background-color:#EEE; -moz-border-radius: 5px;  -webkit-border-radius:5px; padding:10px; line-height:160%; }
form dt { display:block; font-size:12px; font-weight:bold; padding-top:10px; margin-bottom:3px; color:#666;}
form label.error { background-color:#EEE; color:#990000; display:block; padding:5px; }

button { 
        border: 0; 
        cursor: pointer; 
        padding: 0 8px 0 0; 
        text-align: center; 
}
button span { 
        position: relative; 
        display: block; 
        white-space: nowrap; 
        padding: 0 0 0 10px; 
}
button.button { 
		margin-top:10px;
        background: url(../img/bt-right.gif) right no-repeat; 
        font-size: 12px;
}
button.button span { 
        height: 26px; 
        line-height: 26px;
        background: url(../img/bt-left.gif) left no-repeat;
        color: #fff; 
}
button::-moz-focus-inner { 
        border: none;
}

#form-search button.button { 
        background: url(../img/bt-right-search.gif) right no-repeat; 
}
#form-search button.button span { 
        background: url(../img/bt-left-search.gif) left no-repeat;
}

#form-search button.button {margin-top:0;}

#content {padding:20px 0; padding-bottom:135px; width:100%; overflow:hidden; }
.home #content {padding-top:10px;}
.portlet { margin-bottom:30px; }

#content p, #content li, #content blockquote {font-size:13px; margin:1em 0; line-height: 130%; color:#333; }

#content li {margin-left:20px; list-style: square;}
#content a { color:#006699; }
#content a:hover { color:#FF3300; }

#content h1 { font-weight:normal; font-size:26px; }
#content h2 { font-size:24px; font-weight:normal; padding-bottom:10px; width:100%; overflow:hidden;}
.home #content h2 { padding-bottom:0;}
#content h2 span {float:left; }
#content h2 a { display:block; margin-left:20px; padding-top:1px; font-weight:bold; text-decoration:none; line-height:19px; width:58px; float:left; text-align:center; font-size:10px; background:#fff url(../img/bt-view-all.png) 0 0 no-repeat;}

#content h3 { font-weight:normal; font-size:18px; padding-top:10px; }
#content h3 a {text-decoration:none;}

#content h3.calendar {color:#9CB300; text-transform:uppercase; padding-top:20px; }

#content h4 {color:#090909; font-size:14px; margin-top:25px;font-weight:normal;}

#content hr
{
	width: 100%;
	overflow: hidden;
	border: 0;
	margin: 5px 0 15px;
	padding: 0;
	border-top: 1px Solid #EEE;
}

.gallery img {float:left; border:5px solid #EEE; margin-right:10px;}
.gallery p {overflow:hidden; width:100%;}

.columns { display:block; width:100%; overflow:hidden; clear:both; }
.columns .column {float:left; position:relative; overflow:visible;}
.double .column { width:435px; margin-right:30px; }
.double .main { width:560px; margin-right:50px; }
.double .secondary { width:290px; }
.triple .column { width:290px; margin-right:15px; }
.quad .column { width:210px; margin-right:20px; }
.columns .last {margin-right:0;}

.breadcrumb { color:#999; font-size:10px; margin-bottom:20px; }
.breadcrumb span { padding:0 8px; }
.breadcrumb a { text-decoration:none; }

/* -------------------------------------- */
/* Mast-head */
/* -------------------------------------- */
#mast-head { border-bottom:12px Solid #483318; position:relative; padding-bottom:20px; margin-bottom:30px; overflow:hidden; width:100%; background:transparent url(../img/home-hero-image.png) 100% 50% no-repeat;}
#mast-head h3, #mast-head p { margin-right:350px; }
#mast-head h3 { font-size:16px; line-height:130%; }
#mast-head a { display:block; padding-top:5px; font-size:0.9em; text-decoration: none;}
#mast-head a span { padding:6px 10px; background:#9CB300; color:#333; margin-right:10px; -moz-border-radius: 0.8em; border-radius: 0.8em; }

.home #content .column {margin-top:10px;}
.home #content .column h3 { margin:0; padding:0;}

.columns .corner-green { background:transparent url(../img/bg-corner-green.png) 0 0 no-repeat; }
.columns .corner-gray { background:transparent url(../img/bg-corner-gray.png) 0 0 no-repeat; }

.columns .column .inner { padding:15px; }
.home .triple .column .inner { padding:10px; background-color:#ECEAE7; margin-bottom:20px; border:0; border-bottom:1px Solid #A3998B;}

/* -------------------------------------- */
/* Icons */
/* -------------------------------------- */
.icon { position:absolute; }
.home #content .calendar h3, .home #content .whats-new h3 { padding-left:40px; }
.calendar .icon { background:transparent url(../img/icon-calendar.png) 0 0 no-repeat; width:50px; height:53px; top:-10px; left:5px; }
.whats-new .icon { background:transparent url(../img/icon-whats-new.png) 0 0 no-repeat; width:50px; height:53px; top:-10px; left:5px; }

#content .whats-new ul,
#content .whats-new ul li,
#content .calendar ul,
#content .calendar ul li { list-style: none; margin:10px 0; }

#content .whats-new ul li,
#content .calendar ul li {border-top:1px dotted #CCC;}

#content .resource .title,
#content .whats-new .title,
#content .calendar .title {font-size:14px; margin:10px 0 0 0; font-weight: bold;}
#content .resource .date,
#content .whats-new .date,
#content .calendar .date {font-size:10px; color:#999; margin: 0; font-weight: bold;}

.home #content .calendar .title a { background: #FFF url(../img/icon-calendar-small.gif) 0 10px no-repeat; padding-top:10px; margin-top:0; padding-left:22px;  overflow:hidden; }

.events #content div.calendar { margin:10px 0; position:relative; width:100%; overflow:hidden; border-top:1px dotted #EEE; padding-top:15px;}
.events #content div.calendar p { margin:0.5em 0; margin:0 100px; }
.events #content div.calendar p.title {margin-top:0; padding:0; width:100%; overflow:hidden;}
.events #content div.calendar div.date { position:absolute; top:15px; left:0; width:80px; text-align:right; font-size:18px; color:#333; }
.events #content div.calendar div.date span { font-size:10px; text-transform:uppercase; display:block; }

.events #content div.register a
{
	position:absolute;
	top:12px;
	right:0;
	display: block;
	margin-left: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	height: 19px;
	width: 95px;
	float: right;
	text-align: center;
	font-size: 10px;
	background: #fff url(../img/bt-register-now.png) 0 0 no-repeat;
	color:#333;
}
.events #content div.register a:hover
{ color:#FFF; }


#content .nav-sub ul, #content .tagged ul, #content .nav-sub ul li, #content .tagged ul li {list-style:none;margin:0;padding:0; width:100%; overflow:hidden; }
#content .nav-sub ul li a, #content .tagged ul li a {display:block; margin:0; padding:8px 10px 6px; text-decoration:none; font-size:15px; color:#666; border-bottom:1px solid #DFDFDF; }
#content .nav-sub ul li.here a, #content .tagged ul li.here a, #content .nav-sub ul li.here a:hover, #content .tagged ul li.here a:hover {color:#9CB300;}

#content .nav-sub ul li.here ul li a {color:#666; }
#content .nav-sub ul li a:hover, #content .tagged ul li a:hover {color:#333; background-color:#EEE; }

#content .nav-sub ul ul li a, #content .tagged ul ul li a {display:block; margin:0; padding:8px 10px 6px 20px; text-decoration:none; font-size:13px; color:#666; }

#content .nav-sub ul ul a {border-bottom:0;}
#content .nav-sub ul ul li {border-bottom:1px solid #DFDFDF;}
#content .nav-sub ul ul ul li {border-bottom:0;}

#content .nav-sub ul ul ul li a {display:block; margin:0; padding:5px 10px 5px 40px; text-decoration:none; font-size:13px; color:#666; }



#content .resource { border-bottom:1px Solid #EEE; }
#content .resource .title { margin-top:20px; }
#content .paddingtop {padding-top:20px;}

#content #alpha-list {width:100%; overflow:hidden; margin-top:20px;}
#content #alpha-list li {list-style:none; float:left; padding:0; margin:0; margin-right:3px; }
#content #alpha-list li a, #content #alpha-list li span { display:block; padding:3px; border:1px Solid #CCC; }
#content #alpha-list li a {background:#EEE;}

#content .resource-list li {list-style:none; padding:0; margin:0 0 1.0em; }
#content .resource-list li.alpha-item { font-size:20px; font-weight:bold; margin-top:1.5em; margin-bottom:0.5em; padding-bottom:0.2em; border-bottom:1px dotted #CCC;}

#content .pagination
{
	width: 100%;
	overflow: hidden;
	border-top: 1px dotted #CCC;
	padding-top: 20px;
}
#content .pagination li {list-style: none; margin:0; border:0;}
#content .pagination li.here { display: none; }
#content .pagination li.previous { float: left;  border:0; margin:0; padding:0;}
#content .pagination li.next { float: right; border:0; margin:0; padding:0;}

#content .pagination li a
{
	font-size: 18px;
	text-decoration: none;
}

.about-health-promotion #content h3 img {float:left; margin-right:20px; margin-bottom:20px; border:5px solid #EEE; }

/* -------------------------------------- */

#footer { position:relative; margin-top:-95px; height:95px; background:#999 url(../img/footer.jpg) 0 0 repeat-x; clear:both; }
#footer p {color:#CCC; text-align:center; margin-top:15px; }
#footer p a {color:#FFF;}
#footer p span {padding:0 7px;}
 
#nav-footer {text-align:center; padding-top:15px; }
#nav-footer li {display:inline; margin:0 12px;}
#nav-footer li a {color:#FFF; font-size:13px; padding: 5px; text-decoration:none; background:transparent; }
#nav-footer li a:hover {background:#5F810F;}