/*---------------------------------------------------+
| MyClubWeb.com WebDesign
+----------------------------------------------------+
| Copyright © 2002 - 2008 Alec Wright
| http://www.myclubweb.co.uk
+---------------------------------------------------*/
/* Flower-Press.co.uk. Style Sheet 
D4D4FF violet
878787 grey
4B4B4B dark grey
6C489D FP_Mid
EEEEEE FP_Lightest
390B64 FP_Dark
*/

body {
  	background-color: #D4D4FF;
	width: 800px;
	margin-right:auto;
	margin-left:auto;
	color: #878787;
	font-family: "Bookman Old Style", "Microsoft Sans Serif", arial;
	font-size: 14px;
}

a:link {color: #6C489D}     /* unvisited link */
a:visited {color: #6C489D}  /* visited link */
a:hover {color: #390B64}   /* mouse over link */
a:active {color: #4B4B4B}   /* selected link */


h1,h2,h3,h4,h5,h6{
	color:#4B4B4B;
	vertical-align: top;
}

.p{
	padding-top: 5px;
	text-align: justify;
}

td.accountsheader{
	font-size: 12px;
	text-align: center;
	font-weight: bold;	
}

td.accounts{
	font-size: 12px;
}

h1{font-size: 200%;}
h2{font-size: 180%;}
h3{font-size: 160%;}
h4{font-size: 140%;}
h5{font-size: 120%; text-align: center;}
h6{font-size: 100%;}

.header{
	border: 0px;
}

.navigation{
  	float: left;
	width: 149px;
	border-right: 1px dashed #878787;
	padding: 30px 0px 30px 0px;
	margin-right: 25px;
	margin-bottom: 10px;
}

.content{
  	float: right;
	width: 600px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
  	padding-top: 10px;
	background-color: #D4D4FF;
}

.admin_content{
  	padding-top: 10px;
	background-color: #D4D4FF;
}

.title, h1{
  	font-size: 120%;
	font-weight: bold;
	padding-bottom: 10px;
}

.title_center, h2{
    font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

.copyright{
  	border: 1px dotted #ff0000;
  	color: #ff0000;
  	padding: 5px 10px 5px 10px;
  	font-size: 80%;
}




/* ------------------------------------------------ */
/* ---------            FOOTER            --------- */
/* ------------------------------------------------ */
.footer{
  	position:relative;
  	top: 20px;
  	clear: both;
  	width: 800px;
	text-align: center;
	border-top: 1px dashed #878787;
	padding: 20px 0px 10px 0px;
	font-size: 75%;
}

.footer_text{
  	margin-top: 30px;
  	text-align: right;	
  	font-size: 75%;
}

/* ------------------------------------------------ */
/* ---------         RECORDS LIST         --------- */
/* ------------------------------------------------ */
.records_list{
	float: right;
	width: 600px;
	vertical-align: top;  
	margin-top: 20px;
	border-top: 1px dashed #390B64;
	border-bottom: 1px dashed #390B64;	
	padding-bottom: 10px;
}



/* ------------------------------------------------ */
/* ---------           MESSAGES           --------- */
/* ------------------------------------------------ */
#ErrorMessage{
	padding-left: 250px;
	color: #ff0000;
	font-weight: bold;	
}

#SuccessMessage{
	padding-left: 250px;
	color: #390B64;
	font-weight: bold;
	
}

/* ------------------------------------------------ */
/* ---------          AUTHORS             --------- */
/* ------------------------------------------------ */
.author{
	float: right;
	width: 600px;
	vertical-align: top;
}

.author img{
	float: right;
	padding: 0px 10px 0px 10px;
	border: 0;
}

.author_pubs{
  	float: right;
  	clear: both;
  	margin-top: 20px;
	padding: 5px 5px 5px 10px;
	border-top: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	width: 600px;
}

.author_pubs li{
  	list-style-type: none;
  	font-size: 120%;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 20px;
}

.author_pubs li.sub{
  	font-size: 100%;
  	padding-top: 0px;
	padding-left: 40px;
}

.author_list{
	float: right;
	width: 600px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #EEEEEE;
}

.author_list img{
	float: left;
	padding: 0px 10px 0px 10px;
	border: 0;
}

/* ------------------------------------------------ */
/* ---------        PUBLICATIONS          --------- */
/* ------------------------------------------------ */

.publication{
  	float: right;
	width: 600px;
	vertical-align: top;
}
.publication img{
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	border: 0px;	
}

.publication_details{
	float: right;
  	width: 340px;
  	padding: 5px 0px 5px 0px;
	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
	text-align: left;
}

.pub_details{
	font-weight: bold;
	padding-left: 80px;
}
.pub_values{
	font-weight: normal;
}

td.pubtypes{
  	font-size: 110%;
  	font-weight: bold;
}
td.sub{
  	font-size: 100%;
  	font-weight: normal;
	padding-left: 20px;
}

td.subauthor{
  	font-size: 100%;
  	font-weight: normal;
  	vertical-align: top;
  	white-space: nowrap;
}

.pub_images{
  	float: right;
	width: 600px;
	vertical-align: top;
	margin-top: 10px;
	border-top: 1px dashed #ff0000;
	padding-top: 10px;
}


/* ------------------------------------------------ */
/* ---------        MARKER MENU           --------- */
/* ------------------------------------------------ */

.markermenu{
	list-style-type: none;
	margin: 0px 0px;
	padding: 0;
	width: 149px;
}

.markermenu li a{
	background: #D4D4FF url(../images/crane_lt_32.gif) no-repeat 0px center;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #4B4B4B;
	display: block;
	width: auto;
	padding-left: 40px;
	padding-top: 5px;
	height: 25px;
	text-decoration: none;
	border-bottom: 0px dotted #878787;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 110px;
}

.markermenu li a.current{
	background: #D4D4FF url(../images/crane_active_32.gif) no-repeat 0px center;
	color: #6C489D;
}

.markermenu li a:visited{
	color: #4B4B4B;
}

.markermenu li a:hover{
	color: black;
	background-color: #D4D4FF;
	background-image:url(../images/crane_hover_32.gif); /*onMouseover image change. Remove if none*/
}



/* ------------------------------------------------ */
/* ---------        MARKER MENU 2         --------- */
/* ------------------------------------------------ */
.markermenu2{
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 0;
	padding-left: 5px;
	width: 145px;
	border-top: 1px dashed #878787;
	border-left: 1px dashed #878787;
	border-bottom: 1px dashed #878787;
	background: #D4D4FF;
}

.markermenu2 li a{
	background: #D4D4FF url(../images/arrow-right-purple.gif) no-repeat 0px center;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #4B4B4B;
	display: block;
	width: auto;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 0px dotted #878787;
}


* html .markermenu2 li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 110px;
}

.markermenu2 li a.current{
	background: #D4D4FF url(../images/arrow-right.gif) no-repeat 0px center;
	color: #6C489D;
}


.markermenu2 li a:visited{
	color: #4B4B4B;
}

.markermenu2 li a:hover{
	color: black;
	background-color: #D4D4FF;
	background-image:url(../images/arrow-right.gif); /*onMouseover image change. Remove if none*/
}

.markermenu2 li.markerindent{
  	padding-left: 10px;
}


/* ------------------------------------------------ */
/* ---------      SUCKERTREE MENU         --------- */
/* ------------------------------------------------ */
.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-color: #D4D4FF; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 90px; /*Width of top level menu link items*/
	padding: 1px 8px;
	border-right: 1px dashed #878787;
	border-left-width: 0px;
	text-decoration: none;
	color: #4B4B4B;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
	left: 0;
	position: absolute;
	top: 0em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: #4B4B4B;
	text-decoration: none;
	padding: 1px 5px;
	border-bottom: 1px dotted #878787;
}

.suckertreemenu ul li a:hover{
	background-color: #6C489D;
	color: #EEEEEE;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
	background: #D4D4FF url(../images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
	background: #D4D4FF url(../images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}


/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}
/* End */




/* ------------------------------------------------ */
/* ---------          CSS FORM            --------- */
/* ------------------------------------------------ */
.cssform p{
width: 400px;
margin: 0px 0px 0px 200px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform input[type="file"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 300px;
height: 150px;
}

.cssform textarea.admin{
width: 400px;
height: 250px;
}

* html .threepxfix{
margin-left: 3px;
}




/* ------------------------------------------------ */
/* ---------          Oval Button         --------- */
/* ------------------------------------------------ */

a.ovalbutton{
background: transparent url('../images/oval-gray-left.gif') no-repeat top left;
display: block;

font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
margin: 10px 0px 10px 0px;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


/* ------------------------------------------------ */
/* ---------           GALLERY            --------- */
/* ------------------------------------------------ */

.gallerywrapper{
  	margin-top:20px;
	float: right;
	width: 600px;
}
.gallery{
  	display: inline;
	margin: 2px;
	margin-top: 10px;
	border: 1px solid #390B64;
	width: 158px;
	min-height: 250px;
	float: left;
	overflow: auto;
	text-align: center;
	padding: 2px 2px 2px 2px;
}	

.spacer{
  	clear: both;
	width: 600px;
}

.gallery img{
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}

.gallery a:hover img{
  	border: 1px solid #390B64;
}

.gallery desc{
	text-align: center;
	font-weight: normal;
	width: 120px;
	margin: 2px;
}

/* ------------------------------------------------ */
/* ---------          Photographs         --------- */
/* ------------------------------------------------ */

.photographs{
  	float: right;
	width: 600px;
	padding: 2px 2px 2px 2px;
}

.photographs desc{
	text-align: center;
	font-weight: normal;
}

.forsale{
  	margin-top: 10px;
	border: 2px dashed #6C489D;
	padding: 10px;
}
.forsalelink{
  	color: #6C489D;
}

/* ------------------------------------------------ */
/* ---------      Publication Images      --------- */
/* ------------------------------------------------ */

.pubimages{
    float: right;
	width: 600px;
	border-bottom: 1px dashed #ff0000;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


/* ------------------------------------------------ */
/* ---------            Nav Table         --------- */
/* ------------------------------------------------ */
.pagenav{

}

/*************************************************
			Pagnation 
**************************************************/
.pagination{
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: left;
}

.pagination h1{
  	display: inline;
  	font-size: 12px;
  	text-align: left;
}

.pagination ul{
	display: inline;
	margin: 0;
	margin-left: 40px;
	padding: 0;
	/*text-align: right; Set to "right" to right align pagination interface*/
	font-size: 14px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #6C489D;
	text-decoration: none; 
	color: #6C489D;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #390B64;
	color: #EEEEEE;
	background-color: #390B64;
}

.pagination a.currentpage{
	background-color: #6C489D;
	color: #E5D3A1 !important;
	border-color: #E5D3A1;
	font-weight: bold;
	cursor: default;
}

.pagination a.prevnext{
	font-weight: bold;
}