body, #page-body {
   background: white;
   font-size: 9pt;
   width: 19cm;
   }

hr {
	border: 0px none #FFFFFF;
	border-top: 1px dashed #999999;
	margin-top: 5px;
	padding-bottom: 5px;
	height: 1px;
	}
acronym {
	border: 0;
	}

/* Links */
a {
	color: #234F7C;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	color: #3084CB;
	text-decoration: none;
	}

/* Headers */

h1 {
	font: normal 120% Arial, Helvetica, serif;
	margin: 4px 0; padding: 1px;
	min-height: 20px;
	min-width: 250px;
	width:350px;
	color: #FFFFFF;
	background: #0033cc url("images/h1.gif") no-repeat;
	background-position: top right;
	padding-top: 2px;
	margin: 5px 0 15px 0;
	text-align: left;
	text-indent: 5px;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 11px;
	}

h2 { 
	font: normal 145% Arial, Helvetica, serif;
	color: #111111;
	padding: 6px 0 4px 0;
	}

table{
	text-align: left;
	}
td	{
	vertical-align: top;
	}
	
.table1 {
	width: 100%;
	text-align: left;
	}
.table1 th {
	font-family: Arial, Helvetica, serif;
	font-size: 1em;
	padding: 4px 0 4px 5px;
	color: #181952;
	background-color: #E5ECF3;
	border-bottom: 1px solid #B3C7DE;
	margin: 16px 0 4px 0;	
	
	}
.table1 td.rowa, .table1 td.rowb { 
	width: auto;
	padding: 2px 8px 2px 0;
	line-height: 120%;
	}
.table1 th.small, .table1 td.small {
	width: 100px;
}
.table1 td.rowb { 
	border-top:1px dotted #aaa;
	}
	
/* Main containers
--------------------------------*/
#container {
	width: 19cm;
	margin: 1px auto; /* CSS centering tip from: http://dorward.me.uk/www/centre/ */
	
	}
#content {
	width: 19cm;
	min-width: 600px;
	float: right;
	padding: 8px;
	margin-top: 0;
	min-height: 400px;
	font-size: 9.5pt;
	color: #000000;
	text-align: left;
	padding-bottom: 11px;
	background: url("images/aboutusfadepattern.gif") 100% 110px no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	}
* html #content { height: 400px; overflow: visible; width: auto;}

#content p{
	font-size: 9.5pt;
	color: #000000;
	
}
#content a{
	text-decoration:none;
	font-weight: normal;
	font-size: 10.5pt;
	
}
#content h1 {
	font-family: verdana, Arial, Helvetica, serif;
	font-size: 11pt;
	
}
#content h3, #content h5, #content h6 {
	font-family: sans-serif, Arial, Helvetica, serif;
	font-size: 9.5pt;
	padding: 4px 0 4px 5px;
	color: #181952;
	background-color: #bde0e0;
	border-bottom: 1px solid #008080;
	margin: 16px 0 4px 0;
	}
#content h5{
	color: #000;
	background-color: #fdccfd;
	border-bottom: 1px solid #ff00ff;
	
}
#content h6{
	color: #000;
	background-color: #ccf0cc;
	border-bottom: 1px solid #008000;
	
}
#content h4 {
	font-family: Arial, Helvetica, serif;
	font-size: 10.5pt;
	padding: 4px 0 4px 0;
	color: #0033CC;
	margin: 16px 0 4px 0;
}



#content li{
	padding: 0 0 0 10px;
	list-style-position: inside;
	font-size: 9.5pt;
}


#content img {
	padding: 5px;
}
#totop{
	/*background: url("images/i_darkbluestar.gif") 0 50% no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033CC;
	padding: 10px 0 10px 0;
	width:auto;
}
#totop li{
	list-style-image: url("images/i_darkbluestar.gif");   
}

#right-panel {
	background: url("images/aboutusfadepattern.gif") 0 110px no-repeat; 
	width:191px;
	min-height: 500px;
	float:right;
}
* html #right-panel { height: 400px; overflow: visible; }

/* Left menu styles
--------------------------------------------- */
#side-nav {
	background: url("images/trefoilfade.gif") 0 200px no-repeat; 
	width:155px;
	min-height: 400px;
	float:left;
	text-align: left;
	font-size: 8pt;
}
* html #side-nav { height: 400px; overflow: visible; }

	
#side-nav ul {
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
}

