#fullpage {text-align:center;} 
#page {margin: 0 auto; width:751px; text-align:left;} /* "margin: 0 auto;" needed to make IE5(Mac) come into the middle of the page */

body {margin:14px 0px 0px 0px; padding:0px 0px 14px 0px; font-family:arial,helvetica,sans-serif; color:#000; background-color:#fff; font-size:xx-small; voice-family: "\"}\""; voice-family:inherit; font-size:x-small;} html>body {font-size:x-small;}
p {margin:0px 0px 15px 0px; padding:0px;}
p.desc_brief {font-weight:bold; font-size:150%;}
p.desc_full {font-size:130%;}
p.boxlink {font-size:150%; font-weight:bold; }
b, strong {font-weight:bold;}
i, em {font-style:italic;}
a:link, a:visited, a:active {text-decoration:none; color:#f60;}
a.faq:link {text-decoration:none; color:#000;}
a:hover {color:red; text-decoration:none;}
img {border:0;}
ul {text-decoration:none;}
h1 {font-family:arial,helvetica,sans-serif; font-size:180%; margin:0; padding:0; color:#000; font-weight:bold;}
h2 {font-size:130%; margin:0px; padding:0; font-weight:bold; vertical-align:middle;}
h3 {font-size:130%; margin:0; padding:0; color:#000; font-weight:normal;}
h4 {font-size:110%; color:#665E4E; background:#F9F9F6; padding:0px; margin:0px;}
h5 {font-size:130%; margin-bottom:5px; padding:0; color:#000; font-weight:normal;}

#imagebar {float:left; margin:0px; padding:0px; height:119px;}
.imagebarpics {float:left; display:inline; padding:0px; margin:0px; border-left: 1px solid #fff;}
#image {float:left; margin:0px; padding:0px; height:119px; width:120px;}
#ads {float:right; margin:0px; padding:0px; height:119px;}

.clear {clear:both;}

#navigation {clear:both; padding:0px; margin:0px; height:20px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
#navbuttons {}
#navbuttons ul
{padding:0px; margin:0px; color:#A2A27A; float:left; background:transparent; width:751px;}
#navbuttons ul li {display:inline;}

#navbuttons ul li a
{padding: 4px 8px; color:#A2A27A; font-weight:bold; text-decoration:none; float:left; font-size:110%; text-align:center;}

#navbuttons ul li.navbutton1 a
{color:#fff; background:#188E31; width:150px; } /* Volunteering */
#navbuttons ul li.navbutton2 a
{color:#fff; background:#FF6500; width:150px;} /* Charities */
#navbuttons ul li.navbutton3 a
{color:#fff; background:#CEFF31; width:150px;} /* Grants */
#navbuttons ul li.navbutton4 a
{color:#fff; background:#FF009C; width:150px;} /* Gap Year Placements */
#navbuttons ul li.navbutton5 a
{color:#fff; background:#FFCF00; width:71px;} /* Contact Us */

#navbuttons ul li.navbutton1 a:hover, #navbuttons ul li.mainnav1lock a
{color:#fff; background:#225E48;}
#navbuttons ul li.navbutton2 a:hover, #navbuttons ul li.mainnav2lock a
{color:#fff; background:#225E48;}
#navbuttons ul li.navbutton3 a:hover, #navbuttons ul li.mainnav3lock a
{color:#fff; background:#225E48;}
#navbuttons ul li.navbutton4 a:hover, #navbuttons ul li.mainnav4lock a
{color:#fff; background:#225E48;}
#navbuttons ul li.navbutton5 a:hover, #navbuttons ul li.mainnav5lock a
{color:#fff; background:#225E48;}

#navbar2 {clear:both; padding:0px; margin-top:4px; margin-bottom:4px; background:#fff; height:14px;}
#navbuttons2 {float:left; display:inline; height:24px;}
#navbuttons2 ul
{padding:0px; margin:0px; float:left; background:#fff;}
#navbuttons2 ul li {display:inline;}
#navbuttons2 ul li a
{padding: 0px 8px; color:#A2A27A; font-size:110%; font-weight:bold; text-decoration:none; float:left;
border-right: 1px solid #AD8120; margin-top:4px;}
#navbuttons2 ul li.mainnavitem a:hover, #navbuttons2 ul li.mainnavlock
{color:#fff;}

#navbuttons2 ul li.navbutton2 a
{color:#225E48;}

#navbuttons2 ul li.navbutton2 a:hover
{color:#AD8120;}


#quicklinks {float:left; display:inline; height:24px;}

#searchbox {float:right; text-align:right; width:260px; display:inline; padding:0; margin:0; border:0;}



#page {padding-bottom:1px;}

#leftbarnews {float:left; width:184px; padding:8px; background:#F8F8F8; border-top:1px solid #797979; border-right:1px solid #797979; border-bottom:1px solid #797979;}
	#topleftpic {height:174px;}
	#searchpanel {background:#2D2D2D; border-bottom:1px solid #000;}
	
	h4.newstitle {color:#188E31; font-size:125%;}
	h3.company_name {color:#000; font-size:300%;}

	a.newstitlelnk:link, a.newstitlelnk:visited, a.newstitlelnk:active {text-decoration:none; color:#188E31;}
	p.newstitle {color:#000; font-size:110%;}
	a.newstitle:link, a.home-left-link:visited, a.home-left-link:active {text-decoration:underline; color:#3E7866;}
	a.newstitle:hover {text-decoration:underline; color:#235E48;}
	
#leftbar ul
{list-style-type:none; color:#AD8120; float:left; width:143px; font-size:110%; padding:0 0 10px 0; margin:0;}
	
	
	#leftbar ul li {margin:0px; padding:0; border-bottom:1px solid #797979; border-right:1px solid #797979; border-left:1px solid #797979;}
	#leftbar ul li a
	{background:#F8F8F8; display: block; font-weight:bold; text-decoration:none; width:auto; padding:3px 10px 3px 10px;}
	html>body #leftbar li a {width:auto;}
	#leftbar ul li a:hover {color:#fff; background:#AD8120;}
	
	#leftbar ul li.menuitem a {color:#014F37; width:121px;}
	#leftbar ul li.menuitem a:hover {color:#fff; background:#225E48;}
			
#mainpage {float:right; width:550px;}
	#homewelcome {height:122px; background-image:url('/image4.jpg');  margin-left:8px; padding:8px 10px 0px 10px; voice-family: "\"}\""; voice-family:inherit; height:132px;} html>#headpanel {height:132px;}
		#homewelcome2 {float:left;}
			h1.hometitle {color:#fff;}
			p.hometext {color:#fff; font-size:120%;}
	#headpanel2 {height:110px; background:#FFF; margin-left:8px; padding:8px 10px 0px 10px; border: 1px solid #7A7A7A;}
	#bodycontentpanel {padding:8px 0px 8px 8px;}

	#pagetitle {background:#014F37; padding:3px 6px 3px 6px; border:1px solid #797979;}
	#space {background:#FFF; height: 8px; }
	
	#subtitle {background:#F8F8F8; padding:3px 6px 3px 6px; border-left:1px solid #797979; border-right:1px solid #797979; border-bottom:1px solid #797979;}
	#text-panel {padding:6px 0px 0px 6px; border:0;}
	#boxlink {vertical-align: middle; width: 90px; height: 35px; border: 1px solid; padding: 10px 5px 10px 5px; float: left; margin-left: 20px;}
	a.boxlink {vertical-align: middle; text-align:center; font-size:130%; color:#000; font-weight: bold; display: block;} 
	
	h1.page-title {color:#fff; font-size:130%;}
	
	
#footer {text-align:center; font-size:100%; color:#000;}

input:focus, select:focus, textarea:focus {background:#ccc;}

.form {margin:0; padding:0;} /* fix the unwanted form tag space */
input.form1 {width:10px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000; font-size:100%; border:0; margin:0;} /* search input */
input.form2 {font-family:Verdana,Arial,Helvetica,sans-serif; color:#2D2D2D; font-weight:bold; font-size:100%; border:0; margin:0;} /* search submit */


/* homepagenav system */
#homepagenav-outer {padding:0px; margin:0px; height:140px; border: 1px solid #7A7A7A; margin:0; padding:0; background-image: url("../pix/homepage-rule.gif"); background-repeat: repeat-y;}

#homepagenavcontainer {float:left; width:260px;}
h3.homepagenavheadings {display:inline; padding-left:24px; text-decoration:none; font-size:110%; color:#881E8B; font-weight:bold; line-height:22px;}
a.homepagenavtitles:link, a.homepagenavtitles:visited, a.homepagenavtitles:active {text-decoration:none; color:#225E48; font-weight:bold;}
a.homepagenavtitles:hover {color:#000; text-decoration:none;}

div.homepagenavitem {clear:both; width:260px; margin:0px; padding:0px; background:transparent;}

div.homepagenavrule {clear:both; width:260px; background:#797979; height:1px; margin:0px; padding:0px;}
/* / homepagenav system */

/* homepagenav2 system */
#homepagenav2container {float:left; text-align:left; display:inline;}
#homepagenav2container ul
{list-style-type: none; color:#AD8120; float:left; background:#fff; width:258px; font-size: 115%; padding:0px; margin:0px;}
#homepagenav2container ul li {margin-top: 0px;}
#homepagenav2container ul li a
{padding: 4px 5px 0px 15px; color:#AD8120; display: block; font-weight:bold; text-decoration:none; width:230px;}
#homepagenav2container ul li a:hover {color:#000;}
/* / homepagenav2 system */


/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}


/* helper classes (not YDSF related) */

.demo-ydsf {
	position: relative;
	border: 1px solid #999;
	padding: 10px;
	background: #fff url(gradient.jpg) left top repeat-x;
}

.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.left {
	float: left;
	display: inline; /* fixes ie double margin-left bug */
}

.right { float: right; }

.note {
	width: 200px;
	border: 1px solid #666;
	padding: 10px;
	background: #ffc;
	color: #333;
}