html, body{
	width:100%;
	background:#f6f6f6;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:1em;
	margin:0;
	padding:0;
}


/* 	COMMON 		*/


a, a:hover, a:active, a:visited{
	color:#333;
	text-decoration:none;
	border:none;
}
img {
	border:none;
}
p,ul,li,dl,dt,dd,form,input,textarea,label,legend, fieldset{
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
hr {
	display:none;
}
address {
	font-size:1em;
	line-height:1.3em;
	font-style:normal;
}
abbr {
	border-bottom:dotted 1px #ccc;
	cursor:help;
}



/*	LAYOUT		*/

#wrapper{
	text-align:center;
}
#header{
	width:100%;
}

#header #metalinkswrap{
	width:100%;
	background:#cccc66;
	border-bottom:solid 1.2em #99CC00;
	height:1.2em;
}
#header ul#metalinks{
	width:59em;
	margin:0 auto;
	text-align:center;
}
#header #logowrap{
	width:66em;
	margin:0 auto;
	clear:both;
}
#header #logowrap h1{
	margin:0;
	color:#99CC00;
	font-size:1.5em;
	padding:1em 2.5em 1em 1em;
	text-align:right;
        background:#fff;
}
#content{
	width:66em;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	position: relative;
        padding:4em 0 0 0;
        background:#fff;
}
#footer {
	border-bottom:solid 2em #f6f6f6;
	margin:0 auto;
	padding:0 4em 1em 3em;
        overflow:hidden;
	width:59em;
	clear:both;
	text-align:center;
        background:#f6f6f6;
}
#maincontent{
	float:left;
	width:38em;
	text-align:left;
	margin:0 4em 2em 4em;
}
#sidebar{
	float:right;
	width:16em;
	text-align:left;
	margin:0 4em 2em 0em;
	overflow:hidden;
}


/*	NAVIGATION 	*/

ul#metalinks{
	padding-left:0.3em;
}
ul#metalinks li{
	float:left;
}
ul#metalinks li a{
	text-align:left;
	display:block;
	margin:0.1em 2em 0.1em 0;
	font-size:1em;
	color:#666;
	text-transform:lowercase;
}
ul#metalinks li a:hover{
	color:#000;
}

div#mainnav{
	position:absolute;
	top:0;
	left:0;
	width:64em;
	clear:both;
	padding:0 4em;
	margin-bottom:2em;
}

#mainnav ul li{
	float:left;
}
#mainnav ul li a, #mainnav ul li span{
	padding:0.1em 2em 0.1em 0;
	display:block;
	font-size:1.1em;
	color:#cccc66;
	text-transform:lowercase;
	font-weight:bold;
}
#mainnav ul li a:hover{
	color:#99CC00;
}
#mainnav ul li a.active{
	color:#99CC00 !important;
}
#mainnav ul li a.active:hover{
	color:#cccc66;
}
#mainnav ul li span{
	color:#99CC00;
}

#footer ul li{
	float:right;
	padding:0.4em 0 0.1em 2em;
	margin:0;
	
}
#footer ul li a{
	font-size:1em;
	color:#666;
 	text-transform:lowercase;
}
#footer ul li a:hover{
	color:#000;
}


/*	TYPO 	*/


h2{
	margin:0 0 1em 0;
	padding:0;
	font-size:1.5em;
	line-height:1.6em;
	color:#99CC00;
	border-bottom:solid 0.2em #99CC00;
}

h3{
	margin:1.5em 0 0.5em 0;
	padding:0;
	font-size:1.1em;
	color:#99cc00;
	line-height:1.2em;
}
h3 a{
	color:#cccc66;
}
h3 a:hover{
	color:#99cc00;
}
h4{
	margin:0 0 0.3em 0;
	padding:0;
	font-size:1em;
	color:#666;
	line-height:1.2em;
	color:#99cc00;
}
h4 a{
	color:#cccc66 !important;
}
h4 a:hover{
	color:#99cc00 !important;
}

p {
	font-size:1em;
	line-height:1.4em;
}
p.divider{
	border-bottom:dotted 1px #99cc00;
	padding-bottom:1em;
	margin-bottom:1em;
}
a.extern {
	background:url(../img/linkextern.gif) no-repeat 100% 50%;
	padding-right:12px;
}
a.intern {
	background:url(../img/linkintern.gif) no-repeat 100% 50%;
	padding-right:12px;
}

