/* ----------------- DRoots - CSS Stylesheet - http://www.droots.co.uk/ ----------------- */

/* ----------------- Global ----------------- */

p {
line-height: 1.2em;
}

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix { height: 1%; }

h1 {
font: 1.4em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 0.5em;
}

h1 a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}

h1 a:hover {
color: #000000;
text-decoration:underline;
}

h2 {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
padding-bottom: 0.6em;
}

h2 a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}

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

h3 {
font: 1.1em Verdana, Arial, Helvetica, sans-serif;
/*font-weight: bold;*/
color: #000000;
padding-bottom: 0.6em;
}

h3 a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}

h3 a:hover {
color: #000000;
text-decoration:underline;
}

h4 {
font-size: 0.9em;
padding-bottom: 0.9em;
}

h5 {
font-size: 0.8em;
padding-bottom: 0.8em;
}

small {
font-size: 0.8em;
/*background: #FFFF00;
color: #000000;
font-weight: bold;
margin-bottom: 1em;*/
}

/*small a {
background: #FFFF00;
color: #000000;
font-weight: bold;
text-decoration: none;
}

small a:hover {
background: #FFFFFF;
color: #000000;
font-weight: bold;
text-decoration: none;
}*/

.more ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

.more li {
font-size: 0.7em;
margin-bottom: 0.7em;
list-style: none;
color: #000000;
font-weight: bold;
}

.more li a {
background: #FFFF00;
color: #000000;
text-decoration: none;
}

.more li a:hover {
background: #FFFFFF;
color: #000000;
text-decoration: none;
}

#bg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
width: 100%;
min-width: 1000px;
background-repeat:repeat;
}

#wrapper {
margin: 0 auto;
height: auto !important;
height: 100%;
width: 100%;
min-height: 100%;
background-repeat: repeat-y;
position: absolute;
z-index: 10;
}

#container {
margin: 0px auto 0px auto;
width: 960px;
height: 600px;
/*background-color: #FF0000;*/
}

p a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}

p a:visited {
color: #333333;
font-weight: bold;
text-decoration: none;
}

p a:active {
color: #000000;
font-weight: bold;
text-decoration: none;
}

p a:hover {
font-weight: bold;
color: #000000;
background-color: #FFFF00;
/*color: #333333;*/
text-decoration: none;
}

/* ----------------- Header ----------------- */

#header_wrapper {
float: left;
margin: 0px 0px 20px 0px;
width: 960px;
height: auto;
position: relative;
/*background-color: #00FF00;*/
}

#logo {
float: left;
width: 165px;
height: 165px;
margin: 10px 0px 0px 0px;
/*background-color: #FFFF00;*/
}

.fix {
/*Comment*/
}

#search {
position: absolute;
width: 230px;
height: 48px;
padding: 0px;
/*width: 210px;
height: 28px;
padding: 10px;*/
margin: 0px 0px 0px 0px;
top: 0px;
right: 0px;
background-color: #FFFF00;
}

#search_field {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 0.9em;
width: 159px;
height: 18px;
border: none;
padding: 5px 5px 5px 8px;
margin: 10px 10px 10px 10px;
/*margin: 0px 10px 0px 0px;*/
background-color: #000000;
}

#search_button {
float: left;
width: 28px;
height: 28px;
margin: 10px 0px 10px 0px;
/*margin: 0px 0px 0px 0px;*/
background-color: #000000;
}

/*#newsletter {
position: absolute;
width: 230px;
height: 38px;
margin: 0px 0px 0px 0px;
padding: 0px;
top: 10px;
right: 240px;
text-align: right;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#newsletter_list ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

#newsletter_list li {
display: inline;
font-weight: normal;
width: auto;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#newsletter_list li a {
width: auto;
color: #FFFFFF;
text-decoration: none;
}

#newsletter_list li a:hover {
background: #ffff00;
color: #000000;
}*/

/*#mailing_list {
position: absolute;
width: 30%;
height: 30px;
margin: 0px 0px 0px 0px;
top: 70px;
right: 0px;
background-color: #FFFFFF;
}*/

#mailing_list_button {
position: absolute;
width: 80px;
height: 80px;
padding: 0px;
margin: 0px 0px 0px 0px;
top: 95px;
left: 190px;
}

#hide {
position: absolute;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 5px;
top: 11px;
right: 240px;
background-color: #FFFF00;
text-align: center;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#hide_button ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

