@charset "utf-8";
/* CSS Document */

body {
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 15px;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	BACKGROUND-COLOR: #033236;
	text-align:center;
}
/*BACKGROUND-COLOR: #32816c;  2e4949;*/
a:link {
	color: #996633;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #993300;
}
a:hover {
	text-decoration: none;
	color: #CC6600;
}
a:active {
	text-decoration: none;
}
.titletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	float: left;
	
	padding-left: 30px;
	margin-top:20px;
}
.titlesubtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	float: right;
    color: #32816c;
	padding-right: 30px;
	margin-top:25px;
}

#wrapper {
	width: 870px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	position: relative;
}


#title {
	height: 60px;
	width: 870px;
	background-color: #E1E0E4;	
}


#nav {
	height: 30px;
	background-color: #FFFFFF;
	width: 870px;
}
#logo {
	height: 110px;
	width: 870px;
}

#content {
	height: 1000px;
	width: 820px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}
#content1 {
	height: 1000px;
	width: 820px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}
#content1 img {
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content1 .weblink img {
	height: auto;
	
}


#content1x {
	height: 2000px;
	width: 815px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 25px;
}
#content1x img {
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content1x .weblink img {
	height: auto;
	
}

#content1a {
	height: 1000px;
	width: 820px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}
#contentind {
	height: 820px;
	width: 820px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}
#content1along {
	height: 1200px;
	width: 820px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}
#content1alongb {
	height: 1300px;
	width: 820px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}
#content2 {
	height: auto;
	width: 820px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}
#contentlong {
	height: 1200px;
}
#contentin {
	height: 1080px;
	margin-top: -27px;
}
#contentin2 {
	height: 740px;
	margin-top: -15px;
	background-color:#d9d9d0;
}
.titlenavg {

	padding-top: 2px;
	
}
#galcontent {
	 /* padding: 0 20px;remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height: 1000px;

	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
	
}
#galcontent2 {

	background: #FFFFFF;
	height: 800px;

	line-height: 20px;
	color: #000000;
	text-align: justify;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
	
}
.weblink {
	width: 810px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: auto;
}
.outweb {
	width:600px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: auto;
	position: relative;
}


.outwebimg{
	padding-right: 5px;
	padding-bottom: 10px;
	float: left;
	width: 160px;
	height: auto;
	padding-top: 0px;
	padding-left: 0px;
	
}

#centimg{
	
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 10px 0px 0px; 
PADDING-TOP: 0px; 
TEXT-ALIGN: center;

}

#centimgimg {
	PADDING-RIGHT: 0px; 
     PADDING-LEFT: 0px; 
	}


/* ...................................................................................... */

#content1 .cvhead {
	width: 150px;
	float:left;
	background-color: #CCCCCC;
	padding-left:10px;
}

#content1 .cvleft {
	width: 150px;
    float:left;
	padding-left:5px;
}
#content1 .cvright {
	width: 550px;
	float:left;
}
.contentright {
	text-align: left;
	float: left;
}

 .eventcell {
	FLOAT: left;
	padding-bottom:20px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	width:780px;
	background-color:#FFF;
	border-width:thin;
	border-style:solid;
	border-color:#a3a8ac;
	margin-bottom: 15px;

	
}
#wrapper #content1a .eventcell img {
	FLOAT: left;
	width: 280px;
	padding-bottom:10px;
	padding-right: 20px;
}

.contentleft {
	height: 270px;
	width: 295px;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 15px;
	padding-left: 20px;
	padding-top: 15px;

	background-color:#f2f8f1;
}

.contentleft img {
	
	padding-left: 0px;
}
.fluerim {
	text-align: center;
}
.bodytext1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333;
}
.title1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #996600;
}

#galsidemenu {
	text-align: left;
	float: left;
	height: 430px;
	width: 190px;
	padding-right:0px;
	padding-top:15px;
	padding-left: 10px;
	padding-right:30px;
}
.gallerythumbs {
	height: 420px;
	position: relative;
	padding-top:15px;
	width: 520px;
}

#galsidemenua {
	text-align: left;
	float: left;
    height: 430px;
	width: 180px;
	padding-left: 10px;
	padding-right:80px;
	padding-top:15px;
}
.gallerythumbsa {
	width: 800px;
	margin-left: 5px;
	position: relative;
	padding-top:15px;
}