#maincontent ul {
	border-bottom:dotted 1px #99cc00;
	padding-bottom:2em;
}
#maincontent div {
	border-top:dotted 1px #99cc00;
	padding-top:1.5em;
	margin:0;
}
#maincontent li {
	padding-top:1.5em;
	margin:0;
}
#maincontent li h4.left{
	width:7em;
	float:left;
	vertical-align:top;
}
#maincontent li h4.right{
	float:left;
	width:30em;
	text-align:left;
	margin-left:1em;
	margin-bottom:0.3em;
}

#maincontent li p{
	width:30em;
	font-size:1em;
	line-height:1.4em;
	margin-left:7em;
	padding-left:1em;
}

#maincontent a{
	color:#cccc66;
	text-transform:lowercase;
	font-weight:bold;
	font-size:1em;
	line-height:1.3em;
}
#maincontent a:hover{
	color:#99cc00;
}



/*	SIDEBAR	*/


#sidebar h3 {
	margin-top:0.7em;
	color:#cccc66;
	border-bottom:solid 1px #cccc66;
	font-size:1.3em;
	margin-bottom:0.3em;
}
#sidebar h4 {
	color:#cccc66;
}
#sidebar a{
	color:#99cc00;
	text-transform:lowercase;
	font-weight:bold;
	font-size:1em;
	line-height:1.3em;
}
#sidebar li a{
	text-transform:none;
}
#sidebar a:hover{
	color:#cccc66;
}
#sidebar li {
	margin:0.4em 0 0.4em 1em;
}
#sidebar li a{
	background:url(../img/linkintern.gif) no-repeat 0% 50%;
	padding-left:12px;
}
#sidebar div {
	margin-bottom:4em;
	margin-top:1em;
	border-bottom:dotted 1px #cccc66;
}

/* 	special page styles 	*/


#linkslist{
	margin:2em 0 0 0;
}
#linkslist li{
	margin:0.3em 0 0.5em 0;
	padding-bottom:0.3em;
}
#linkslist li a{
	background: url(../img/linkextern.gif) no-repeat 100% 50%;
}
#linkslist li p{
	margin:0;
	padding:0;
}

#newsbox {
	display:block;
	padding-bottom:1em;
	margin:0 0 3em 0;
	border-bottom:dotted 1px #cccc66;
}

#datestringnav {
	border-bottom:dotted 1px #cccc66;
	margin:0 0 3em 0;
}
#datestringnav h3 span{
	font-size:0.8em;
}



/* 	FORM		*/


form {
	overflow:hidden;
}
label {
	width:14.5em;
	font-size:1em;
	float:left;
	text-align:right;
	margin-top:0.6em;
	padding-right:0.5em;
	line-height:1em;
}
fieldset{
	border:none;
}
legend {
	color:#99cc00;
	font-size:1.3em;
	font-weight:bold;
}
input {
	font-size:1em;
	line-height:1em;
	margin-top:0.3em;
}

input.contact,textarea{
	width:15em;
	float:left;
	text-align:left;
	font-size:1em;
	font-family:Arial,Helvetica, sans-serif;
	border:solid 0.1em #ccc;
	color:#333;
	margin-top:0.3em;
}

p.error{
	color:red;
	margin:0 0 2em 17em;
	font-size:0.9em;
}
textarea {
	height:10em;
}

input.submit{
	border:none;
	border-left:solid #99cc00 1.5em;
	background:#cccc66;
	cursor:pointer;
	padding: 0 0.2em;
	margin-left:15em;
}
input.submit:hover{
	border-left:solid #cccc66 1.5em;
	background:#99cc00;
}

input#test{
	width:1.5em;
	margin-top:0.3em;
}
form p {
	clear:both;
	height:auto;
}

#layoutswitcher fieldset{
	border:none;
	width:18em;
}

#layoutswitcher input.radio{
	width:1em !important;
	float:left;
	padding:0;
	margin-top:0.3em;
}
#layoutswitcher input.submit{
	margin:0.7em 0 0.7em 8em;
}

#layoutswitcher label{
	margin:0.5em 0 0 1em;
	text-align:left;
	width:13em;
	float:left;
	font-size:1em;
	line-height:1em;
	padding:0 0 0 0.3em;
}         
#layoutswitcher p{
	clear:both;
}         
          
          
          
/*		FLICKR		*/


#flickr_badge_wrapper div {
	margin:1em 0 1em 0;
}
.flickr_badge_image {
	margin:0em;
	padding:0;
	text-align:center;
	border:none !important;
}
.flickr_badge_image img {
	border:solid 0.1em #666;
}
#flickr_badge_wrapper h3 span{
	font-size:0.8em;
}