#hide_button li {
display: inline;
font-weight: normal;
/*float: left;*/
width: auto;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#hide_button li a {
width: auto;
color: #000000;
text-decoration: none;
}

#hide_button li a:hover {
color: #000000;
text-decoration: underline;
}

#show {
position: absolute;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 5px;
top: 11px;
right: 320px;
background-color: #FFFF00;
text-align: center;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#show_button ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

#show_button li {
display: inline;
font-weight: normal;
/*float: left;*/
width: auto;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#show_button li a {
width: auto;
color: #000000;
text-decoration: none;
}

#show_button li a:hover {
color: #000000;
text-decoration: underline;
}

#strikethrough {
text-decoration: line-through;
}

/* ---- Navigation ---- */

#nav {
float: right;
width: auto;
height: auto;
margin: 124px 0px 0px 0px;
/*background-color: #FF33CC;*/
text-align: right;
clear: right;
}

#navlistcontain {
float: right;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
/*background-color: #FF33CC;*/
text-align: right;
}

#navlist {
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
/*background-color: #FF33CC;*/
text-align: right;
}

#navlist ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

#navlist li {
display: inline;
font-weight: normal;
font-size: 1em;
float: left;
width: auto;
margin-left: 10px;
/*font-family: arial, helvetica, sans-serif;*/
font-weight: bold;
list-style-type: none;
}

#navlist li#last_child {
margin-right: 0px
}

#navlist li a {
padding-right: 6px;
display: block;
padding-left: 6px;
padding-bottom: 4px;
width: auto;
background: #000000;
color: #FFFFFF;
padding-top: 4px;
text-decoration: none;
}

#navlist li a:hover {
background: #ffff00;
color: #000000;
}

#navlist li.current_page_parent a, #navlist li.current_page_ancestor a {
background: #ffff00;
color: #000000;
}

#navlist ul {
position:absolute;
right:0px;
bottom:0px;
height: auto;
margin: 0px 0px 0px 0px;
/*background-color: #FF33CC;*/
text-align: right;
clear: right;
display:none;
}

#navlist li.current_page_parent ul, #navlist li.current_page_ancestor ul {
display:block;
}
#navlist li.current_page_parent ul ul, #navlist li.current_page_ancestor ul ul {
display:none;
}

#navlist li ul li {
display: inline;
font-weight: normal;
font-size: 0.8em;
float: left;
width: auto;
margin-left: 10px;
/*font-family: arial, helvetica, sans-serif;*/
font-weight: bold;
list-style-type: none;
}

#navlist li ul li#last_child {
margin-right: 0px
}

#navlist li.current_page_parent li a, #navlist li.current_page_ancestor li a {
padding-right: 4px;
display: block;
padding-left: 4px;
padding-bottom: 2px;
width: auto;
background: #FFFFFF;
color: #000000;
padding-top: 2px;
text-decoration: none;
}

#navlist ul li a:hover {
background: #ffff00;
color: #000000;
}

#navlist ul li.current_page_item a, #navlist ul li.current_page_parent a, #navlist ul li.current_page_ancestor a {
background: #ffff00;
color: #000000;
}

#navlist ul ul { display:none; }

/* ---- Sidebar Navigation ---- */

.sidebarlist {
/*float: left;*/
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
/*background-color: #FF33CC;*/
}

.sidebarlist ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

.sidebarlist li {
/*display: inline;*/
font-weight: normal;
font-size: 0.8em;
/*float: left;*/
width: auto;
margin-bottom: 8px;
line-height: 1.2em;
/*font-family: arial, helvetica, sans-serif;*/
/*font-weight: bold;*/
list-style: none;
}

.sidebarlist li.last_child {
margin-right: 0px;
/*margin-bottom: 10px;*/
}

.sidebarlist li a {
/*padding-right: 4px;
display: block;
padding-left: 4px;
padding-bottom: 2px;
padding-top: 2px;*/
width: auto;
/*padding-bottom: 0px;*/
/*background: #FFFFFF;*/
color: #000000;
text-decoration: none;
}

.sidebarlist li a:hover {
/*background: #ffff00;*/
color: #000000;
/*text-decoration: underline;*/
border-bottom: 1px dotted #000000;
}

.sidebarlist li.current_page_item a {
font-weight: bold;
color: #000000;
border-bottom: 1px dotted #000000;
}

/* ---- Content Lists/Navigation ---- */

.contentlist {
float: left;
width: 100%;
height: auto;
margin: 4px 0px 0px 0px;
/*background-color: #FF33CC;*/
}

.entry ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
}