#side-nav li{
	width:155px;
	padding: 0;
	margin: 0;
}

#side-nav li a.cat2 {
	width:155px;
	margin: 0 0 0 16px;
	font-weight: normal;
	font-size: 95%;
}



#side-nav li a.header2, #side-nav li a.header2:link, #side-nav li a.header2:active, #side-nav li a.header2:visited {
	font-weight: bold;
	display: block;
	border-bottom: 2px solid #FFF;
	padding: 5px 1px 0 7px;
	margin: 0;
	color:#222;
}

/* Hides the first category name which is the same as the section */
#side-nav li a.top, #side-nav li a.top:link, #side-nav li a.top:visited, #side-nav li a.top:active {
	display:none;
	margin: 0;
	border: 0px;
	padding: 0;
}


/* Currently selected item in the list */
#side-nav li a.chosen, #side-nav li a.chosen:link, #side-nav li a.chosen:visited {
	text-decoration:none;
	background-color: #FFF;
	color: #D32F4D;
}
/* Rollover effect */
#side-nav li a:hover, #side-nav li a.chosen:hover {
	text-decoration:none;
	color: #000;
}


/* Lisa's Stuff
--------------------------------*/
.bcopyWhite, .bcopyWhite a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 10px;
}
.bcopyBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033CC;
}
.eventsRowBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	background-color: #CAD7E5;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0033CC;
	border-left-color: #0033CC;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left;
}
.homeShop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0033CC;
	font-weight: bold;
	padding-bottom: 3px;
}
.navText {
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-left: 9px;
	padding-right: 9px;
}
.navPipes {

	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033CC;
	background-color: #FFCC00;
	padding-left: 10px;
	padding-right: 10px;
}
.border {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0033CC;
	border-bottom-color: #0033CC;
	text-align: center;
	border-right-color: #0033CC;
	border-right-width: 1px;
	border-left-color: #0033CC;
	border-left-width: 1px;
}
.shopBorder {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}
.eventsRowWhite {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0033CC;
	border-left-color: #0033CC;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left;
}
.eventsRowWhiteBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0033CC;
	border-left-color: #0033CC;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left;
	border-bottom-color: #0033CC;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}


	

/* Sitemap page
-----------------------------*/
div.left {
	float: left;
	width: 49%;
	padding: 0;
	}
div.right {
	float: right;
	width: 49%;
	padding: 0;
	}/*
#sitemap ul {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	}*/
#sitemap li {
	margin: 0 0 3px 0;
	}
#sitemap li.depth1 { list-style-type: none; font-weight: bold;  }
#sitemap li.depth2 { font-weight: bold !important; margin-left: 20px; }
#sitemap li.depth3 { margin-left: 20px; }
#sitemap li.depth4 { margin-left: 30px; }
#sitemap li.depth5 { margin-left: 40px; }


#sitemap {
	margin-bottom: 20px;
	}
#sitemap ul {
	margin: 10px 0 10px 30px;
	}



/* Footer
-----------------------------*/
#footer {
	margin: 10px 0;
	}
#copy {
	float: left;
	width: 180px;
	color: #24517B;
	text-align: center;
	font-size: 75%;
	margin-top: 7px;
	}
#footerlinks {
	/*
	margin-left: 188px;
	margin-right: 8px;
	text-align: center;
	font-size: 75%;
	border-top: 1px solid #E5ECF3;
	padding-top: 8px;
	color: #B3C7DE;
	*/
	}
#footerlinks {
	float: left;
	width: 490px;	
	color: #B3C7DE;
	font-size: 75%;
	margin: 0 0 0 5px;
	padding-top: 8px;
	text-align: center;
	border-top: 1px solid #E5ECF3;
	}
#footer img#tax {
	float: left;
	margin: 0; padding: 0 10px 0 0;
	border-top: 1px solid #E5ECF3;
	}
#footerlinks a {
	font-weight: normal;
	}


/* Definition list layout for forms
   Other general def. list properties defined in prosilver_main.css
---------------------------------------- */
dl {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	}
dt {
	float: left;
	width: auto;
	}
dd { color: #666666; }
dd + dd { margin-top: 4px; }
dt span { padding-right: 5px; }
dt label {
	font-size: 100% !important;
	text-align: left;
	font-weight: bold;
	}
dd label {
	font-size: 100%;
	white-space: nowrap;
	color: #333333;
	}
html>body dd label input { vertical-align: text-bottom; }	/* Tweak for Moz to align checkboxes/radio buttons nicely */
dd input, dd select, dd textarea, dd label { font-size: 90%; margin-left:5px; }

dd select { width: auto;margin-left:0; }
dd textarea { width: 90%; }
fieldset {
	width: 19cm;
	}
	
fieldset dl {
	font-size: 100% !important;
	margin-bottom: 10px;
	}
fieldset dt {
	width: 45%;
	text-align: left;
	border-right: 1px solid #CCC;
	padding-top: 3px;
	}
fieldset dd {
	margin-left: 45%;
	padding-left: 5px;
	font-size: 100% !important;
	border-left: 1px solid #CCC;
	vertical-align: top;
	}

/* Hover highlights for form rows */
fieldset dl:hover dt { border-right-color: #666666; }
fieldset dl:hover dd { border-left-color: #666666; }
fieldset dl dd label:hover { color: #9F417C; }

/* Submit button fieldset
---------------------------------------- */
fieldset.submit-buttons {
	text-align: center;
	border: 0px none #CCCCCC;
	background-color: transparent;
	margin: 10px 0 0 0;
	}
fieldset.submit-buttons-small {
	text-align: center;
	border: 0px none #CCCCCC;
	background-color: transparent;
	margin: 0;
	}
fieldset.submit-buttons input {
	padding-top: 3px;
	padding-bottom: 3px;
	}

fieldset div.inactive {
 	border:1px solid #B3C7DE;
 	border-top:none;
	margin-top: -3px;
	padding: 5px;
	background-color: #E9E9E2;
}

/* Input field styles
---------------------------------------- */
.inputbox, select {
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	background-color: #E5ECF3;
	color: #333333;
	font-size: 100%;
	padding:2px;
	cursor: text;
	width: 75%;
	}
select.inputbox {
	cursor: pointer;
	padding: 0;
	width: auto;
	}
.inputbox:hover, input.inputboxHover, textarea.inputboxHover {
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #AFAEAA;
	border-bottom: 1px solid #AFAEAA;
	background-color: #E9E9E2;
	}
.inputbox:focus, input.inputboxFocus, textarea.inputboxFocus {
	border: 1px solid #9F417C;
	background-color: #FFFFFF;
	color: #9F417C;
	}
input.full, textarea.full { width: 99%; }
* html input.full, * html textarea.full { width: 95%; }
input.medium { width: 50%; }
input.narrow { width: 25%; }
input.tiny { width: 10%; }
input.reallytiny { width: 5%; }
input.autowidth { width: auto !important; }
.box2 .inputbox { background-color: #E9E9E9; }


/* Form styles
---------------------------------*/
#userlogin tr {
	height: 35px;
	}
#userlogin td {
	font-size: 100%;
	}
#userlogin td.left {
	width: 160px;
	text-align: right;
	padding-right: 5px;
	}
#userlogin td.right {
	width: 290px;
	text-align: left;
	}
#userlogin label {
	font-size: 90%;
	}
#userlogin input {
	width: 200px;
	font-size: 100%;
	}
#userlogin em, #userlogin a, #userlogin input.button1, #userlogin input.button2 {
	font-size: 85%;
	}
#submitlogin { width: 66px; font-size: 85%; }



input, textarea {
	background-color: #F2F6F9;
	border: 1px solid #323365;
	padding: 1px;
	}
input.nostyle {
	border-width: 0px;
	background-color: transparent;
	width: auto !important;
	}
input.button1, input.button2  {
	padding: 2px 3px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-left: 2px;
	font-size: 85%;
	cursor: pointer;
	font-weight: bold;
	}
* html input.button1, * html input.button2 {
	padding: 2px 3px;
	}
input.button1 {
	/* Light Button */
	color: #181952;
	background-color: #E5ECF3;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #6394CF;
	border-bottom: 1px solid #6394CF;
	}
input.button2 {
	/* Dark Button */
	border-left: 1px solid #C0BEE4;
	border-top: 1px solid #C0BEE4;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #323365;
	color: #FFFFFF;
	}
