@charset "utf-8";
/* Virtue Youth CSS */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:105%;
	color:#000;
	background-image:url(../images/bg-sky.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

a {color:#ff4200; text-decoration:underline;}

#wrap {
	width:740px;
	margin: 0 auto;
}

.hide {text-indent:-9000px;}

#top {
	width:740px;
	height:63px;
	margin:0;
	padding:0;
}

#logo {float:left;}

ul#nav {
	width:480px;
	height:28px;
	float:right;
	background-image:url(../images/nav.jpg);
	background-repeat:no-repeat;
	margin-top:24px;
	margin-right:4px;
}
   
ul#nav li { float:left; list-style:none; position:relative; display:inline;}  

ul#nav li span { display: none; }

ul#nav li { float:left; list-style:none; position:relative; }

ul#nav li, ul#nav a {  
     height:28px;
     display:block;  
     margin:0;  
     padding:0;  
     }  

#link-1 {width:63px; height:28px;}
#link-2 {width:94px; height:28px;}
#link-3 {width:101px; height:28px;}
#link-4 {width:114px; height:28px;}
#link-5 {width:67px; height:28px;}
#link-6 {width:34px; height:28px;}

#link-1:hover {background:url("../images/nav.jpg") -0px -28px; background-repeat:no-repeat;}
#link-2:hover {background:url("../images/nav.jpg") -63px -28px; background-repeat:no-repeat;}
#link-3:hover {background:url("../images/nav.jpg") -159px -28px; background-repeat:no-repeat;}
#link-4:hover {background:url("../images/nav.jpg") -261px -28px; background-repeat:no-repeat;}
#link-5:hover {background:url("../images/nav.jpg") -376px -28px; background-repeat:no-repeat;}
#link-6:hover {background:url("../images/nav.jpg") -444px -28px; background-repeat:no-repeat;}

#link-1.current {background:url("../images/nav.jpg") -0px -28px; background-repeat:no-repeat;}
#link-2.current {background:url("../images/nav.jpg") -65px -28px; background-repeat:no-repeat;}
#link-3.current {background:url("../images/nav.jpg") -159px -28px; background-repeat:no-repeat;}
#link-4.current {background:url("../images/nav.jpg") -262px -28px; background-repeat:no-repeat;}
#link-5.current {background:url("../images/nav.jpg") -376px -28px; background-repeat:no-repeat;}
#link-6.current {background:url("../images/nav.jpg") -440px -28px; background-repeat:no-repeat;}

#header {
	width:780px;
	height:450px;
	text-indent:-9000px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

#content-who-are-we {
	width:740px;
	height:320px;
}

#content-why-vy {
	width:740px;
	height:600px;
}

#content-recovery {
	width:740px;
	height:545px;
	font-size:12px;
}

#content-recovery ul {list-style:url(../images/bullet.jpg); padding-left:15px; line-height:20px;}
#content-recovery ol {line-height:20px;}
#content-recovery h3 {font-size:14px; margin-top:10px;}

#content-what-is-mentoring {
	width:740px;
	height:710px;
	font-size:12px;
}

#content-get-involved {
	width:740px;
	height:400px;
	font-size:12px;
}

ul#get-involved-contact {
	font-size:11px;
	margin-top:20px;
	padding-left:25px;
	background-image:url(../images/contact-icons.jpg);
	background-repeat:no-repeat;
}

#left{width:320px; float:left; padding:0 60px 0 0; 	font-size:12px;}
#right {width:360px; float:left; font-size:12px;}

h2#our-vision {width:320px; height:50px; background-image:url(../images/our-vision.jpg);}
h2#our-vision span {display:none; text-indent:-9000px;}

h2#our-mission {width:320px; height:50px; background-image:url(../images/our-mission.jpg);}
h2#our-mission span {display:none; text-indent:-9000px;}

h2#engagement {width:320px; height:50px; background-image:url(../images/engagement.jpg);}
h2#engagement span {display:none; text-indent:-9000px;}

