body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Verdana, Arial, Geneva, sans;
	font-size:100%;
	color:#e3e3e3;
	background:url(../images/bg_grey.gif) top left repeat;
}

#logo {
	padding: 0;
	margin: 0;
	border:none;
}


#wrapper {
	width:965px;
	margin:0 auto;
	padding:0px 0 0 0;
	text-align:left;
}
a, a:visited {
	color:#fdd23f;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#header {
	margin:10px 0 25px 0;
	padding:0;
	background:url(../images/title_learning.gif) top right no-repeat;
	height:80px;
}



#nav {
	width:100%;
	height:25px;
	text-align:right;
	font-size:80%;
}

/*#nav p {
	margin:0;
	padding:0;
	color:#fdd23f;
}*/

#content {
	width:auto;
	margin:0;
	padding:10px 10px 30px 10px;
	border:solid 1px #fdd23f;
	text-align:left;
	background:url(../images/photo_strip3.jpg) top left no-repeat;
	background-position:10px 35px;
}
h1, #content h1, #content h2, #content h3, #content h4, #content h5 {
	color:#c8c8c7
}
#content #left {
	float:left;
	width:560px;
	margin:120px 0 0 30px;
}
h1, #content #left h1 {
	margin-top:0;
	font-size:115%;
	font-weight:normal;
}

#content #right h2, #content #left h2 {
	font-size: 105%;
	font-weight: 200;
}

#content #right p {
	color:#CCCCCC;
}

#wrapper #content #left h2 {
	font-size: 105%;
	font-weight: 400;}
	
	
#wrapper #content #left h3 {
	font-size: 90%;
	font-weight: bold;
	font-style:italic;
	padding: 5px 0 0 0;
	margin: 0;
	}
	


#content #left p {
	font-size:80%;
}

#content #left ul {
	font-size: 80%;
	list-style:inside circle;
	padding: 0 0 0 15px;
}

#content #left ol {
	font-size: 80%;
	padding: 0 0 0 25px;
}

#content #right {
	float:left;
	width:290px;
	margin:155px 0 0 30px;
	padding:0 10px 10px 10px;
	border:0;
}

#content #right form {
	font-size: 80%;
}

#right p {
	font-size:80%;
	padding-top:0;
	margin-top:0;
}
#right .testimonial {
	font-style:italic;
}

#right img.vertical_image {
	padding-left: 35px;
}

#right img.vertical_image2 {
	padding-left: 48px;
}

#right img.vertical_image3 {
	padding-left: 30px;
}



#footer {
	clear:left;
	color:#858584;
}
#footer p {
	font-size:70%;
	padding-bottom:10px;
}
.f_left {
	float:left;
	width:auto;
}
.f_right {
	float:right;
	width:auto;
}

.right_img {
	float: right;
	padding: 0 0 15px 15px;
}

/* MENU */

.menu {
	float:right;
	margin: 0px auto 20px auto;
	padding-top:1px;
	font-size:90%;
/*	text-transform:uppercase;*/
}
.menu a, .menu a:visited {
	color:#f8cd77;
}
.menu a:hover {
	color:#00ff00;
}
.menu ul li ul li a:hover {
background:#999;
	background:transparent;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
width:100%;
height:auto;
list-style-type:none;
padding:1px 0 3px 0;
margin:0px 0 0 0;
text-align:left;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
margin:0;
padding:0;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:24px;
font-size:85%;
}
/* style all the links */
.menu a, .menu :visited {
display:block;
width:auto;
padding:0px 5px;
margin:0;
text-decoration:none;
text-align:left;
}
/* style the links hover */
.menu ul li :hover{


}
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:140px;
height:0;
margin:0 0 0 0;
padding:5px 0 0 0;
background:transparent;
}

.menu ul li ul {
background:transparent;
}
.menu ul li ul li {
	margin:0;
	padding:0;

background:#555;
}

#content .menu ul ul li :hover{

background:#999;

}

.menu .lower {
	padding:5px;
	width:130px;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* SEARCH FORM AND RESULTS */
#search_results {
	color: #FFFFFF;
	padding-top: 100px;
}

#wrapper #content dl dd span.o_normal, #wrapper #content span.o_normal {
	color: #FFFFFF;
}

#wrapper #content dl dt a:link span.o_normal {
	color: #f8cd77;
}

#wrapper #content dl dt a:visited span.o_normal {
	color: #fdd23f;
}

.b_normal {
	font-size:12px;
	color:#ffffff;
	font-family:Verdana,Arial,Helvetica
}

.no_print {
 	visibility:visible
 }
 
.print_only, #wrapper #header .print_only {
	visibility:hidden;
}

/************* CSS for social media links ***********/

#header_logo {
	width:450px;
	float:left;
}
#socials {
	float:left;
	margin-top:45px;
	position: relative;
	left:313px;
}
#socials img {
	padding: 0px;
	margin: 0px;
	border: 0;
}
#navlist {
	position:relative;
}
#navlist li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#navlist li, #navlist a {
	height:24px;
	display:block;
}
#social-left {
	left:0px;
	width:7px;
	background:url('../images/left.jpg') 0 0;
}

#spacer {
	left: 7px;	
	width:18px;
	background:url('../images/flickr-temp.jpg') 36px 0;
}

#fb {
	left:7px;
	/*TEMP*/ left:25px;
	width:36px;
}
#fb {
	background:url('../images/fb-colour.jpg') 36px 0;
}
#twitter {
	left:43px;
	/*TEMP*/ left:61px;
	width:36px;
}
#twitter {
	background:url('../images/twitter-colour.jpg') 36px 0;
}
#youtube {
	left:79px;
	/*TEMP*/ left:97px;
	width:36px;
}
#youtube {
	background:url('../images/youtube-colour.jpg') 36px 0;
}
#rss {
	left:115px;
	/*TEMP*/ left:133px;
	width:36px;
}
#rss {
	background:url('../images/rss-colour.jpg') 36px 0;
}
#flickr {
	left:151px;
	/*TEMP*/ left:169px;
	width:18px;
}
#flickr {
	background:url('../images/flickr-temp.jpg') 36px 0;
}
#social-right {
	left:187px;
	width:16px;
	background:url('../images/right.jpg') 0 0;
}
#fb a:hover {
	background: url('../images/fb-colour.jpg') 0 0;
}
#twitter a:hover {
	background: url('../images/twitter-colour.jpg') 0 0;
}
#youtube a:hover {
	background: url('../images/youtube-colour.jpg') 0 0;
}
#rss a:hover {
	background: url('../images/rss-colour.jpg') 0 0;
}
#flickr a:hover {
	background: url('../images/flickr-temp.jpg') 0 0;
}
/* ie6 needs his fix*/ 
 a:hover {
	zoom:1;
}