input.button1:hover, input.button2:hover {
	border-left: 1px solid #C0BEE4;
	border-top: 1px solid #C0BEE4;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #80A2C8;
	color: #FFFFFF;
	}



/* Miscellaneous
-----------------------------*/
#errorbox {
	line-height: 2em;
	padding: 10px;
	color: #E6E3ED;
	background: #9F417C;
	border: 1px solid #9F417C;
	text-align: center;
	margin: 8px 0;
	}
.errorField {
	background: #E6E3ED !important;
	border: 1px solid #9F417C !important;
	}
#confirmbox {
	line-height: 2em;
	text-align: center;
	margin: 8px 0;
	font-weight: bold;
	color: #323365; 
	padding: 10px 15px; 
	border: 1px solid #80A2C8;
	background: #DAE4EE;
	}
div.clearfix {
	clear: both;
	font-size: 1px;
	line-height: 10px;
	}
.row1 {	background-color: #F2F6F9; }	
.row2 {	background-color: #E6EBF1; }
.small { font-size: 85% !important; }



	
	
/* Top navigation bar
   Based on Suckerfish dropdowns 
   http://www.alistapart.com/articles/dropdowns/
--------------------------------------------- */
#navbar {
	background-color: #fff;
	border-top: 1px solid #0033CC;
	border-bottom: 1px solid #0033CC;
	height: 22px;
	padding: 2px 2px 0 2px;
	text-align: left;
}

#navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navbar li {
	float: left;
	position: relative;
	width: 3em;
	white-space: nowrap;
	height: 21px;
	padding: 0;
}
/* The following block is hidden to MacIE5 \*/
#navbar li { width: auto; white-space: normal; }
/* End commented backslash hack */

#navbar li li {
	display: block;
	float:none;
	font-size: 85%;
	padding: 0;
	margin: 0 0 0 -15px;
	
	/* tantek hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	display: inline;
	margin: 0;
}
html>body #navbar li li { display: inline; margin: 0; }

#navbar li li a, #navbar li li a:link, #navbar li li a:visited, #navbar li li a:active {
	display: block;
	margin: 0;
	padding: 3px 5px;
	font-weight: bold;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-image: none;
	color: #FFF;
	font-size: 75%;
}

#navbar li li a:hover {
	background-color: #FFCC00;
	text-decoration: none;
	color:#0033CC;
}

#navbar li#last {
	float: right;
}

#navbar li ul {
	display: none;
	position: absolute;
	top: 21px;
	left: 0;
	background-color: #0033CC;
	padding: 0;
	width: 9.5em;
	border: 1px solid #FFCC00;
}

#navbar li>ul {
	top: 21px;
	left: 0;
}

#navbar li:hover ul, #navbar li.over ul {
	display: block;
}

/* Rollover state */
#navbar li div {
	height:21px;
	margin: 0;
	background-position: 0 -18px;
}

/* Rolloff state */
#navbar li div a, #navbar li div a:link {
	display: block;
	width: 100%; height:21px;
	background-position: 0 0px;
}

/* Always active state */
#navbar li div a.active {
	background-position: 0 -36px;
}


/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
#navbar li div a span { display:none; }
#navbar li div a:hover { background-image: none; }



/* Menu bar images
--------------------------------------------- */
.but-home, .but-home a { background: url("images/b_home.gif") 0 0 no-repeat; }
.but-aboutus, .but-aboutus a { background: url("images/b_aboutus.gif") 0 0 no-repeat; }
.but-properties, .but-properties a { background: url("images/b_properties.gif") 0 0 no-repeat; }
.but-whatson, .but-whatson a { background: url("images/b_whatson.gif") 0 0 no-repeat; }
.but-contact, .but-contact a { background: url("images/b_contactus.gif") 0 0 no-repeat; }
.but-members, .but-members a { background: url("images/b_membersonly.gif") 0 0 no-repeat; }
.but-girlzzone, .but-girlzzone a { background: url("images/b_girls_say.gif") 0 0 no-repeat; }
.but-adults, .but-adults a { background: url("images/b_adults.gif") 0 0 no-repeat; }
.but-news, .but-news a { background: url("images/b_news.gif") 0 0 no-repeat; }
.but-join, .but-join a { background: url("images/b_join.gif") 0 0 no-repeat; }
.but-shop, .but-shop a { background: url("images/b_shop.gif") 0 0 no-repeat; }
.but-supportus, .but-supportus a { background: url("images/b_support_us.gif") 0 0 no-repeat; }
.but-memories, .but-memories a { background: url("images/b_memories.gif") 0 0 no-repeat; }