.entry li {
/*display: inline;*/
font-weight: normal;
font-size: 12px;
/*float: left;*/
width: auto;
padding-bottom: 2px;
line-height: 17px;
/*font-family: arial, helvetica, sans-serif;*/
/*font-weight: bold;*/
list-style: disc outside;
margin-left:20px;
color: #333333;
padding-left: 2px;
}
.entry li li {
list-style: circle outside;
}

.contentlist li.last_child {
margin-right: 0px
}

.entry li a {
/*padding-right: 4px;
display: block;
padding-left: 4px;
padding-bottom: 2px;
padding-top: 2px;*/
width: auto;
/*background: #FFFFFF;*/
color: #333333;
text-decoration: none;
}

.entry li a:hover {
/*background: #ffff00;*/
color: #333333;
/*text-decoration: underline;*/
border-bottom: 1px dotted #333333;
}

.entry li.currentsubpage a {
background: #ffff00;
color: #333333;
}

.entry .alignleft { float:left; margin:0px 15px 10px 0px; }
.entry .alignright { float:right; margin:0px 0px 10px 15px; }
.entry .alignnone { float:none !important; display:block; clear:both; }

/* ----------------- Content ----------------- */

#content_wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 960px;
height: auto;
/*position: relative;*/
/*background-color: #FFFFFF;*/
}

.clear {
float: left;
width: 100%;
height: 20px;
margin-top: 10px;
border-top: 1px dotted #999999;
}

/* --------- Grid 01 --------- */

#grid_left_1 {
float: left;
margin: 0px 20px 0px 0px;
padding: 20px;
width: 670px;
height: auto;
/*position: relative;*/
background-color: #FFFFFF;
}

#grid_right_1 {
float: left;
margin: 0px 0px 0px 0px;
padding: 20px;
width: 190px;
height: auto;
/*position: relative;*/
background-color: #FFFF00;
}

/* --------- Grid 02 --------- */

#grid_left_2 {
float: left;
margin: 0px 20px 0px 0px;
padding: 20px;
width: 590px;
height: auto;
/*position: relative;*/
background-color: #FFFFFF;
}

#grid_right_2 {
float: left;
margin: 0px 0px 0px 0px;
padding: 20px;
width: 270px;
height: auto;
/*position: relative;*/
background-color: #FFFF00;
}

/* --------- Grid 03 --------- */

#grid_left_3 {
float: left;
margin: 0px 20px 0px 0px;
padding: 20px;
width: 510px;
height: 200px;
/*position: relative;*/
background-color: #FFFFFF;
}

#grid_right_3 {
float: left;
margin: 0px 0px 0px 0px;
padding: 20px;
width: 350px;
height: 200px;
/*position: relative;*/
background-color: #FFFF00;
}

/* --------- Grid 04 --------- */

#grid_left_4 {
float: left;
margin: 0px 20px 0px 0px;
padding: 20px;
width: 430px;
height: 200px;
/*position: relative;*/
background-color: #FFFFFF;
}

#grid_right_4 {
float: left;
margin: 0px 0px 0px 0px;
padding: 20px;
width: 430px;
height: 200px;
/*position: relative;*/
background-color: #FFFF00;
}

/* --------- Grid 05 - full --------- */

#grid_left {
float: left;
margin: 0px 20px 0px 0px;
padding: 20px;
width: 920px;
height: auto;
/*position: relative;*/
background-color: #FFFFFF;
}

/* --------- Image border --------- */

.border_wrapper {
width: auto;
height: auto;
margin: 10px 20px 10px 0px;
position: relative;
overflow:hidden;
}

.border_wrapper p {
width:auto;
margin:0px !important;
padding:0px !important;
}
.border_wrapper img {
margin:0px !important;
padding:0px !important;
}

.border_wrapperFeatured {
float: left;
width: auto;
height: auto;
margin: 0px 0px 10px 0px;
position: relative;
}

.flickr-photos { padding-top:10px; }
.flickr-photos img { margin:0px 11px 13px 0px; }

.img_text_box {
position: absolute;
bottom: 25px;
left: 0px;
width: auto;
height: auto;
padding: 5px 5px 5px 8px;
background: #FFFF00;
margin-right: 20px;
color: #000000;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.img_text_box a {
color: #000000;
text-decoration: none;
}

.img_text_box a:hover {
color: #666666;
/*background: #FF00CC;*/
text-decoration: none;
}

.border_top {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 5px;
margin: 0px;
background: url(../images/border_top.png) repeat-x;
}