.spacer {width:740px; height:1px; margin:20px 0 0 0; background-image:url(../images/spacer.jpg); background-repeat:no-repeat;}

#bio-pic {width:300px; float:left;}

h2#bio { width:440px; height:55px; float:left; background-image:url(../images/bio.jpg);}
h2#bio span {display:none; text-indent:-9000px;}

h2#personal-thoughts { width:440px; height:40px; float:right; background-image:url(../images/personal-thoughts.jpg);}
h2#personal-thoughts span {display:none; text-indent:-9000px;}

h2#why-vy { width:320px; height:50px; background-image:url(../images/why-vw.jpg);}
h2#why-vy span {display:none; text-indent:-9000px;}

h2#activities { width:360px; height:50px; background-image:url(../images/activities.jpg);}
h2#activities span {display:none; text-indent:-9000px;}

h2#engagement-activities { width:131px; height:17px; float:left; background-image:url(../images/engagement-activities.jpg);}
h2#engagement-activities span {display:none; text-indent:-9000px;}

h2#group-work { width:74px; height:17px; float:left; background-image:url(../images/group-work.jpg);}
h2#group-work span {display:none; text-indent:-9000px;}

h2#counselling { width:129px; height:15px; float:left; background-image:url(../images/counselling.jpg);}
h2#counselling span {display:none; text-indent:-9000px;}

h2#recovery { width:320px; height:51px; background-image:url(../images/recovery.jpg); background-repeat:no-repeat;}
h2#recovery span {display:none; text-indent:-9000px;}

h2#how-recovery { width:320px; height:41px; background-image:url(../images/how-recovery.jpg); background-repeat:no-repeat; margin-top:10px;}
h2#how-recovery span {display:none; text-indent:-9000px;}

h2#what-is-mentoring { width:320px; height:51px; background-image:url(../images/what-is-mentoring.jpg); background-repeat:no-repeat;}
h2#what-is-mentoring span {display:none; text-indent:-9000px;}

h2#mentoring-help { width:321px; height:34px; background-image:url(../images/mentoring-help.jpg); background-repeat:no-repeat;}
h2#mentoring-help span {display:none; text-indent:-9000px;}

h2#mentorship-programme { width:335px; height:42px; background-image:url(../images/mentorship-programme.jpg); background-repeat:no-repeat; margin:10px 0 0 0;}
h2#mentorship-programme span {display:none; text-indent:-9000px;}

h2#get-involved { width:320px; height:51px; background-image:url(../images/mentorship-programme.jpg); background-repeat:no-repeat; margin:10px 0 0 0;}
h2#get-involved span {display:none; text-indent:-9000px;}

#content-bottom {
	width:740px;
	font-size:70%;
}

#content-bottom p, #content-bottom ul {width:440px; margin: 0 0 0 300px;}
#content-bottom ul {list-style:url(../images/bullet.jpg); width:436px; padding-left:14px;}

#footer {
	width:740px;
	height:80px;
	margin: 10px 0 0 0;
	font-size:70%;
	line-height:110%;
}
#small-logo {float:left; margin-right:30px;}
#mini-nav {float:left; margin-right:30px; list-style:url(../images/bullet.jpg);}
#mini-nav li a {text-decoration:none; color:#000;}
#mini-nav li a:hover {text-decoration:underline; color:#333;}
#address {float:left; margin-right:30px; padding-left:15px; background-image:url(../images/address.jpg); background-repeat:no-repeat;}
#contact {float:left; margin-right:30px; padding-left:15px; background-image:url(../images/contact.jpg); background-repeat:no-repeat;}
#twitter {float:right;}

p#copy {float:right; font-size:65%; color:#999;}

.loader {
	
}

.bar{
	display:none;	
	background: url('ajax-loader.gif') no-repeat;
	margin-left:20px;
	margin-top:50px;
	height:20px;
	width: 230px;
}

#contactForm{
	float:left;	
 	position:relative;
	background-color: #fdfdfd;	
	height: 200px;
}

#container {
	padding:20px;
 	float:left;	
 	position:relative;
 	height: 200px;
 	 width: 100px;
}