@charset "utf-8";
/* CSS Document */

/* General */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 65.5%;}
body {
	height: 100%;
	background: #FFFFF url('../img/bg2.gif') repeat-x 0 0;
	text-align: center;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	width: 900px; min-width: 900px;
	margin: 0 auto;
	padding-bottom: 60px;
	color:#333333;
}

a:link, a:visited {color: #007099; text-decoration: underline;} a:hover {text-decoration: none;}

.noscreen {display: none;} .cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}


/* Skip menu */
.hidden {position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}

abbr, acronym, span.abbr {border-bottom: 1px dotted black; cursor: help;}


/* Wrapper */
#wrapper {
width: 900px; 
margin: 40px auto 60px auto;
border: 4px solid #FEFEFE; 
border-bottom: 0; 
display: table;
}


/* Header */
.header {width: 900px; height: 170px; margin: 0 auto; position: relative; text-align: left; background-color: #9CB6D6;
background-image:url(../img/whitelilly.jpg); background-repeat:repeat; background-position:left;
}


/* Headings */
h1 {color: #0191C8; 
font: 2.5em "Palatino", Georgia, "Times New Roman", Times, serif;
letter-spacing: 3px;
padding-top: 14px;
margin: 0 0 11px 30px;
}

h1 a:link, h1 a:visited {color: #FFF; text-decoration: none;}
h1 span {} h1 span#color {color: #FEB125; border: 0;}
h2 {font: 1.8em normal Verdana, Georgia, "Times New Roman"}
h2 {color: #444444;}
h3 {font: 1.3em normal Verdana, Georgia, "Times New Roman", Times, serif;}
h3 span {}
.col-l h3 {
font: bold 1.1em Verdana;
background: #9CB6D6; 
color: #FFF; 
text-align: center; 
padding: 7px 0; 
letter-spacing: 0;
}
h4 {font: 1.5em Palatino, Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; }

/* Paragraphs */
p {line-height: 1.9; margin-bottom: 14px;}
p#about {font-size: 1.2em; line-height: 1.2; margin: 0 0 0 30px; color: #FEFEFE}
p#backlinks {position: relative; top: -56px; font-size: 0.9em; color: #656565;} p#backlinks a, p#backlinks a:visited {color: #656565;}
p#backlinks a:hover {color: #151515;}



.hilite1 {background-color:#FFD800;}
.hilite2 {color:#AD235E;}

/* Page */
.page {width: 900px; margin: 0 auto; text-align: left; background: #FFF url('../img/content-bg.gif') repeat-y 0 0;}
.col-l {float: left; width: 23%; background-color: #DFEFF0; border-top: 1px solid #578B9E;} 
.col-r {float: right; width: 76%;}
.col-l-in {margin: 0 0 0 0;} .col-r-in {margin: 1.2em 2em 2em 1.2em;}

/*Pullquotes*/
.pullquote {float:riight; width: 175px;}
.inner_pullquote {
	padding: 10px;
	letter-spacing: 3px;
	text-align: center;
	line-height: 1.5;
	color: #404040;
	font-size: 12px;
	background-color: #cccccc;
	border: 1px dotted blue;
}

*html .pullquote {
	width: 140px;
	w\idth: 100px;
}

/*end pullquote*/

/* Pictures */
.photo {
	width: 200px;
	font-size: .8em;
	font-style: italic;
	line-height: 1em;
	float: right;
}

.floatright {
	float: right;
	border-style:groove;
	border-width: 1.5px;
	margin-left: .8em;
}

.floatleft {
	float: left;
	margin-right: .8em;
	margin-left:.8em;
}


/* Article */
.article {background-color: #DDD; border: 1px solid #AAA; padding: 5px 12px 27px 12px; margin: 14px 0 14px 0; position: relative; _width: 619px;}
.article-zebra {background-color: #E6FFD2; border: 1px solid #B5E390; padding: 5px 12px 27px 12px; margin: 8px 0 14px 0; position: relative; _width: 619px;}
.article p, .article-zebra p {line-height: 1.5; margin-bottom: 3px;}
.article a.more, .article-zebra a.more {position: absolute; bottom: 7px; right: 10px; line-height: 1;} /* Read more positioning */
.article a.more, .article a.more:visited, .article-zebra a.more, .article-zebra a.more:visited 
{background-color: #343434; color: #FEFEFE; padding: 5px 7px; text-decoration: none; border: 1px solid #606060; font-size: 0.9em;}
.article a.more:hover, .article-zebra a.more:hover {text-decoration: underline;}


/* Gallery */
.gallery {width: 99%; margin: 18px 0 0 0;}
.gallery img {border: 1px solid #AAA; margin-right: 12px;}
.gallery a:hover img {border: 1px solid #505050;}


/* Menu */
#menu-box {width: 65%;
position: absolute; 
right: 0; 
bottom: 0; 
background-color: #353535; 
border: 1px solid #5A5A5A; 
border-bottom: 0;}

ul#web {list-style: none; text-align: right; margin-right: 30px;}
ul#web li {display: inline; color: #FFF;}
ul#web li a#first {border-left: 1px solid #505050;}
ul#web li a, ul#web li a:visited {float: right; display: block; color: #FFF; padding: 10px 26px; border-right: 1px solid #505050;}
ul#web li a:hover {text-decoration: none; background-color: #505050;}
ul#web li a.active {background: black !important;}

ul.menu {list-style-image: url(../img/leafbullet_on.gif);
list-style-position: inside;
margin: 8px 0 12px 16px;}
ul.menu li {margin-bottom: 9px;}
ul.menu li a, ul.menu li a:visited {color: #101010; text-decoration: none;}
ul.menu li a:hover {color: #181818; text-decoration: underline; background: 0;}






/* Footer */
#footer {width: 900px; height: 50px; margin: 0 auto; background-color: #222222; border-bottom: 4px solid #FEFEFE; border-top: 2px solid #909090;}

#footer a:link, #footer a:visited {color: #FFF; font-weight: normal;}
#footer ul {list-style-type: none; color: #FFF; padding: 16px 0 0 14px; text-align: left; float: left; width: 430px; }
#footer ul li {float: left; display: inline; white-space: nowrap;}
#footer ul li a, #footer ul li a:visited {margin: 0 6px;}
#footer p {float: right; text-align: right; width: 400px; color: #FFF; padding: 16px 16px 0 0; line-height: 1.2;}


/* Searching form */
form.searching {width: 252px; position: absolute; top: 18px; right: 2px;} form.searching fieldset {border: 0;}
input.search {width: 150px; border: 1px solid silver; letter-spacing: 1px; padding: 4px 7px;}
form.searching input.hledat {letter-spacing: 1px; font-weight: bold;}
form.searching label {display: none;}