.thumbcontainer {
	padding: 0px;
	height: 85px;
	width: 125px;

	float:left;
	text-align:center;
}
.thumbcontainer img{
	padding: 0px;
}




#mainindexg {
	height: auto;
	width: 290px;
	left: 20px;
	float:left;
}
#mainindexcontact {
	height: auto;
	width: 270px;
	left: 20px;
	float:left;
}
.thumbnail2g 
{
	 FONT-SIZE: 11px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FLOAT: left; 
	WIDTH:90px; 
	TEXT-ALIGN: center
		
}






.artstateg {
	font-size: 12px;
	font-style: italic;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 5px;
	padding-bottom: 12px;
}
.contactd {
	font-size: 12px;
	font-style: italic;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 2px;
	padding-bottom: 7px;
	width:270px;
	margin-left: 2px;
	margin-top: 2px;
	position: relative;
}
#mainindexg {
	height: auto;
	width: 290px;
	left: 20px;
	float:left;
}
#mainindexcontact {
	height: auto;
	width: 270px;
	left: 20px;
	float:left;
}
.thumbnail2g 
{
	 FONT-SIZE: 11px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FLOAT: left; 
	WIDTH:90px; 
	TEXT-ALIGN: center
		
}
.thumbnail2g IMG {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	
	padding-top: 3px;
	padding-bottom: 2px;
}
.thumbnail2c 
{
	 FONT-SIZE: 11px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FLOAT: left; 
	WIDTH:105px; 
	TEXT-ALIGN: center
		
}
.thumbnail2c IMG {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	
	padding-top: 10px;
	padding-bottom: 2px;
	padding-right:25px;
}

.photosideabs {
	position:relative;
	left:15px;
	top:10px;
	width:520px;
	height:565px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: left;
	text-align: center;
}

#photoside {
	position:absolute;
	left:320px;
	top:390px;
	width:520px;
	height:540px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: right;
}
#photosidec {
	position:absolute;
	left:310px;
	top:270px;
	width:520px;
	height:540px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: right;
}
.photoarea {
	top:135px;
	width:520px;
	height:500px;
	z-index:2;		
}

.photoarea img {
	
	vertical-align:bottom;	
}

.slidetitle {
	position:absolute;
	left:320px;
	top:350px;
	width:510px;
	height:33px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-style: italic;
}
.descriptiontext {
	position:absolute;
	left:5px;
	top:505px;
	width:510px;
	height:33px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-style: italic;
}
/* ......................................nav................................................ */
/* .......................................site nav.............................................. */
.site_navigation .level1 {
	float: left
}
.site_navigation .level1_hover {
	float: left
}
.site_navigation .level1_selected {
	float: left
}
.site_navigation .level1_selected_hover {
	float: left
}
.site_navigation li .menu_text {
	float: left
}
.site_navigation li .menu_end {
	float: left
}
.site_navigation li {
	list-style-image: none; 
	list-style-type: none;
}
.site_navigation li li {
	margin-top: -2px;
}
.site_navigation {
	margin-left: 0px;
}
.site_navigation .level1 .level2_group {
	display: none;
}
.site_navigation .level1_selected .level2_group {
	display: none;
}
.site_navigation .level1_hover .level2_group {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	z-index: 500; 
	padding-bottom: 0px; 
	margin: 30px 0px 0px; 
	padding-top: 0px; 
	position: absolute
}
.site_navigation .level1_selected_hover .level2_group {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	z-index: 500; 
	padding-bottom: 0px; 
	margin: 30px 0px 0px; 
	padding-top: 0px; 
	position: absolute
}
html > body .site_navigation {
	margin-left: -40px
}
html > body .site_navigation li .level2_group {
	display: none
}
html > body .site_navigation li:hover .level2_group {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	z-index: 500; 
	padding-bottom: 0px; 
	margin: 30px 0px 0px; 
	padding-top: 0px; 
	position: absolute
}
html > body .site_navigation li li {
	float: left
}
/* ...................................................................................... */



/* .......................................format text 

menu.............................................. */
#snformat{
	padding-left: 6px;
	background: url(../images/nav_bkg.gif) no-repeat;
	width: 870px;
	height: 33px;
	text-align: left
}
#snformat a {
	color: #c79260; 
	text-decoration: none
}
#snformat a:hover {
 
	text-decoration: none;
	color:#033236;
}

