/*  
Layout CSS

(c) www.bradleymason.co.uk/web
	
------------
BASIC STUFF
----------*/

* { /* Reset the margins */
	margin: 0px;
	padding: 0px;
	}
	
div, td {
	border: red solid 0px;
	vertical-align: top;
}

li {
	position: relative;
	left: 30px;
	padding-right: 30px;
	color: #555555;
	padding-bottom: 10px;
	
}
	
body {
	background-color: #DCDADA;
	background-image: url(../img/elements/element_01.jpg);
	background-repeat: repeat-x;

}


img, img:link,img:visited {
	border: 0px;
}
	
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}
	
clear {
	clear: both;
		}
		
		
/*----------
TEXT
----------*/

body, bodytext, td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 75%;
	letter-spacing: 0.02em;
	line-height: 14.4pt;
	color: #444444;
}

.white {
	color: #ffffff;
}

.red {
	color: red;
	font-size: 1.1em;
	font-weight: bold;
}


h1, .bold {
	font-size: 1.0em;
	line-height: 0.9em;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
	}
	
h2, .title {
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: 1.2em;
}

h3, .header {
	font-size: 1.6em;
	line-height: 1.0em;
	letter-spacing: 0em;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #aaaaaa;
	}

p {
	margin: 0px;
	padding: 0px 0px 20px 0px;

}

.caption {
	font-size: 0.9em;
	line-height: 1.0em;
	letter-spacing: 0em;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
.topmenu {
	font-size: 0.8em;
	margin: 0px 5px 0px 5px;
	}
	
.footer {
	font-size: 0.8em;
	margin: 0px 5px 0px 5px;
	}
	



/*----------
LINKS
----------*/

A:link, A:visited, A:active {
	text-decoration: underlined;
	color: #444;	
}

A:hover {
	color: red;
	}
	
A.topmenu:link, A.topmenu:visited, A.topmenu:active {
	text-decoration: none;	
	color: #eee;
}

A.topmenu:hover {
	color: #fff;
	}
	

A.footer:link, A.footer:visited, A.footer:active {
	text-decoration: none;	
	color: #222;
}

A.footer:hover {
	color: #000;
	}

A.noline:link, A.noline:visited, A.noline:active {
	text-decoration: none;	
	color: #555555;
}

A.nolinewhite:link, A.nolinewhite:visited, A.nolinewhite:active {
	text-decoration: none;	
	color: #ffffff;
}

A.noline:hover, A.nolinewhite:hover {
	text-decoration: underline;	
}

A.leftmenutextbold:link, A.leftmenutextbold:visited, A.leftmenutextbold:active {
	text-decoration: none;	
	color: #333333;
}


A.leftmenutextbold:hover {
	text-decoration: underline;	
	color: #333333;
}


A.white:link, A.white:visited, A.white:active {
	text-decoration: none;	
	color: #ffffff;
}

A.white:hover {
	text-decoration: underline;
	
}



/*-------------
PAGE LAYOUT
-------------*/

#wrapper1 { /* top banner */
	background-image: url(../img/element_03.jpg);
	width: 1000px;
	width: 1002px; /* ie only */
	height: 126px;
	margin-top: 5px;
}

#topmenuwrapper {
	position: relative;
	left: 470px;
	top: 10px;
	
	z-index: 10000;
	
}

#wrapper1b { /* right banner components */
	background-image: url(../img/element_08.jpg);
	width: 236px;
	height: 62px;
	float: right;
	position: relative;
	top: 126px;
	left: -27px;
	left: -29px; /* ie only */
	z-index: 1000;
		
}




#wrapper2 { /* drop down menu bg*/
	background-image: url(../img/element_06.jpg);
	width: 1000px;
	width: 1000px; /* ie only */
	position: relative; /* ie only */
	left: -1px; /* ie only */
	height: 28px;
}

#wrapperdropdownmenu { /*drop down menu */
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2000;
	}

	#wrapper2a { /* drop down menu left*/
		background-image: url(../img/element_05.jpg);
		width: 15px;
		height: 28px;
		float: left
	}
	
		
	#wrapper2c { /* drop down menu right*/
		background-image: url(../img/element_10.jpg);
		width: 16px;
		height: 28px;
		float: right;
	}
	
	
