html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;background: #1E313F;background-image: url(../graphics/bg_tile.jpg) ; background-repeat: repeat-x; padding-bottom:20px; font-size:70%;}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}

div#header{width:100%;overflow:hidden;background: #12AADC;background-image: url(../graphics/test_header_tile.jpg); height:95px;}
div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}
div#header h1{padding: 30px 0 10px;color: #FFF}
/*
div#inner_header{	display:block;
	height: 90px;
	width:100%;
	background-color: #1BADE0;
	background-image: url(../graphics/header_bg_tile.jpg);
	border-bottom: 2px solid #80E4FE;}
*/
div#inner_header{
padding-top:0px;
padding-bottom:22px;
margin:0 auto;
text-align:left;
width:770px
}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;} 
ul#nav li{float:left;margin-left: 3px;margin-right: 0px;text-align: center}
ul#nav a{float:left;width: 80px;padding: 5px 0;background: #0A7698;text-decoration:none;font-weight:bold;color: #B7E370}
ul#nav a:hover{background: #1E313F;color: #B7E370}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #000}

div#container{width:770px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#FFF}


/*
div#content{float:left;display:inline;width:740px;margin:0 0 10px 10px}
*/
ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0;margin-bottom:20px;}
li#mission{background: #0A7698}
li#mission a{text-decoration:none; color:#fff;}
li#services{background: #0DA8D8}
li#more{background: #80E4FE}
li#mission2{background: #0A7698}
li#services2{background: #0DA8D8}
li#more2{background: #80E4FE}
ul#intro li#more{margin-right:0;}
ul#intro li#more2{margin-right:0;}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{padding-bottom:3px;color: #FFF; font-weight:bold;}
.gal_button{
margin-top:5px;
}



div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}


div.ds_shop_1 div{background: #EEE;margin-bottom:10px}
div.ds_shop_1 p{padding: 10px;margin:0}
div.ds_shop_1 div.odd{background:#DAE6FE}

div#side{
	float:left;
	display:inline;
	width:170px;
	background:#EEE; 
	margin:0 0px 10px 10px;
	padding-left:2px;


}
.left_box_spacer{
height:2px;
}

.left_box1{
	background-image: url(../graphics/left_nav_latest_galleries.jpg);
	background-repeat: no-repeat;
	
}
.left_box2{
	background-image: url(../graphics/left_nav_rand_gal_pics.jpg);
	background-repeat: no-repeat;
	
}
.left_box3{
	background-image: url(../graphics/left_nav_merchandise.jpg);
	background-repeat: no-repeat;
	
}
.left_box4{
	background-image: url(../graphics/left_nav_forum_threads.jpg);
	background-repeat: no-repeat;
	
}
.left_box_ds_shop{
	background-image: url(../graphics/left_nav_darkside_shop.jpg);
	background-repeat: no-repeat;
	
}
.left_box_inner{
	padding-top: 35px;
	padding-left:5px;
	/*background:#ff0;*/
	width:160px;
	
}
.left_box_bottom{
	background-image: url(../graphics/left_nav_bottoms.jpg);
	background-repeat: no-repeat;
	height:18px;
}
.left_box_spacer{
height:5px;
}
div#buttons a{
	display:block;
	width:158px;
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
	font-weight:bold;
	color: #1E313F;
	border-bottom:1px solid #d5d5d5;
}
div#buttons a span{
		float:left;
		height:15px;
		width:3px;
		margin-left:5px;
		margin-right:5px;
		background:#B7E370;
}
div#buttons a:hover{
		background:#f4f4f4;
}

div#side p{margin:5px 0 10px;padding: 0 10px}
/*div#side div{margin: 0 0 10px;padding: 10px 0}*/
div#side_inner{
text-align:center;
left:-50%;
background: #ff0000;
width:120px;
}

div#footer{clear:both;width:750px;margin:0 10px 0;padding: 5px 0;
    background: #0A7698;color: #FFF;text-align:center}
div#footer p{margin:0}

.page_title{
	display:block;
	width:560px;
	height:35px;
	background:url(../graphics/bg_plan.gif) no-repeat;
	font-size:120%;
	font-weight:bold;
	position: relative;
	color: #1E313F;
	border-top: 1px solid #f5f5f5;
}
.page_title_under_shadow{
	display:block;
	width:560px;
	height:12px;
	background:url(../graphics/group_shadow.gif) no-repeat;
	margin-bottom:10px;
}

.sub_title{
	display:block;
	width:560px;
	height:35px;
	background:url(../graphics/bg_plan.gif) no-repeat;
	font-size:120%;
	font-weight:bold;
	position: relative;
	color: #1E313F;
}
.sub_title_under_shadow{
	display:block;
	width:560px;
	height:12px;
	background:url(../graphics/group_shadow.gif) no-repeat;
}

ul#split,ul#split li{margin:0;padding:0;list-style:none;
}
ul#split li{float:right;width:170px;margin:0 0px 0px 0}
ul#split h3{
    margin:0px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align:center; color:#fff;font-weight:bold;}
ul#split p{margin:0;padding:5px 8px 15px}
ul#split div{background: #ffffff}
ul#split a.butt{
	display:block;
	width:166px;
	background: #ffffff;
	background:url(../graphics/bg_plan.gif) no-repeat;
	background-position: bottom left;
	border:1px solid #fff;
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
	font-weight:bold;
	color: #1E313F;
}
ul#split a.butt:hover{
	background: #fff;
	border:1px solid #f7f7f7;
	/*background: #1E313F;color: #B7E370*/
	color: #0A7698
}
ul#split a span{
		float:left;
		height:15px;
		width:3px;
		margin-left:5px;
		margin-right:5px;
		background:#B7E370;
		
}
ul#split a:hover span{

		background:#B7E370;
}

ul#split div.latest{
	background: #ffffff; 
	border:0px;
	padding-left:8px;
	font-weight:bold;
	text-decoration:none;
}
.small_latest{
font-size:80%;
font-weight:normal;
}
a.no_underline{#text-decoration:none;
}
li#one h3{background: #0A7698;font-weight:bold;}
li#one div{border:1px solid #cccccc;text-align:center;}
/*li#one div.butt{border:1px solid #cccccc;text-align:center;}*/
li#two h3{background: #0A7698;font-weight:bold;}
li#two div{border:1px solid #cccccc;padding-top:0px;padding-bottom:0px;}
li#three h3{background: #0A7698;}
li#three div{border:1px solid #cccccc;padding-top:0px;padding-bottom:0px;}
li#four h3{background: #0A7698;}
li#four div{border:1px solid #cccccc;padding-top:0px;padding-bottom:0px;}


li#two h4{
	display:block;
	width:158px;
	border:1px solid #f5f5f5;
	font-size:100%;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;
	padding-top:3px;
	padding-left:5px;
	padding-bottom:3px;
	text-align:left;
	text-decoration:none;
	background:url(../graphics/bg_plan.gif) no-repeat;
	font-weight:bold;
}
/*
li#two a{
	display:block;
	width:158px;
	border:1px solid #f5f5f5;
	font-size:100%;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;
	padding-top:3px;
	padding-left:5px;
	padding-bottom:3px;
	text-align:left;
	text-decoration:none;
	background:url(../graphics/bg_plan.gif) no-repeat;
	font-weight:bold;
}
li#two a:hover{

	background: #f8f8f8;
}


li#three a{
	display:block;
	width:158px;
	border:1px solid #f5f5f5;
	font-size:100%;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;
	padding-top:3px;
	padding-left:5px;
	padding-bottom:3px;
	text-align:left;
	text-decoration:none;
	background:url(../graphics/bg_plan.gif) no-repeat;
	font-weight:bold;
}
li#three a:hover{

	background: #f8f8f8;
}
*/

ul#darkside_login,ul#darkside_login li{margin:0;padding:0;list-style:none;
}
ul#darkside_login li{text-align:center; width:400px;margin:0 0px 10px 0}
ul#darkside_login h3{
    margin:0px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align:left; color:#fff;font-weight:bold;}
ul#darkside_login p{margin:0;padding:5px 8px 15px}
ul#darkside_login div{background: #f5f5f5}

li#ds_login h3{background: #0A7698}
li#ds_login div{border:1px solid #cccccc}

#event_return_link a{
padding-bottom:5px;
text-decoration:none;
margin-bottom:5px;
}
#slideshow_link{
display:block;
float:right;
}
#event_return_link a:hover{
text-decoration:underline;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 15px;
padding-bottom: 0;
background: #ffffff;
visibility: hidden;
z-index: 10;
cursor: pointer;
border: 1px solid #cccccc;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 10px Tahoma;
line-height: 1.1em;
color: #999999;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.thumbnail
{
	float: left;
	width: 110px;
	height: 120px;
	border: 1px solid #ccc;
	margin: 0 15px 15px 0;
	padding: 5px;
	position: relative;
	text-align:center;
}
.thumbnail_ds
{
	float: left;

	border: 1px solid #ccc;
	margin: 0 15px 15px 0;
	padding: 5px;
	position: relative;
	text-align:center;
}
.thumbnail_views{
	font-size:75%;
	color: #999999;
	font-weight:bold;
	position: absolute; 
	right: 3px; 
	bottom: 3px;
}
div.row{
width:95%;
}
div.row span.left {
  float: left;
  text-align: center;
  font-weight: normal;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align: center;
  font-weight: normal;
  width: 49%;
  }
div.darkside_quote{
	display:block;
	width:540px;
	padding:15px;
	background-color:#f5f5f5;
	border: 1px solid #cccccc;
	margin-bottom:10px;
}
div.darkside_login_form{
	display:block;
	width:400px;
	padding:15px;
	background-color:#f5f5f5;
	border: 1px solid #cccccc;
	margin-bottom:10px;
}
/* old big cart display
div.darkside_cart{
	display:block;
	width:520px;
	padding:15px;
	background-color:#f5f5f5;
	border: 1px solid #cccccc;
	margin-bottom:10px;
}
*/
div.darkside_cart{
	display:block;
	/*width:520px;*/
	padding:15px;
	background-color:#f5f5f5;
	border: 1px solid #cccccc;
	margin-bottom:10px;
}

.formtext_ds{
font-size:85%;
}
.cart_total{
font-size:85%;
text-align:right;
padding-top:5px;
padding-bottom:5px;
}
.small_button{
font-size:85%;
}

.shop_product_title{
font-size:95%;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
.guestbook_entry_form{
	display: block;
	border: 1px solid #cccccc;
	width: 95%;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #F5F5F5;
}

/* CSS for admin side drop down menus */
#ss_admin_menu {list-style-type:none; margin:10px auto 5px auto; padding:0; width:700px;}
#ss_admin_menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:125px; height:3em; z-index:100;}
#ss_admin_menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#ss_admin_menu li a, #ss_admin_menu li a:visited {text-decoration:none;}
#ss_admin_menu li dd {display:none;}
#ss_admin_menu li a:hover {border:0;}
#ss_admin_menu li:hover dd, #ss_admin_menu li a:hover dd {display:block;}
#ss_admin_menu li:hover dl, #ss_admin_menu li a:hover dl {padding-bottom:10px;}
#ss_admin_menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#ss_admin_menu dl {width: 125px; margin: 0; padding: 0; background: transparent;}
#ss_admin_menu dt {margin:0; padding: 0;}

#ss_admin_menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#ss_admin_menu dt a, #ss_admin_menu dt a:visited {display:block; font-size: 0.9em; color: #038; text-align:center; border:1px solid #08c; border-width:0 1px 1px 1px; background:#d4d4d4; padding:0.15em 0 0.15em 0;}

#ss_admin_menu li:hover dt a, #ss_admin_menu a:hover dt a {color:#006; background:#d4d4d4; border:1px solid #08c; border-width:0 1px 1px 1px;}

#ss_admin_menu dd a, #ss_admin_menu dd a:visited {background:#08c; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #08c; border-right:1px solid #08c;}

#ss_admin_menu dd a:hover {background: #ddd; color:#000; border-left:1px solid #08c; border-right:1px solid #08c;}

#ss_admin_menu b {display:block; overflow:hidden; height:1px;}

#ss_admin_menu b.p1 {background:#08c; margin:0 5px;}
#ss_admin_menu b.p2 {background:#d4d4d4; border:2px solid #08c; border-width:0 2px; margin:0 3px;}
#ss_admin_menu b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #08c; border-width:0 1px;}
#ss_admin_menu b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #08c; border-width:0 1px;}
#ss_admin_menu b.p5 {background:#08c; margin:0 5px;}
#ss_admin_menu b.p6 {background:#08c; margin:0 3px;}
#ss_admin_menu b.p7 {background:#08c; margin:0 2px;}
#ss_admin_menu b.p8 {height:2px; background:#08c; margin:0 1px;}

#ss_admin_menu li:hover b.p2, #ss_admin_menu a:hover b.p2 {background:#fff;}
#ss_admin_menu li:hover b.p3, #ss_admin_menu a:hover b.p3 {background:#f0f0f0;}
#ss_admin_menu li:hover b.p4, #ss_admin_menu a:hover b.p4 {background:#e8e8e8;}

/* common styling */
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:2px 0 100px 0; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.no_border{
	border:0px;
}
.image_float_right{
	float:right;
	padding:10px;
}
.image_float_left{
	float:left;
	padding:10px;
}
.centred{
width:100%;
text-align:center;
}
.grey{
	color:#999999;
}
.scroller{
margin-bottom:5px;
}

/* the news box */
#news
{
	width:190px;
	background:#eee;
}
#news a
{
	color:#000;
}
#news ul
{
	margin:0 .5em 0 1em;
	padding:0;
}
#news li{
	line-height:2em;
}
/* the news box when JavaScript is available */
#news.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}

.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid white;
}
.highslide:hover img {
	border: 1px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(../highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 1px solid #0A7698; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu2 a{
float: left;
display: block;
font-size:100%;
font-weight:bold;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #0DA8D8; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #0A7698; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #0A7698; /*Brown color theme*/ 
color: white;
border-color: #0A7698; /*Brown color theme*/ 
}