body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #222;
	background-color: white;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
}
li {
  line-height: 15px;
 
}

/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 95%;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	background: white url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
	background: transparent url('images/bg02-white-left.png') no-repeat left top;
	margin:0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	padding-left: 20px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#02c;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span {
	background-position:100% -42px;
	color: #000000;
}



#wrapper-header {	background: transparent url('images/bg.png') top center repeat-x; }

#header {
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(images/header-tcd.jpg);
}

#wrapper-header2 { background: transparent url('images/bg02-blue-left.png') top left no-repeat; }

#wrapper-header3 { background: transparent url('images/bg02-blue-right.png') top right no-repeat; }

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 96px;
	line-height: 3em;
	color: #02c;
	font-size: 130%;
	text-align: center;
	
}

#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
	font-size: 95%;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
}
#menudiv { background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
 }
#wrapper-menu-page {
	float: right;
	width:180px;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 3em;
	margin-left: 2em;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #02c; }
#menu-page a:hover { color: #999; }
#menu-page li {
	line-height: 15px;
	padding-left: 10px;
	padding-top: 0px;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style-type: none;
}
#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}
h1 {font-size: 150%;
 }
h2 {
	font-size: 110%;
	margin-top: 5px;
}
h3 { font-size: 100%; }

a:link, a:visited { color: #02c; text-decoration: none; }
a:hover{ color: #999; text-decoration: none; }

#logo{
float:left;
width:200px;
margin:0 20px 0 0;
padding:0 0 25px 0;
background:#eee;
border:4px solid #dde;
text-align:center;
color:#555;

}

#logo h1{
margin:50px 5px 1px 5px;
letter-spacing:-3px;
}
#logo p{
margin:50px 5px 1px 5px;
letter-spacing:-3px;
}
#logo a{
background-color:inherit;
color:#26a;
text-decoration:none;
}
.secondbigletter {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #343474;
	font-size: 18px;
}
.smallboldheading {
	font-size: 12px;
	font-weight: bold;
}
.medsmallboldheading {
	font-size: 14px;
	font-weight: bold;
}
.mediumboldheading {
	font-size: 16px;
	font-weight: bold;
	font-family: trebuchet ms, verdana, arial, tahoma;
}
.mediumheading {
	font-size: 14px;
	font-weight: normal;
	font-family: trebuchet ms, verdana, arial, tahoma;
}
.firstbigletter {
font-family:Georgia, "Times New Roman", Times, serif;
color:#343474;
font-size:23px;
font-weight:normal;
line-height:90%;
letter-spacing:1px;
}

#menu-bottom{
	width: 95%;
	margin: 0 auto;
	text-align: left;
}

#menu-bottom {
	background: white;
	overflow: hidden;
}

#menu-bottom ul {
	background: transparent;
	margin:0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	padding-left: 20px;
}

#menu-bottom li {
	display: inline;
	float: left;
}

#menu-bottom a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-bottom a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#menu-bottom a:hover { background-position:0% -42px; }
#menu-bottom a:hover span {
	background-position:100% -42px;
	color: #000000;
}

#intro {
	line-height: normal;
}
.center {
	text-align: center;
}
.lefttext {
	text-align: left;
	padding-left: 15px;
}
	.teaser {
	width:430px;
	background:url("images/tsr-b.gif") bottom left no-repeat;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 10;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url("images/tsr-t.gif") top left no-repeat;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("images/tsr-a.gif") 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
		}
		.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("images/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid}
.dropdown {	COLOR: #333333;
		WIDTH: 180PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("images/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid}

.submitbutton { FONT: 9pt verdana, arial,  sans-serif;
		font-weight: bold;
		color: #000000;
		BORDER: #000000 1px solid;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#FFFFFF; }

.submitbuttonon { FONT: 9pt verdana, arial,  sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		BORDER: #000000 1px solid;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#AD7A6A; }
		
		
	#menu-side{
	width: 95%;
	margin: 0 auto;
	text-align: left;display: inline;
}

#menu-side {
	background: white;
	overflow: hidden;
}

#menu-side ul {
	background: transparent;
	margin:0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	padding-left: 20px;
}

#menu-side li {
	display: inline;
	float: left;
}

#menu-side a {
	float: left;width:140px;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-side a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#menu-side a:hover { background-position:0% -42px; }
#menu-side a:hover span {
	background-position:100% -42px;
	color: #000000;
}	
.splitcontentleft {
	FLOAT: left; WIDTH: 45%
}
.splitcontentright {
	FLOAT: right;
	WIDTH: 40%;
	border: 1px solid #dde;
	padding-right: 5px;
	font-size: .8em;
	margin-left: 5px;
	
}
#wrapper-content #content .splitcontentright p {
	margin-left: 10px;
}

#headbox {
	display:block;
	background:#eee url(images/gradient2.png) repeat-x;
	color:#222;font-family: trebuchet ms, verdana, arial, tahoma;
	border-top:1px solid #ddd;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:1px solid #ddd;
	text-decoration:none;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
}

.date{
	background:#eee;
	color:#999;
	border:2px solid #ddd;
	font-size: 86%;
	padding-left: 5px;
}