#wrapper3 { /* main area */
	background-image: url(../img/element_17.jpg);
	width: 1000px;
	width: 1000px; /* ie only */
	position: relative; /* ie only */
	left: -1px; /* ie only */
	border: 0px solid blue;
	text-align: left;
}

	.wrapper3aa { /* main 3 col table position */
	position: relative;
	left: 20px;
	z-index: 500;
	}


	.wrapper3a { /* LEFT MENU */
		width: 180px;
		
	}
	
	.leftimages {
		margin: 3px 0px 0px 0px;
		width: 180px;
		height: 104px;
		text-align: left;
		}
		
	a.leftimage:hover,  a.leftimage:link, a.leftimage:visited, a.leftimage:active {
		text-decoration: none;
		cursor: pointer;
	}
		
	.leftimageheader {
			font-size: 1.2em;
			color: white;
			position: relative;
			left: 13px; top: 12px;
	}
	
		.leftimagetext {
			color: white;
			font-size: 0.9em;
			line-height: 1.3em;
			position: relative;
			left: 13px; top: 25px;
			width: 80px;
	}
	
	.rightimages1a {
		margin: 3px 0px 0px 0px;
		width: 164px;
		height: 150px;
		}
	
	.wrapper3b { /* content area */
		width: 531px;
	}
	
	.wrapper3bb { /* content area - Map Image */
		width: 512px;
		height: 400px;
		margin: 12px 0px 0px 8px;
		padding: 0px;
	}
	
	.headerimage {
		width: 512px;
		height: 99px;
		margin: 12px 0px 0px 8px;
		padding: 0px;
	}
	
	.headertext1 {
		position: relative;
		top: 25px;
		top: 20px; /* ie only */
		left: 90px;
	}
	
	.headertext2 {
		position: relative;
		top: 25px;
		top: 20px; /* ie only */
		left: 90px;
	}
	
	.contentwrapper {
		padding: 20px;
	}
	
	.wrapper3c { /* right area */
		background: #fff;
		width: 236px;
		height: 100%;
	}
	
	.rightmenuimage {
		position:relative;
		left:-20px;
		top: -15px;
		height: 68px;
		background-repeat: no-repeat;
	}
	
	.rightmenutitle {
		position: relative;
		left: 50px; top: 6px;
	}
	
	.rightmenutitletext {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 2em;
	}
	
	#wrapper3cc { /* right area wrap*/
		background-image: url(../img/element_13.jpg);
		background-repeat: repeat-y;
		width: 236px;
		height: 92%;
		text-align: center;
		padding-top: 27px;
		
	}
	
	#wrapper3cc2 { /* right area wrap bottom*/
		background-image: url(../img/element_15.jpg);
		width: 236px;
		height: 20px;
		background-repeat: no-repeat;
	}

	


	
	
#wrapper4 { /* bottom */
	background-image: url(../img/element_20.jpg);
	width: 1000px;
	position: relative; /* ie only */
	left: -1px; /* ie only */
	height: 39px;
}

	#wrapper4a { /* bottom left*/
		background-image: url(../img/element_19.jpg);
		width: 40px;
		height: 39px;
		float: left
	}
	
		
	#wrapper4c { /* bottom right*/
		background-image: url(../img/element_22.jpg);
		width: 44px;
		height: 39px;
		float: right;
	}
	
#wrapper05 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px red solid;
	position: relative;
	top:-10px;
	text-align: center;

}	
	
/*
------------
BOXES
------------
*/

.box {
	padding: 0px;
	margin: -6px auto -6px auto;
	}

.boxtopleft {
	background-image: url(../img/box1_01.png);
	width: 24px;
	height: 26px;
	}
	
.boxtop {
	background-image: url(../img/box1_02.png);
	height: 26px;
	}

.boxtopright {
	background-image: url(../img/box1_04.png);
	width: 27px;
	height: 26px;
	}

.boxleft {
	background-image: url(../img/box1_05.png);
	width: 24px;
	}
	
.boxmiddle {
	background-image: url(../img/box1_06.png);
	padding: 10px;
	}
	
.boxright {
	background-image: url(../img/box1_08.png);
	width: 27px;
	}

.boxbottomleft {
	background-image: url(../img/box1_11.png);
	width: 24px;
	height: 22px;
	}

.boxbottom {
	background-image: url(../img/box1_12.png);
	height: 22px;
	}
	
.boxbottomright {
	background-image: url(../img/box1_14.png);
	width: 27px;
	height: 22px;
	}
	
	
/*
------------
DROP DOWN MENU
------------
*/

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align:middle;
	}


#menuwrapper {
	position: absolute;
	margin-left: -480px;
	top: 132px;
	top: 127px; /* ie only */
	left: 50%;
	z-index:2000;
	border: 0px solid red;
	text-align: center;
	

}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar {

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

}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #eee;
	color: #333;
	font-weight: bold;
	
}

#p7menubar a.trigger {
	padding: 5px 16px 5px 10px;
}

#p7menubar li {
	float: left;
	width: 9em;
}

#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 11em;
	text-align: left;
}

#p7menubar ul li a  {
	color: #ccc;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-image: url(img/p7exp_mgrad.jpg);
	background-repeat: repeat-x;
	
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000000;
	background-color: #fff;
	
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
	
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
		font-weight: normal;
}
#p7menubar ul a:hover {
	background-color: #ddd !important;
	color: #000 !important;

}

	
/*----------
CALENDAR
----------*/

.calendar {
	border: 0px solid #000;
	width: 500px;
	}
	
.calendar_day, .calendar_date, .calendar_day_wkn, .calendar_date_wkn {
	width: 13%;
	height: 40px;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	}

.calendar_day_wkn, .calendar_date_wkn {
	background: #f4f4f4;
}
	
.calendar_day, .calendar_day_wkn{
	font-size: 0.7em;
	text-align: center;
}
	
.calendar_date, .calendar_date_wkn {
	font-size: 0.6em;
	}
	
.calendar_entry {
	font-weight: bold;
}


/*
------------
tool tips
------------
*/

.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	max-width: 300px;
	color: #000;
	border: 1px solid #444;
	opacity: 0.8;
	visibility: hidden;
	z-index:40000;
}

.glt-elm p{
	background: #eeeeee;
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}

.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}