#snformat .site_navigation .level1 .menu_text {
	padding-right: 15px; 
	padding-left:29px; 
	font-weight: bold; 
	font-size: 12px; 
	padding-bottom: 9px; 
	text-transform: lowercase; 
	padding-top: 9px
}

/* ...........................................	

was 9 left right........................................... */

#snformat .site_navigation .level1_hover .menu_text {
	padding-right: 15px;
	padding-left: 29px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 9px;
	text-transform: lowercase;
	padding-top: 9px;
    background:#c9deb7;}







/* ...........................................	

background:#990000;........................................... */
#snformat .site_navigation .level2 .menu_text {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	BACKGROUND: url(../images/bullet.gif) no-repeat left center; 
	PADDING-BOTTOM: 5px; 
	MARGIN-LEFT: 10px; 
	TEXT-TRANSFORM: none; 
	PADDING-TOP: 5px
}
#snformat .site_navigation .level2_hover .menu_text {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	BACKGROUND: url(../images/bullet.gif) no-repeat left center; 
	PADDING-BOTTOM: 5px; 
	MARGIN-LEFT: 10px; 
	TEXT-TRANSFORM: none; 
	PADDING-TOP: 5px
}
#snformat .site_navigation .level2_selected .menu_text {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	BACKGROUND: url(../images/bullet.gif) no-repeat left center; 
	PADDING-BOTTOM: 5px; 
	MARGIN-LEFT: 10px; 
	TEXT-TRANSFORM: none; 
	PADDING-TOP: 5px
}
#snformat .site_navigation .level2_selected_hover .menu_text {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	BACKGROUND: url(../images/bullet.gif) no-repeat left center; 
	PADDING-BOTTOM: 5px; 
	MARGIN-LEFT: 10px; 
	TEXT-TRANSFORM: none; 
	PADDING-TOP: 5px
}
#snformat .site_navigation .level2_hover {
	BACKGROUND: #bcd2ab
}
#snformat .site_navigation .level2_selected_hover {
	BACKGROUND: #bcd2ab
}	


/* ...........................................	added2........................................... 

*/


#snformat .site_navigation .level1_selected .menu_text {
	padding-right: 9px; 
	padding-left: 9px; 
	font-weight: bold; 
	font-size: 12px; 
	padding-bottom: 9px; 
	text-transform: lowercase; 
	padding-top: 9px
}
#snformat .site_navigation .level1_selected_hover .menu_text {
	padding-right: 9px; 
	padding-left: 9px; 
	font-weight: bold; 
	font-size: 12px; 
	background: #01758c; 
	padding-bottom: 9px; 
	text-transform: lowercase; 
	padding-top: 9px
}

#snformat .site_navigation li li .menu_text {
	width: 150px
}
#snformat .site_navigation li li .menu_text a {
	width: 150px
}
#snformat .site_navigation li li {
	width: 150px
}
#snformat .site_navigation li ul {
	padding-right: 10px;
	padding-left: 10px;
	background: url(../images/subnav.gif) #f3f7ed repeat-x 50% bottom;
	padding-bottom: 10px;
	width: 150px;
	padding-top: 10px;
	
}
/* ...........................................	backgroundcolour 

dropdown;........................................... */


html > body #snformat .site_navigation li .level2_group {
	width: 170px
}


html > body #snformat .site_navigation li .menu_end {
	height: 12px
}


html > body #snformat .site_navigation li {
	display: inline-block;
	float: left; 
	position: relative; 
}



/* ...................................................................................... */
.text9 {
	font-size: 9px;
	color: #333;
}
.text9italic {
	font-size: 9px;
	font-style: italic;
	color: #333;
	line-height: 12px;
}
#footer {
	CLEAR: both;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	padding-top:0px;
	FONT-SIZE: 80%;
	LINE-HEIGHT: 20px;
	HEIGHT: 65px;
	TEXT-ALIGN: center;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	MARGIN-LEFT: auto;
	margin-top: 0px;
	WIDTH:870px;
	MARGIN-RIGHT: auto;
	background-color: #ffffff;
	background-image: url(../images/footer.jpg);	
}

.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.styleb {
	font-size: 14px;
	font-weight: bold;
}
.red_outlet_text {
	color: #900;
	font-style: italic;
	font-weight: bolder;
}