.border_right {
position: absolute;
top: 0px;
right: 0px;
width: 5px;
height: 100%;
margin: 0px;
background: url(../images/border_right.png) repeat-y;
}

.border_bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 5px;
margin: 0px;
background: url(../images/border_bottom.png) repeat-x;
}

.border_left {
position: absolute;
top: 0px;
left: 0px;
width: 5px;
height: 100%;
margin: 0px;
background: url(../images/border_left.png) repeat-y;
}

/* --------- Photo Gallery --------- */

.gallery img {
/*border: 1px solid #cc9933;*/
margin: 0px 0px 0px 0px;
/*padding: 2px;*/
}

.gallery ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.gallery li {
float: left;
margin: 0px 15px 15px 0px;
}
.gallery li a {
/*	color: #666666;*/
}

/* --------- Content Divs --------- */

.divisable_boxes_auto {
float: left;
width: auto;
height: auto;
margin: 0px 20px 0px 0px;
}

.divisable_boxes_auto_single {
float: left;
width: auto;
height: auto;
margin: 0px 0px 15px 0px;
}

/* --------- Contact Form --------- */

.cForm label
{
width: 7em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
}

.cForm input
{
color: #333333;
margin: 0px 0px 4px 0px;
padding: 4px;
border: 1px solid #7f9db9;
width: 220px;
height: 16px;
/*background-color: transparent;*/
/*clear: both;*/
}

.cForm textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 0.9em;
margin: 0px 0px 4px 0px;
padding: 4px;
border: 1px solid #7f9db9;
width: 220px;
/*background-color: transparent;*/
/*clear: both;*/
}

.cForm .submit input 
{
width: 88px;
height: 28px;
border: 0px;
margin: 0px;
padding: 0px;
background:#ddd;
color:#000;
font-weight:bold;
cursor:pointer;
}

.cForm fieldset
{
border: 0px;
/*width: 20em;*/
}

.cForm legend
{
/*background: #ffa20c;*/
border: 0px;
padding: 0px;
/*font: 1.1em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #4c9621;*/
}

.TextHide {
color: #FFFFFF;
}

/* ----------------- Footer ----------------- */

#footer_wrapper {
float: left;
margin: 20px 0px 20px 0px;
padding: 0px;
width: 960px;
height: auto;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
/*position: relative;*/
/*background-color: #000000;*/
}

#footerlist ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

#footerlist li {
display: inline;
font-weight: normal;
/*font-size: 1em;*/
float: left;
width: auto;
margin-right: 10px;
padding-left: 8px;
margin-left: 1px;
/*font-family: arial, helvetica, sans-serif;*/
/*font-weight: bold;*/
list-style-type: none;
border-left: 1px solid #FFFFFF;
}

#footerlist li:first-child {
padding-left: 0px;
margin-left: 0px;
border-left:none;
}

#footerlist li a {
/*padding-right: 6px;
display: block;
padding-left: 6px;
padding-bottom: 4px;
padding-top: 4px;*/
width: auto;
/*background: #000000;*/
color: #FFFFFF;
text-decoration: none;
}

#footerlist li a:hover {
background: #ffff00;
color: #000000;
}

#social_wrapper {
float: left;
margin: 10px 0px 0px 0px;
padding: 0px;
width: 960px;
height: auto;
clear: both;
/*font: 0.7em Verdana, Arial, Helvetica, sans-serif;*/
/*position: relative;*/
/*background-color: #000000;*/
}

#sociallist ul {
clear: both;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

#sociallist li {
display: inline;
font-weight: normal;
/*font-size: 1em;*/
float: left;
width: auto;
margin-right: 10px;
padding-left: 8px;
margin-left: 1px;
/*font-family: arial, helvetica, sans-serif;*/
/*font-weight: bold;*/
list-style-type: none;
border-left: 1px solid #FFFFFF;
}

#sociallist li:first-child {
padding-left: 0px;
margin-left: 0px;
border-left:none;
}

#sociallist li a:hover {
text-decoration: underline;
}

a#youtube {
font-weight: bold;
color: #FF0000;
text-decoration: none;
}

a#vimeo {
font-weight: bold;
color: #333333;
text-decoration: none;
}

a#twitter {
font-weight: bold;
color: #33CCFF;
text-decoration: none;
}

a#flickr {
font-weight: bold;
color: #FF0099;
text-decoration: none;
}

.navigation a { color:#000; background:#ffff00; text-decoration:none; font-weight:bold; }
.navigation a:hover { background:none; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }