/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background:#fff;
	font-family: Arial,Verdana,Sans-serif;
	font-size: 16px;	
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;	
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	text-align:center;
}

/* Photos (FancyZoom) */
.photos {
	position:absolute;
	left:380px;
	top:100px;
}

.photo_frame {
	border-width:2px;
	border-color:black;
	border-style:solid;
}

.photo_thumbs {
	width:640px;
}

.poem {
	padding-top:30px;
	padding-left:150px;
	float:left;
	font-family:Times;
	text-align:left;
	line-height:80%;
}

.poem-photos {
	position:absolute;
	left:680px;
	top:150px;
}

.poem_photo_thumbs {
	width:350px;
}

/* UBT style */
.list {
	font-weight: bold;
	position: relative;
	padding-left: 150px;
	padding-bottom: 50px;
	text-align:left;
}

.logo {
	font-family: Old English Text MT,cursive;
	font-size: 36pt;
	font-weight: bold;
}

.logo_small {
	float:left;
	width:229px;
	height:191px;
	margin:0 0 0 0;
}

.logo_small_menu {
	width:229px;
	height:191px;
	margin:0 0 0 0;
	padding-left: 20px;
	padding-bottom: 20px;
}

.subtitle_small {
	color:#0a50a1;
	font-size:12pt;
	font-weight:bold;
}

.charity_small {
	color:#0a50a1;
	font-size:10pt;
}

.subtitle {
	color:#0a50a1;
	font-size:18pt;
	font-weight:bold;
}

.charity {
	color:#0a50a1;
	font-size:12pt;
}

.headline {
	padding-left:20px;
}

.content {
	width:100%;
}

.more {
	text-align:right;
}

table.menu {
	background:#dddddd;
	border-color: black;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	font-weight: bold;
}

ul li.left {
	clear:left;
	float:left;
	width:140px;
	position:relative;
	overflow:hidden;
}

ul li.right {
	clear:right;
	float:right;
	width:80%;
	position:relative;
	overflow:hidden;
}

ul.menu {
	background-color: #ffffff;
	list-style:none;
	font-size:13px;
	line-height: 1.5em;
	padding-top:2px;
	padding-bottom:2px;
}

.menu li {
	font-size:13px;
	background:#dddddd;
	border-color: black;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	margin: 8px 0 16px 0;
	padding-top:4px;
	padding-bottom:4px;
	font-weight: bold;
	list-style: none;
}

.feedback {
	float:left;
	width:75%;
	line-height:0.8em;
	margin-left:50px;
	text-align:left;
}

.leftAlign {
	text-align:left;
}

.thumbnail {
	display: block;
	margin: auto;
	border-color: black;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}

/* Contact forms */
.formField {
	width:180px;
	padding:20px;
	text-align:right;
	vertical-align:top;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
}

/* Fixed width layout */
.fixed {
	width:1024px;
	text-align:left;
	margin: 0 auto;
}

/* column container */
#colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;    	/* Right column background colour */
	/* Fixed width layout */	
	width:1100px;
	text-align:left;
	margin: 0 auto;
}
#colmask_wide {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;    	/* Right column background colour */
	/* Fixed width layout */	
	width:1200px;
	text-align:left;
	margin: 0 auto;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
}
#colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:300px;         	/* Left column width + right column width */
	background:#fff;    	/* Left column background colour */
}
#col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:197px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

#col1 {
	margin:0 193px 0 200px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
	background:#fff;
	padding:1.5em 0;
	text-align:center;
}

#col1_small {
	margin:0 193px 0 220px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	background:#fff;
	padding:1.5em 0;
	text-align:center;
}

#col2 {
	float:right;
	width:240px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:18px;				/* Width of the left-hand side padding on the left column */
	padding-top:70px;
	background:#fff;
	text-align:center;
}

#col2_small {
	float:right;
	width:240px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:18px;				/* Width of the left-hand side padding on the left column */
	background:#fff;
	text-align:center;
}
#col3 {
	float:right;
	width:50px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
	background:#fff;
	padding:1.5em 0;
}