/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0px 0 20px 0; 	padding: 0;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	color: #444;
	background: #2a303a;
	text-align: center;	
	height: 100%;	
}

/* links */
a { background: inherit; color: #993399; text-decoration: none; }
a:hover { background: inherit; color: #FF0000; text-decoration: underline; }

a.white:link {background: none; color:#ffffff; text-decoration: none;}
a.white:visited {background: none; color:#ffffff; text-decoration: none;}
a.white:hover {background: none; color:#ffffff; text-decoration: underline;}
a.white:active {background: none; color:#ffffff; text-decoration: none;}

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #333;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
	margin: 10px 20px 10px 20px;
}
ul, ol {
	margin: 20px 15px 10px 30px;
	padding: 0 15px;	
	color: #444;	
}
ul span, ol span {
	color: #333;
}

/* images */
img {
  border: 0px;
  margin:0px; 
  padding: 0px;
  background-color: #FFF;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background: #f2efd0 url(images/elements/label_bar.gif) no-repeat 3px 5px;
	border: 1px solid #eee; 
	font: normal 1em/1.5em 'Trebuchet MS', Tahoma, sans-serif; 
	color: #666666;	
	}

.white_p {
   color: #FFFFFF;
    padding:5px;
   }
   


/***********************
	  LAYOUT
************************/

#wrap {
	width: 740px;
	margin: 0 auto;
	background: #ffffff;
}
#header-content, #content {
	width: 740px;	
}

/* header */
#header {
	position: relative;
	height: 71px;
	text-align: left;		
	margin: 0; padding: 0;	
	background: #cccccc  url(images/elements/title_colours.gif);
}
#header .headerphoto {
	position: absolute;
	left: 0px ; top: 0px;
	width: 740px;
	height: 71px;
}
#header #logo-box {
	position: absolute;
	left: 0px ; top: 0px;
	width: 150px;
	height: 141px;	
	background: #4E3525;
}
#logo-box #logo {
	position: absolute;	
	font: bold 50px 'Trebuchet MS', Sans-serif;
	letter-spacing: -2px; 
	background: #FFF;	
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 25px; left: 34px;
}

/* header menu */

#menu_area {
	position: relative;
	height: 202px;
	text-align: left;		
	margin: 0; padding: 0;	
	background: #dae2ea  url(images/elements/watermark.gif);
	background-repeat:no-repeat;
}

#pic_label_area {
	position: relative;
	height: 18px;
	font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: right;		
	margin: 0 0 0 0; padding: 0 15px 0 0;	
	background: #91b4c6 url();
}


/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	padding: 0;
	margin: 0 auto;	
	text-align: left;	
}
#content {
	clear: both;
	text-align: left;	
	padding: 0;
	margin: 0 auto;			
}

/* sidebar */
#sidebar {
	float: left;
	width:250px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: #fff;
	text-align:left;
}	
#sidebar h2 {
	padding: 10px 0px 5px 10px;
	text-transform:none;
	margin: 0;	
	color: #cccccc;	
}
#sidebar h3 {
	padding: 8px;
	text-align:left;	
	margin: 0;	
	}


.side_menu_box {
	float: left;
	width: 254px;
	margin: 10px 0 0 0; padding: 0;	
	background: #none;
}


/* sidebar menu */
#menu_area ul.sidemenu {
	list-style:none;
	margin:0;
	padding:0;		
}
#menu_area ul.sidemenu li {
	border-bottom: 0px;
	line-height: 20px;
	text-align:left;
}

#menu_area ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #003366;	
	text-decoration:none;	
	padding:0px 5px 0px 40px;
	min-height:18px;
}

* html body #menu_area ul.sidemenu a { height: 18px; }

#menu_area ul.sidemenu a:hover {
	padding:0px 5px 0px 40px;
	background: #b6140b;
	background-repeat:no-repeat;
	color: #ffffff; 
	
	}


/* sidebar submenu */
#sidebar ul.sidemenu {
	list-style:none;
	margin:0;
	padding:0;		
}
#sidebar ul.sidemenu li {
	border-bottom: 0px;
	line-height: 20px;
	text-align:left;
}

#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #003366;	
	text-decoration:none;
	background: #ffffff url(images/elements/highlight_fleur.gif);
	background-repeat:no-repeat;	
	padding:0px 5px 0px 60px;
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:0px 5px 0px 60px;
	background: #91b4c6 url(images/elements/fade_blue.gif);
	background-repeat:no-repeat;
	color: #ffffff; 
}
	
#sidebar ul.sidemenu a#current  {
	padding:0px 5px 0px 60px;
	background: #b6140b url(images/elements/fade.gif);
	background-repeat:no-repeat;
	color: #ffffff;
}

/* main */
#main {
	float: right;
	width: 485px;	
	margin: 15px 0 15px 0; padding: 0;	
	background: #fff;
	border:solid #CCCCCC;	
 	border-width:0 0 0 1px;
	text-align:left;
}
#main h1 {
	padding: 10px 0 5px 5px;
	margin: 0 10px 0 15px;
	border-bottom: 1px solid #dae2ea;
	color: 	#b6140b;
}

/* patrons page */

#page_title {
	position: relative;
	height: 65px;
	text-align: left;		
	margin: 0 0 0 0; padding: 0 0 0 15px;	
	background: #fff;
}

#patrons_left {
	float: left;
	width: 345px;	
	margin: 15px 0px 15px 0px; padding: 0;	
	background: #fff;
}
#patrons_right {
	float: right;
	width: 345px;	
	margin: 15px 20px 15px 0px; padding: 0;	
	background: #fff;
	border:solid #CCCCCC;	
 	border-width:0 0 0 1px;
}
#patrons_full {
	float: left;
	width: 100%;	
	margin: 15px 0px 15px 0px; padding: 0;	
	background: #fff;
}
#patrons_full h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px dashed #D5D5D5; 	
}
#patrons_left h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px dashed #D5D5D5; 	
}
#patrons_right h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px dashed #D5D5D5; 	
}


/* right area */

#main_pic {
	float: right;
	width: 161px;
	height: 200px;	
	margin: 1px 0px 0px 1px; padding: 0;	
	background: #f2f2f2;
	}

#bodyblock {
 	position:relative;
  	background: ffffff;
  	width:740px;
 	padding:0;
}

#cont {
	width:485px;
	height:80%;
	background:#ffffff;
	color: #333333;
	border:solid #CCCCCC;	
	border-width:0 0 0 1px;
	text-align:left;
	margin: 15px 0px 15px 0px;
 }
 
#l-cont {
	float: left;
	width:222px;
	margin: 0px 0px 0px 15px;
	text-align:left;
	height:80%;
 }


/* footer */

#footer {
	clear: both;
	margin: 0; padding: 12px 0 0 0;
	font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	height: 100px;
	background: #333333 url(images/elements/header_darkgrey.gif);
	color: #fff;
	text-align: center;
}
#footer p {
	margin: 0; padding: 0;
}
#footer a {
	text-decoration: none;
	color: #fff;	
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}

.footer_content {
float: left;
 height:60px;
 width:220px;
 color: #333333;
 margin: 5px 10px 5px 10px;
 text-align:left;
 }
 
 .pic_float {
 float: left;
 margin: 5px;
padding:  0px 5px;
 text-align:left;
 }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }