/* CSS Document */
body {
	background-color: #efeff3;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

.header {
	height:95px;
	background-image:url(images/banner.jpg);
	width:972px;
	border-left:1px solid #102244;
	border-top:1px solid #102244;
	border-bottom:1px solid #102244;
/* holds all the header pictures*/
}

.title {
float:left;
}
.title a {
display:block;
height:95px;
width:200px;
}

.underline {
background-color: #FFFFFF;
margin-right:31px;
margin-left:1px;
height:2px;
border-bottom:1px solid #102244;
/*underlines the header*/
}

h1 
{
top:0px;
position:absolute;
left:-3000px;
}
h2.main{
padding-left:8px;
padding-top:3px;
padding-bottom:3px;
margin:0px;
color:#FFFFFF;
font-size:75%;
/*the white h2 headings on the front page*/
}
div.maincontent3 {
     padding:0;
     background: url(images/shadowcorner.gif) bottom right no-repeat;
     }
/* this is the bottomrighthandcorner shadow*/
div.maincontent2 {
     padding:0;
     background: url(images/shadowbottom.gif) bottom left no-repeat;
     }
/* this is bottom shadow*/
div.maincontent1 {
     padding:0;
     background: url(images/shadowright.gif) top right repeat-y;
     }
/*this is righthandside shadow*/
div.maincontent {
	position:relative;
	width:1004px;
	margin-top:0px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
    background: url(images/leftlinebackground.gif) top left repeat-y;
	/* above image is the left border and the background of the main content*/
    margin-bottom:1.5em;
    padding:0px;
}
#menu {
	float:right;
	position:relative;
	right:0px;
	top:69px;
	height:22px;
	background-image:url(images/menutop.gif);
	background-repeat:no-repeat;
	padding-top:3px;
	padding-bottom:1px;
	z-index:2;
/* the main menu*/
}
#cornerright {
	float:right;
	position:relative;
	right:0px;
	top:69px;
	width:4px;
	height:26px;
	margin-right:8px;
/*relates to the main menu*/
}
#lang {
	float:left;
	position:relative;
	right:0px;
	height:26px;
	padding-top:8px;
	padding-left:9px;
/* english or gaelic*/
}
.intro {
	clear:both;
	position:relative;
	right:0px;
	margin-right:31px;
	padding-left:9px;
	padding-right:9px;
	/*intro text container on the front page*/
}
.intro2 {
	clear:both;
	position:relative;
	right:0px;
	margin-right:31px;
	padding-left:9px;
	padding-right:9px;
	padding-top:10px;
	width:781px;
	/*intro spacer on the more page*/
}

A.menu:link {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:75%;
}
A.menu:visited {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:75%;
}
A.menu:hover {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:75%;
}
A.menu2:link {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:100%;
}
A.menu2:visited {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:100%;
}
A.menu2:hover {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:100%;
}
A.menu3:link {
	FONT-WEIGHT: normal; COLOR: #102244; TEXT-DECORATION: none; font-size:100%;
}
A.menu3:visited {
	FONT-WEIGHT: normal; COLOR: #102244; TEXT-DECORATION: none; font-size:100%;
}
A.menu3:hover {
	FONT-WEIGHT: normal; COLOR: #ed242b; TEXT-DECORATION: none; font-size:100%;
}
A.menuactive:link {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:75%;
}
A.menuactive:visited {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:75%;
}
A.menuactive:hover {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:75%;
}
A.menuactive2:link {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: underline; font-size:75%;
}
A.menuactive2:visited {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: underline; font-size:75%;
}
A.menuactive2:hover {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: underline; font-size:75%;
}
A.menuactive3:link {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:100%;
}
A.menuactive3:visited {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:100%;
}
A.menuactive3:hover {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:100%;
}
A.menuactive4:link {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: underline; font-size:100%;
}
A.menuactive4:visited {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: underline; font-size:100%;
}
A.menuactive4:hover {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: underline; font-size:100%;
}
A.item:link {
	FONT-WEIGHT: normal; COLOR: #102244; TEXT-DECORATION: none; font-size:small; line-height:115%;
}
A.item:visited {
	FONT-WEIGHT: normal; COLOR: #102244; TEXT-DECORATION: none; font-size:small; line-height:115%;
}
A.item:hover {
	FONT-WEIGHT: normal; COLOR: #102244; TEXT-DECORATION: underline; font-size:small; line-height:115%;
}
A.whitetext:link {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; 
}
A.whitetext:visited {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; 
}
A.whitetext:hover {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline; 
}
A.more:link {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:75%; padding-left:16px; 
}
A.more_gd:link {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:75%; padding-left:12px; 
}
A.more:visited {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:75%; padding-left:16px; 
}
A.more_gd:visited {
	FONT-WEIGHT: bold; COLOR: #102244; TEXT-DECORATION: none; font-size:75%; padding-left:12px; 
}
A.more:hover {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:75%; padding-left:16px; 
}
A.more_gd:hover {
	FONT-WEIGHT: bold; COLOR: #ed242b; TEXT-DECORATION: none; font-size:75%; padding-left:12px; 
}
A.trebuchet:link {
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%; 
}
A.trebuchet:visited {
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%; 
}
A.trebuchet:hover {
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR:#102244; TEXT-DECORATION: none; font-size:120%; 
}
.pike
{
font-size:small;
COLOR: #102244;
}
p 
{
	font-size: small;
	color: #102244;
	margin:0px;
	padding-top:8px;
	padding-bottom:8px;
}
p.content 
{
	font-size: small;
	color: #102244;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}
.content
{
	font-size: small;
	color: #102244;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}
p.whitearea 
{
	font-size: small;
	color: #102244;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
}
.whitearea
{
	font-size: small;
	color: #102244;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
}
.left {
	float:left;
	width:287px;
	margin-left:9px;
	margin-right:8px;
	margin-top:4px;
/*this is the lefthand column on the front page*/
}
.whitebackground {
	width:781px;
	margin-left:9px;
	margin-right:8px;
	margin-top:4px;
/*this is the white background behind the text*/
}
.whitebackgroundmore {
	width:781px;
	margin-left:9px;
	margin-right:8px;
/*this is the white background behind the text on the more page*/
}
.middle {
	float:left;
	width:366px;
	margin-right:8px;
	margin-top:4px;
/*this is the middle column on the front page*/
}
.right {
	float:left;
	width:287px;
	height:76px;
	margin-right:8px;
	margin-top:4px;
/*this is the right hand column on the front page*/
}
.introduction {
background-image:url(images/introheader.jpg);
height:6px;
/*h2 heading on front page*/
}
.whitetop {
background-image:url(images/footer-acknow.jpg);
height:5px;
/*holder for rounded edges - top*/
}
.area {
background-image:url(images/header2.jpg);
/*h2 heading on front page*/
}
.area {
background-image:url(images/header2.jpg);
/*h2 heading on front page*/
}
.tabone_active {
background-image:url(images/header3.jpg);
float:right;
width:57px;
/*h2 heading on front page for news*/
}
.tabone_inactive {
background-image:url(images/header3a.jpg);
float:right;
width:57px;
/*h2 heading on front page for news*/
}
.tabtwo_active {
float: left;
background-color:#00CC66;
background-image:url(images/header4a.jpg);
width:228px;
}
.tabtwo_inactive {
float: left;
background-color:#00CC66;
background-image:url(images/header4.jpg);
width:228px;
}


.tabone_active_gd {
background-image:url(images/header3_gd.jpg);
float:right;
width:85px;
/*h2 heading on front page for news*/
}
.tabone_inactive_gd {
background-image:url(images/header3a_gd.jpg);
float:right;
width:85px;
/*h2 heading on front page for news*/
}
.tabtwo_active_gd {
float: left;
background-color:#00CC66;
background-image:url(images/header4a_gd.jpg);
width:200px;
}
.tabtwo_inactive_gd {
float: left;
background-color:#00CC66;
background-image:url(images/header4_gd.jpg);
width:200px;
}


.tab1 {
background-image:url(images/more-tab.jpg);
float:left;
width:175px;
margin-right:1px;

}
/*tab on more page*/
.tab1b {
background-image:url(images/more2-tab.jpg);
float:left;
width:175px;
margin-right:1px;
}
/*tab on more page*/
.tab2 {
float:left;
background-color:#00CC66;
background-image:url(images/examples-tab.jpg);
width:217px;
margin-right:1px;
}
/*tab on more page*/
.tab2b {
float:left;
background-color:#00CC66;
background-image:url(images/examples2-tab.jpg);
width:217px;
margin-right:1px;
}
/*tab on more page*/
.tab3 {
float:left;
background-color:#00CC66;
background-image:url(images/sponsors-tab.jpg);
width:83px;
margin-right:1px;
}
/*tab on more page*/
.tab3b {
float:left;
background-color:#00CC66;
background-image:url(images/sponsors2-tab.jpg);
width:83px;
margin-right:1px;
}
/*tab on more page*/
.tab4 {
float:left;
background-color:#00CC66;
background-image:url(images/myspace-tab.jpg);
width:75px;
margin-right:1px;
}
/*tab on more page*/
.tab5 {
float:left;
background-color:#00CC66;
background-image:url(images/staff-tab.jpg);
width:51px;
margin-right:1px;
}
/*tab on more page*/
.tab5b {
float:left;
background-color:#00CC66;
background-image:url(images/staff2-tab.jpg);
width:51px;
margin-right:1px;
}
/*tab on more page*/

.introbackground{
background-color:#e5e4ea;
padding-top:0px;
padding-left:8px;
padding-right:8px;
padding-bottom:0px;
font-size:100%;
line-height:135%;
color:#102244;
}
/*the text background behind the intro text*/
.searchwhite{
background-color:#ffffff;
padding-top:4px;
padding-left:8px;
padding-right:8px;
padding-bottom:0px;
font-size:100%;
line-height:135%;
color:#000000;
}
/*the white bit between heading and footer*/
.searchwhite2{
background-color:#ffffff;
padding-top:4px;
padding-left:0px;
padding-right:8px;
padding-bottom:0px;
font-size:100%;
line-height:135%;
color:#000000;
}
/*the white bit behind the map search tools*/
.searchmap{
background-color:#ffffff;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size:100%;
line-height:135%;
color:#000000;
}
/*the white bit behind the map*/
.searchfooter {
margin-bottom:8px;
clear:both;
}
/*footer image for the lefthand column images front page*/
.search {
background-image:url(images/header.jpg);
}
/*h2 heading on front page*/
.underlines {
background-color:#FFFFFF;
height:2px;
border-bottom:1px solid #102244;
clear:both;
}
/*underlines the h2 headings on the front page*/
.underlines2 {
background-color:#FFFFFF;
height:2px;
border-bottom:1px solid #102244;
margin-left:9px;
width:781px;
clear:both;
}
/*underlines the tabs on the more page*/
.clearfix:after {
  content: " ";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  font-size: 0;
}
.clearfix {display: inline-block }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

.newsspacer {
height: 10px;
}
.newsletter {
border-top: 1px solid #6f7a90;
border-bottom: 1px solid #6f7a90;
padding-top:4px;
padding-bottom: 4px;
}

.button {
background-color:#00FF66;
width:74px;
height:20px;
background-image:url(images/more.gif);
margin-left:200px;
}
/* the more button on the home page*/
.subject {
position:relative;
width: 287px;
height:61px;
background-image:url(images/browsebysubject_off.jpg);
}
/*the subject button on the index page*/
.subject:hover {
background-image:url(images/browsebysubject_on.jpg);
}
/*the subject button hover effect on the index page*/
.textholder {
padding-top:16px;
padding-left:9px;
}
.textholder2 {
padding-top:6px;
padding-left:9px;
}
.subject .textholder A.trebuchet:link {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.subject .textholder A.trebuchet:visited {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.subject .textholder A.trebuchet:hover {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR:#102244; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}

/* holder for the text in can you help*/
.showcase {
width: 287px;
height:61px;
background-image:url(images/showcase_off.jpg);
}
/*the showcase button on the index page*/
.showcase:hover {
background-image:url(images/showcase_on.jpg);
}
.showcase .textholder A.trebuchet:link {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.showcase .textholder A.trebuchet:visited {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.showcase .textholder A.trebuchet:hover {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR:#102244; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
/*the showcase button hover effect on the index page*/
.luckydip {
width: 287px;
height:61px;
margin-top:8px;
background-image:url(images/luckydip_off.jpg);
}
/*the lucky dip button on the index page*/
.luckydip:hover {
background-image:url(images/luckydip_on.jpg);
}
.luckydip .textholder A.trebuchet:link {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.luckydip .textholder A.trebuchet:visited {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.luckydip .textholder A.trebuchet:hover {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR:#102244; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}

/*the lucky dip button hover effect on the index page*/
.canyouhelp {
width: 287px;
height:61px;
margin-top:8px;
background-image:url(images/camp_off.jpg);
}
/*the can you help button on the index page*/
.canyouhelp:hover {
background-image:url(images/camp_on.jpg);
}
.canyouhelp .textholder A.trebuchet:link {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.canyouhelp .textholder A.trebuchet:visited {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
.canyouhelp .textholder A.trebuchet:hover {
	background-image: url(fake_image.gif); /* fake_image doesnt have to exist, this is a fix for IE */
	font-family:Trebuchet MS, Arial, sans-serif; FONT-WEIGHT: bold; COLOR:#102244; TEXT-DECORATION: none; font-size:120%;
	display: block;
	height: 45px;
	width: 278px;
	position: absolute;
	margin-top: -16px; /* some negative margins if you are using padding in .mybox */
	margin-left: -9px; /* some negative margins if you are using padding in .mybox */
	padding-top:16px;
	padding-left:9px;
	z-index: 10;
}
/*the can you help button hover effect on the index page*/
.canyoutext {
color:#ffffff;
font-family:Trebuchet MS, Arial, sans-serif;
font-weight:bold;
font-size:92%;
}
/*the text - can you help*/
.footermenu {
/*margin-left:6px;*/
padding-bottom: 40px;
text-align:center;
}
/*holder for footer links*/
.logoholder {
width:1004px;
margin-top:-45px;
margin-left:auto;
margin-right:auto;
}
/* holders for individual logos*/
#leftlogo {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin-right:56px;
}
/*holders for footer logos*/
#leftlogo2 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin-right:115px;
}
#leftlogo3 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin-right:163px;
}
#leftlogo4 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin-right:110px;
}
#leftlogo5 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin-right:0px;
}
h2 {
padding-top:7px;
padding-bottom:7px;
margin:0px;
font-size:130%;
font-weight:bold;

}
h3 {
padding-top:4px;
padding-bottom:4px;
margin:0px;
font-size:110%;
font-weight:bold;

}
.menutabs {
border: 1px solid red;
}
.leftexample {
	float:left;
	width:488px;
	margin-left:4px;
	margin-right:8px;
	margin-top:4px;
}
/*this is the lefthand column on the example page*/
.middleexample {
	float:left;
	width:256px;
	margin-right:4px;
	margin-top:30px;
}
/*this is the middle column on the example page*/
.leftsubject {
	float:left;
	width:242px;
	margin-left:8px;
	margin-right:8px;
	margin-top:4px;
}
/*this is the lefthand column on the subjects page*/
.middlesubject {
	float:left;
	width:242px;
	margin-right:8px;
	margin-top:4px;
}
/*this is the middle column on the subjects page*/
.rightsubject {
	float:left;
	width:242px;
	margin-right:8px;
	margin-top:4px;
}
/*this is the right hand column on the subjects page*/
.leftinput
{
float:left;
}
/* this is the layout div for buttons on the subjects page*/
.rightinput
{
float:right;
}
/* this is the layout div for buttons on the subjects page*/
.hitsbysubject {
	float:left;
	width:190px;
/*this is the left hand column on the advanced search page*/
}
.advancedsearch {
	float:right;
	width:560px;
/*this is the right hand column on the advanced search page*/
}
.advancedsearchtwo {
	float:left;
	width:560px;
/*this is the right hand column on the advanced search page*/
}
.fullrecordmain {
	float:right;
	width:663px;
/*main content area on the full record page*/
}
.fullrecord {
	float:left;
	width:570px;
	border: 1px solid green;
/*this is the right hand column on the advanced search page*/
}
.subjecttop {
background-image:url(images/advancedsearch-top.gif);
height:5px;
width:190px;
}
/* the top image in the hits by subject div*/
.subjectbottom {
background-image:url(images/advancedsearch-bottom.gif);
height:7px;
width:190px;
}
/* the top image in the hits by subject div*/
.whitethinline {
height:1px;
background-color:#FFFFFF;
clear:both;
}
/*on advanced search page*/
.spacer {
height:3px;
clear:both;
}
/*spacer on advanced search menu page*/
.advancedbackground {
background-color:#c9c8d2;
padding-left: 3px;
padding-right:3px;
} 
/*background to the hits by subject panel*/
.lefthits {
float:left;
width:120px;
}
.lefthits-wide {
float:left;
width:100%;
}
/*menu on the advanced search page*/
.righthits {
float:right;
width:20px;
padding-right:3px;
}
/*menu on the advanced search page*/

.hthreeheader {
background-color:#c9c8d2;
}
.leftadv {
	float:left;
	width:64px;
	margin-right:12px;
}
/*this is the lefthand column on the advanced search page*/
.recordno {
	float:left;
	width:115px;
	margin-left:204px;
}
/*this holds the record info on the full record page*/
.previousnext {
	float:left;
	width:238px;
}
/*this holds the previous next info on the full record page*/
.onetohundred {
	float:left;
	width:200px;
}
/*this holds the 1 to 100 txt info on the full record page*/
.number {
	float:left;
	width:20px;
}
/*this is the border around the number on the search results page*/
.record {
	float:left;
	width:200px;
	margin-right:12px;
}
/*holds record numer on search results page*/
.middleadv {
	float:left;
	width:153px;
	margin-right:5px;
	padding-top:2px;
}
/*this is the middle column on the advanced search page*/
.icon {
	float:left;
	width:70px;
	margin-right:25px;
}
/*this holds the icon on the search results page*/
.middleadv2 {
	float:left;
	width:200px;
	margin-right:5px;
	padding-top:2px;
}
/*this is the middle column on the advanced search page*/
.middleadv3 {
	float:left;
	width:90px;
	margin-right:5px;
	padding-top:2px;
}
/*this is the middle column on the advanced search page*/
.rightadv {
	float:left;
	width:215px;
	padding-top:2px
}
/*this is the right hand column on the advanced search page*/
.textsearchresults {
	float:left;
	width:340px;
	margin-right: 40px;
}
/*this is the text holder for the search results */
.playicon {
	float:left;
	width:37px;
}
/*this is the text holder for the search results */
.jump {
	float:right;
	width:250px;
	padding-top:2px
}
/*this contains the jump menu on the search results page*/
.date{
	float:left;
	width:62px;
	margin-right:4px;
}
/*for advanced search*/
.limitby{
	float:left;
	width:123px;
	margin-right:4px;
}
/*for advanced search*/
.month {
	float:left;
	width:75px;
	margin-right:5px;
}
/*for advanced search*/
.year {
	float:left;
	width:215px;
}
/*for advanced search*/
.holder1 {
}
/*holds three columns together on advanced search page*/
.holder2 {
margin-bottom: 29px;
}
.holder3 {
}
/*holds the page numbers etc on the search results page*/
.leftwrapper {
float:left;
width:190px;
}
/* this is for the lefthand column on the search results page*/
.leftwrapper2 {
float:left;
width:70px;
margin-right:26px;
margin-top:15px
}
/* this is for the lefthand column on the full record page*/
.sort{
padding-right:3px;
}
/*sort button on search results page*/
.line{
height: 1px;
background-color:#c9c8d2;
}
/*line on search result page*/
.recordsjump {
margin-bottom: 13px;
}
/*the items at the top of the full record page*/
.recordsjump2 {
margin-top: 13px;
}
/*the items at the bottom of the full record page*/
.fullrecordwrapper {
margin-bottom: 13px;
margin-top: 13px;
}
.survey {
clear:both;
background-color:#f0d6d5;
border:1px solid #f02529;
margin-left:auto;
margin-right:auto;
width:776px;
padding:2px;
margin-bottom:4px;
}
/*holds the survey links*/
.surveybutton {
background-color:#00FF66;
width:161px;
height:20px;
background-image:url(images/survey.gif);
float:right;
}
/* for survey only*/
.surveybutton2 {
background-color:#00FF66;
width:184px;
height:20px;
background-image:url(images/survey2.gif);
float:right;
}
/* for survey only*/
.surveytext {
text-align:center;
}