@charset "UTF-8";
/* CSS Document */

/* reset */
* { margin: 0; padding: 0; list-style:none; text-decoration:none; border:0; outline:none; }

/* styles */


body {
height: 100%;
background: #FFFFFF url(ppbg.png) repeat-x;
font-family: Helvetica, Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #182e57;
}


a:link {
color: #2484da;
}

a:hover {
text-decoration:underline;
}


a:visited {
text-decoration:none;
}

strong { 
color: #0F6DB4;
font-weight: bold;
}

p { line-height:1.5em;
} 

ol {
list-style:decimal;
margin-left: 50px;
padding: 

}

ul {
padding: 0 0 8px 2em;
}

h1 {
	font-size: 16px;
	line-height: 1.3em;
	color: #102245;
	font-weight: bold;
}

h2 {
font-size: 16px;
line-height: 1.3em;
color: #F46C1E;
font-weight: bold;
}

h2 a:link {
color:  #A3216F;
}

h2 a:hover {
color: #A3216F;
text-decoration:underline;
}

h3 {
font-size: 13px;
line-height: 1.3em;
color: #287FC1;
font-weight: bold;
padding: 1em 0 0 1em;
}

h4 {
font-size: 13px;
line-height: 1.3em;
color: #F46C1E;
font-weight: bold;
padding: 1em 0 0 1em;
}


hr { height:1px; color:#fff; }



/* header */

#logo {
position: absolute;
top: 0px;
left: 107px;
height: 237px;
width: 472px;
}

#twitter_div {
position: absolute;
top: 60px;
left: 581px;
width: 200px;
height: 118px;
background: url(images/speechbubble.gif) no-repeat;
padding: 11px 70px 25px 10px;
line-height: 14px;
}

.twitter_div a {
font-size: 13px;
color: #A3216F;
font-weight: bold;}

#tweettail {
	position: absolute;
	top: 178px;
	left: 686px;
	background: url(images/speechtail.gif) no-repeat;
	width: 146px;
	height: 23px;
}

#birdie { 
position: absolute;
top: 143px;
left: 842px;
}


#tree {
	position: absolute;
	top: 103px;
	left: 596px;
	width: 409px;
	height: 693px;
	background: url(images/tree.png) no-repeat;
}

/* navigation */

#contentwrap {
	position: absolute;
	left: 120px;
	top: 250px;
	width: 870px;
	height: auto;
}


#mainnav {
	left: 0px;
	top: 0px;
	width: 650px;
	height: 38px;
	z-index: 15;
	overflow:visible;
}

#mainnav img {
margin: 0 0 0 6px;
}

/* contents */

#content {
	min-height: 550px;
	width: 632px;
	background: url(images/contbg.gif) repeat-y right;
	padding: 20px 20px 4px 4px;
	
}

* html #content { 
height: 550px;
}

.content img { 
padding-right: 10px;
}

.content li {
list-style: square;
margin: 0 0 3px 10px;
}


#gmap {
position: absolute;
left: 360px; 
top: 50px;
}



/* side bars */


#rightcol {
	position: absolute;
	left: 670px;
	top: 0px;
	width: 200px;
	z-index:16;
	padding:0; margin:0;
}

#subnav {

}

#subnav img 
{ margin: 0 0 6px 0;
}

#boxD {
width: 200px;
height: auto;
background: url(images/boxbg.gif);
}

#boxD img {
margin: 0;
}

.boxD { font-family: Helvetica, Arial, Geneva, sans-serif;
font-size: 15px;
line-height: 1.75em;
color: #287FC1;
}

.boxD p {margin: 0;
padding:0;
}


.boxD a:link {
color: #287FC1;
}

.boxD a:hover {
color:#F46C1E;
font-weight: bold;
text-decoration:underline;
}


.boxD a:visited {
color:#287FC1;
text-decoration:none;
}


#boxSM {
width: 200px;
height: auto;
background: url(images/boxbg.gif);
}

#boxSM img {
margin: 0 2px 0 0;
padding:0;
}



#boxSS 
{
width: 200px;
height: auto;
background: url(images/boxbg.gif);
}

#boxSS img {
margin: 0;
padding:0;

}

/*footer*/

#footer { width: 632px;
}

.footer {
font-size: 9px;
line-height: 1.5em;
color: #287FC1;
}


.footer a:link {
color:#287FC1;
text-decoration: underline;
font-weight:bold;
}

/*flickr*/

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/

.flickr { padding: 0; 
}
.jumpmenu {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 14px;
	
}
.HedMolengo {
	font-family: 'Molengo', arial, serif;
	font-size: 30px;
	color: #913271;
}
.HedMolengo2 {
	font-family: 'Molengo', arial, serif;
	font-size: 30px;
	color: #DE7336;
}
.HedMolengo3 {
	font-family: 'Molengo', arial, serif;
	font-size: 30px;
	color: #4681BE;
}