.but-home	 	 { width:51px; }
.but-aboutus	 { width:67px; }
.but-properties	 { width:72px; }
.but-whatson	 { width:72px; }
.but-contact	 { width:77px; }
.but-members	 { width:94px; }
.but-girlzzone	 { width:64px; }
.but-adults	 	 { width:51px; }
.but-news	 	 { width:47px; }
.but-join	 	 { width:57px; }
.but-shop	 	 { width:45px; }
.but-supportus 	 { width:76px; }
.but-memories 	 { width:69px; }






#navbar li ul ul {  margin: -1em 0 0 5em;} 

#navbar li:hover ul ul, #navbar li.sfhover ul ul {     left: -999em; } 

#navbar li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul {     left: auto; } 
/* Misc styles
---------------------------------------- */
#errorbox {
	line-height: 2em;
	padding: 10px;
	color: #E6E3ED;
	background: #9F417C;
	border: 1px solid #9F417C;
	text-align: center;
	margin: 5px 0 15px;
	}
.errorField {
	background: #E6E3ED !important;
	border: 2px solid #9F417C !important;
	}
#confirmbox {
	line-height: 2em;
	padding: 10px;
	color: #6963BF;
	background: #E6E3ED;
	border: 1px solid #666666;
	text-align: center;
	margin: 5px 0 15px;
	font-size: 100%;
	}


/* Nice method for clearing floated blocks without having to insert any extra markup
   From http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hide from Mac IE, Windows IE uses this as it doesn't support the :after method above \*/
* html .clearfix, * html #tabs, * html .row, * html #content, * html fieldset dl, #page-body {
	height: 1%;
	}
/* End hide */
.spacer {
	clear: both;
	font-size: 2px;
	line-height: 3px;
	}

.leader_link a { 
	background-color: #F98258; 
	color: #FFFFFF; 
	text-transform: capitalize; 
	padding: 5px;
	font-size: 110%;
	text-align: center;
	}
	
	
/* INVOICE CLASSES */

.accepted { background-color: #F98258; color: #FFFFFF; text-transform: capitalize; }
.complete { background-color: #30B710; color: #FFFFFF; text-transform: capitalize; }
.declined { background-color: #666666; color: #FFFFFF; text-transform: capitalize; }
.rejected { background-color: #E71D61; color: #FFFFFF; text-transform: capitalize; }
.failure  { background-color: #851093; color: #FFFFFF; text-transform: capitalize; }
.hold 	  { background-color: #F5D900; color: #E71D61; text-transform: capitalize; }
.unconfirmed { background-color: #F5D900; color: #FFFFFF; text-transform: capitalize; }
.cancelled { background-color: #6F474E; color: #FFFFFF; text-transform: capitalize; }

.open { background-color: #F98258; color: #FFFFFF; text-transform: capitalize; }
.closed { background-color: #666666; color: #FFFFFF; text-transform: capitalize; }
.overdue_6_weeks { background-color: #F5D900; color: #FFFFFF; text-transform: capitalize; }
.overdue_3_months { background-color: #E71D61; color: #FFFFFF; text-transform: capitalize; }	

















.noprint{
   display: none;
}







a.noprint{ display:none; }
legend{ display:none; }

td.noprint{
  display: none;
}

#menu, #tabs, #minitabs, #boxsmall, #noprint .submit-buttons, .corner1, .corner2, .corner3, .corner4{
   display: none;
}

#content {
	width: 100%; /* 564px; 408px;*/
	min-width: 600px;
	float: right;
	padding: 8px;
	margin-top: 0;
	min-height: 400px;
	font-size: 9.5pt;
	color: #000000;
	text-align: left;
	padding-bottom: 11px;
	background: none; 
	font-family: Arial, Helvetica, sans-serif;
	}
* html #content { height: 400px; overflow: visible; width: auto;}



.border {
	border-style: solid;
	border-color: #fff;
}