@charset "utf-8";

body			{ color: #444444; background: #ffffff url(../images/site-back.jpg) repeat; padding: 0; margin: 206px 0 50px 0; text-align: left; font-family: Tahoma, Geneva, Arial, Verdana, sans-serif; font-size: 15px; }

html>body .outerpair1	{ background: url(../images/upperrightfade.png) right top no-repeat; }
html>body .outerpair2	{ background: url(../images/lowerleftfade.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox	{ background: url(../images/shadow.png) bottom right; }
html>body .innerbox	{ position: relative; left: -8px; top: -8px; }
.shadowbox img		{ border: 1px solid #000000; vertical-align: bottom; }
.clearfix:after		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix		{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix	{ height: 1%; }

#wrapper		{ position: relative; top: 0; width: 960px; margin: 0 auto; padding: 0; background: url(../images/wrapper-back.png) repeat; overflow: auto; height: auto; }
#header			{ position: relative; width: 960px; height: 175px; z-index: 50; margin: 0 auto; }
#header img		{ position: relative; left: 30px; }
#headerback		{ position: absolute; background: #000000; height: 136px; width: 100%; top: 70px; }
#middle			{ width: auto; margin: 0 0 0 335px; padding: 20px 25px 10px 0; }
#slideshow		{ position: relative; width: 100%; height: 452px; overflow: hidden; z-index: 10; }


/* DEFAULT STYLING */

textarea		{ resize: none; }

a			{ color: #cc0000; font-size: 16px; text-decoration: underline; }
a:hover			{ color: #999999; font-size: 16px; text-decoration: underline; }

h1, h2, h3, h4, h5, h6	{ font-weight: normal; color: #131313;  }
h1			{ font-size: 30px; }
h2			{ font-size: 26px; }
h3			{ font-size: 22px; }
h4			{ font-size: 18px; }
h5			{ font-size: 16px; }
h6			{ font-size: 16px; }

p, li, td, th		{ color: #444444; font-weight: normal; }
p, li			{ font-size: 15px; line-height: 22px; }
td, th, td p, td p a	{ font-size: 15px; }
hr			{ height: 1px; border: none; color: #888888; background: #888888; }


/* HORIZONTAL MENU */

#menuh			{ position: absolute; text-align: right; height: 30px; font-size: 15px; top: 94px; right: 0; }
#menuh p		{ color: #000000; padding: 0; margin: 0; }
#menuh a		{ position: relative; display: inline-block; padding: 5px 14px; margin: 0; font-size: 15px; text-decoration: none; z-index: 1; text-transform: lowercase; }
#menuh .menuhnotselect a	{ color: #ffffff; background: #353535; border: 1px solid #353535; }
#menuh .menuhselect a		{ color: #ffffff; background: #ed1c24; border: 1px solid #cfcfcf; }
#menuh .menuhnotselect a:hover	{ color: #ffffff; background: #ed1c24; border: 1px solid #cfcfcf; text-decoration: none; }


/* PAGE TREE */

#pagetree		{ text-align: right; width: auto; margin-bottom: -15px; }
#pagetree p		{ padding: 0; margin: 0; font-size: 13px; }
#pagetree p a		{ font-weight: normal; text-decoration: underline; text-transform: lowercase; font-size: 13px; }
#pagetree p a:hover	{ text-decoration: underline; }
#pageheading		{ text-align: left; width: auto; padding-bottom: 0px; }


/* VERTICAL MENU */

#leftcontainer		{ background: url(../images/leftcontainer-back.png) repeat-y; padding: 22px 0 0 5px; float: left; width: 280px; }
#leftcontainer ul	{ position: relative; list-style: none; text-align: center; margin: 0 auto; padding: 0; }
#leftcontainer ul li a	{ position: relative; text-decoration: none; display: inline-block; margin-bottom: 1px; margin: 0 auto; width: 280px; height: 46px; padding: 28px 0 0 0; font-size: 16px; }
#leftcontainer ul .menuvnotselect a		{ color: #ffffff; background: url(../images/menuv-back.png) no-repeat; }
#leftcontainer ul .menuvselect a		{ color: #ff3333; background: url(../images/menuv-back.png) no-repeat; }
#leftcontainer ul .menuvnotselect a:hover	{ color: #ff3333; background: url(../images/menuv-back.png) no-repeat; }


/* RECOMMEND LINKS */

#recommend		{ position: relative; font-weight: normal; font-size: 16px; margin: 4px 0 0 0; padding: 5px 0 10px 0; background: #ffffff; margin-left: -5px; line-height: 26px; }
#recommend a		{ font-size: 16px; text-decoration: none; color: #333333; }
#recommend a:hover	{ text-decoration: none; color: #666666; }


/* PAGE GALLERY */

.pagegallery		{ margin: 7px 0; width: 100%; }
.pagegallerycontent	{ float: left; width: 100%; margin-bottom: 24px; font-weight: normal; }
.pagegalleryheading	{ font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif; font-size: 19px; font-weight: bold; color: #444444; border-bottom: 1px solid #aaaaaa; margin: 0 0 10px 0; }
.pagegalleryinner	{ width: 100%; margin: 0 auto; padding: 0px; }
.pagegalleryimage	{ float: left; padding: 0px; margin: 5px; height: 110px; width: 138px; text-align: center; }
.pagegalleryimage img		{ padding: 2px; vertical-align: middle; border: none; }
.pagegalleryimage a:hover img	{ opacity: 0.7; filter:alpha(opacity: 70); -moz-opacity: 0.7; -khtml-opacity: 0.7; }


/* IMAGE LIBRARY */

#imagelibrary		{ margin: 4px; padding: 4px; }
#imagelibrary img	{ margin: 3px; }


/* IMAGE STYLING */

.pageimagecenter	{ text-align: center; margin: 0 auto; padding: 0px; }
.pageimageright		{ float: right; margin: 5px 0 5px 5px; padding: 0; }
.pageimageleft		{ float: left; margin: 5px 5px 5px 0; padding: 0; }
.pageimagenone img	{ margin: 3px; padding: 0; }


/* LINKS */

.link			{ overflow: hidden; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; margin: 20px 0; height: 180px; }
.link p			{ font-weight: normal; color: #000000; font-size: 14px; }
.linktop		{ width: auto; color: #000000; font-size: 13px; font-weight: normal; background: #ffffff; margin: 0 auto; text-align: center; padding: 5px; }
.linkleftcontainer	{ float: left; position: relative; top: 5px; width: 135px; height: 125px; margin-bottom: 5px; }
.linkleftcontainer img	{ border-style: none; margin: 0px; padding: 0px; }
.linkrightcontainer	{ position: relative; width: auto; height: 100px; overflow-y: auto; margin-bottom: 5px; }
.linkfooter		{ display: none; }


/* ADMIN STYLING */

#adminpage		{ font-weight: normal; font-size: 12px; margin-bottom: 20px; margin-left:  0px; }
#adminpage p, #adminpage b, #adminpage a, #adminpage li	{ font-size: 12px; }
#adminpage table	{ margin-bottom: 10px; font-size: 12px; }
#adminpage td		{ background: none; border: none; text-align: left; font-size: 12px; }
#adminpage th		{ background: none; border: none; text-align: left; font-size: 12px; }
#adminpagegallery	{ position: relative; font-weight: normal; font-size: 12px; }
#adminpage table.log		{ background: #aaaaaa; }
#adminpage table.log th		{ background: #555555; padding: 2px; font-size: 13px; color: #ffffff; }
#adminpage table .logrow1 td	{ background: #cfcfcf; padding: 4px; font-size: 12px; }
#adminpage table .logrow2 td	{ background: #eeeeee; padding: 4px; font-size: 12px; }
#adminpage table .logrowS td	{ background: #ffff66; padding: 4px; font-size: 12px; }
#adminpage table label		{ padding: 2px; display: inline-block; width: 100%; }
#adminpage table label:hover	{ color: #cf0000; cursor: pointer; }


/* SUBPAGES */

.subpage		{ vertical-align: top; }
.subpage img		{ border: 0px; margin-bottom: 5px; }
.subpage a		{ text-decoration: none; }


/* CONTACT */

#contact		{ width: auto; clear: both; margin: 8 auto; text-align: center; font-size: 18px; }
#contactpage table	{ margin: 0 auto; }
.error			{ color: #cc0000; }
.contactThankyou	{ padding: 15px; }


/* LOW GREY BANNER */

#lowbanner		{ height: 121px; padding: 20px 0; background: url(../images/lowbanner-back.png) repeat; text-align: center; }
#lowbanner p		{ color: #ffffff; margin: 0; padding; 0; line-height: 38px; }
#lowbanner a		{ font-size: 28px; color: #ffffff; }
#lowbanner a:hover	{ text-decoration: none; }
#lowbanner .line1	{ font-size: 37px; }
#lowbanner .line2	{ font-size: 28px; }


/* FOOTER */

#footer			{ clear: both; text-align: center; padding: 15px 0 0 0; font-weight: normal; font-size: 16px; }
#footer a		{ color: #000000; font-size: 16px; text-decoration: underline; }
#footer a:hover		{ color: #cc0000; text-decoration: none; }


/* DEBUG */

#debug			{ position: relative; width: 100%; padding: 10px 15px; text-align: left; background: #cfdaff; border-top: 12px solid #c4d2ff; border-bottom: 12px solid #c4d2ff; }
#debug h1		{ border: none; color: #001b51; text-transform: none; text-decoration: none; }
#debug pre		{ color: #000d27; }
