/*
CSS for West Surrey Mental Health Fair
*/

* {
margin:0;
padding:0;
}


body{
margin: 0;
background:#e2fff4;
margin: 0;
font-family:"arial", helvetica, sans-serif;}

#wrapper {
margin-top:0;
width:980px;
margin-left:auto;
margin-right:auto;
background-image:url(images/shadow2.png);}

#header {
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0;
background-color:#FFFFFF;
border-bottom:2px solid #125179;}

#header h1{
font-size:26pt;
margin-top:20px;
margin-left:30px;
width:330px;
font-family:"arial", helvetica, sans-serif;
line-height:130%;
}

#header h2{
margin-left:30px;
margin-top:20px;
font-size:14pt;
color:#002536;
padding-bottom:30px;
}

#header a{
text-decoration:none;
display:block;
cursor:pointer;
color:#125179;}


#headlogos{
float:right;
width:400px;
margin-right:20px;
}

#headlogos img{
float:right;
}

#nhslog{
border:none;
}

#topch{
border:none;
float:right;
margin-top:35px;
margin-bottom:20px;}

#llp{
border:solid 1px #517199;
float:right;
margin-top:30px;}

#container{
position:relative;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:230px;
margin-left:auto;
margin-right:auto;
}

#containerind{
position:relative;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:275px;
margin-left:auto;
margin-right:auto;
}

#containerex{
position:relative;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:230px;
margin-left:auto;
margin-right:auto;
}

#containerloc{
position:relative;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:230px;
margin-left:auto;
margin-right:auto;
}


#menu{
float:left;
width:180px;
margin: 15px 0 25px 0;
text-align:left;
padding:0;
height:auto;
}

#menu ul{ 
margin:0 0 0 23px; 
padding:0; 
list-style-type:none; 
font-weight:bold; 
font-size:13px; 
display:block; 
}

#menu ul li { 
margin: 0; 
padding: 0; 
display:block; 
height:30px; 
width:148px }


#menu ul li .current{
background:url(images/green1.png) no-repeat;
color:#fff;}
 

#menu ul span li a{
color:#fff; 
background:url(images/green1.png) no-repeat; 
}

#menu ul li a { 
color:#125179;
width:100%; 
padding:8px 10px 8px 10px; 
height:14px;  
text-decoration:none; 
margin:0 ; 
background:url(images/bt-grey.png) no-repeat; 
display:block; 
float:left
}  

#menu ul li a:hover { 
color:#ffffff;
background:url(images/green1.png) no-repeat; 
}

#bformsmall{
margin-left:21px;
margin-top:5px;
border:none;}

#sccprg{
float:left;
display:block;
margin-top:10px;
margin-left:35px;
border:solid 2px #002536;
}

#scccont{
float:left;
display:block;
margin-top:10px;
margin-left:25px;
border:solid 2px #002536;
}

#intro{
float:left;
width:375px;
margin-top:15px;
font-size:13px;
color:#125179;
line-height:150%;
letter-spacing:1px;
height:160px;
margin-right:20px;
border:solid 2px #a91919;
padding:15px;
background-color:#ffffff;}

#introind{
float:left;
width:375px;
margin-top:15px;
font-size:13px;
color:#125179;
line-height:150%;
letter-spacing:1px;
height:210px;
margin-right:20px;
border:solid 2px #a91919;
padding:15px;
background-color:#ffffff;}

#intro a{
border:none;
color:#18a3f8;
}

#intro a:hover{
color:#bc090a;
}

#introind a{
color:#18a3f8;
}

#introind a:hover{
color:#bc090a;
}

#introind img{
margin-top:4px;
border:none;
width:113px;
height:34px;
}

#flyer{
margin-left:7px;
}

#introtwo ul{
padding-top:10px;
list-style-type:none;
text-align:center;
font-size:11pt;
}

#image{
width:277px;
height:194px;
float:left;
margin-top:15px;
border:solid 3px #a9d6f2;
}

#imagens{
width:277px;
height:228px;
float:left;
margin-top:15px;
border:solid 3px #a9d6f2;
}

#containertwo{
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:385px;
margin-left:auto;
margin-right:auto;
}


#logo{
float:left;
margin-top:15px;
margin-left:10px;
width:135px;
height:360px;
}

#logobro{
float:left;
margin-top:15px;
margin-left:10px;
width:135px;
height:150px;
}

#exch{
border:2px solid #125179;
padding:5px;
background-color:#ffffff;
}

#exlogo{
border:2px solid #9acef0;
margin-top:5px;
}

#chlogo{
padding:5px;
background-color:#ffffff;
border:solid 2px #125179;
}

#chlogoprog{
padding:5px;
background-color:#ffffff;
border:solid 2px #125179;
margin-top:20px;
margin-left:20px;}

#slog{
float:left;
border:solid 2px #002536;
background-color:#ffffff;
}

#introtwo{
float:left;
width:520px;
margin-top:15px;
margin-left:20px;
font-size:13px;
color:#125179;
line-height:150%;
letter-spacing:1px;
height:310px;
margin-right:10px;
padding:20px;
background-color:#ffffff;
border:solid 2px #e6e354;}


#introtwo a{
color:#bc090a;
}

#introtwo a:hover{
color:#18a3f8;
}

#containertwoex{
clear:both;
padding-top:15px;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:630px;
margin-left:auto;
margin-right:auto;
}

#exhibitors{
width:890px;
margin-left:10px;
font-size:13px;
color:#125179;
line-height:170%;
letter-spacing:1px;
height:595px;
background-color:#ffffff;
border:solid 2px #e6e354;
padding-bottom:20px;}

#exhib{
width:889px;
color:#01614c; 
font-size:16pt;
text-align:center;
display:block;
padding-top:20px;
padding-bottom:20px;
font-weight:bold;
text-decoration:underline;}

#exhibitors li a{
text-decoration:none;
color:#125179;
font-size:13px;}

#exhibitors li a:hover{
color:#bc090a;
text-decoration:underline;
}

#leftlist{
display:block;
float:left;
width:360px;
height:430px;
margin-right:10px;

margin-left:20px;}

#leftlist ul{
float:left;
width:360px;
list-style-type:none;}

#rightlist{
height:330px;
width:380px;
float:right;
}

#rightlist ul{
list-style-type:none;
}



#containertwoloc{
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:455px;
margin-left:auto;
margin-right:auto;
}


#introtwoloc{
float:left;
width:690px;
margin-top:15px;
margin-left:15px;
font-size:13px;
color:#002536;
line-height:150%;
letter-spacing:1px;
height:390px;
margin-right:10px;
padding:15px;
background-color:#ffffff;
border:solid 2px #e8d723;}

#locimage{
float:left;
width:265px;
margin-left:10px;
}

#hg{
margin-top:15px;
margin-bottom:10px;
border:solid 2px #c80000;}

#ll{
border:solid 2px #002536;
margin-top:10px;
margin-left:5px;
}

#containerthreeloc{
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:695px;
margin-left:auto;
margin-right:auto;
}

#introthreeloc{
float:left;
width:610px;
margin-left:20px;
margin-top:15px;
margin-right:-10px;
height:615px;
background-color:#ffffff;
font-size:13px;
letter-spacing:1px;
padding:20px;
color:#125179;
border:solid 2px #9acef0;}

#introthreeloc h3{
color:#a91919;
font-size:12pt;}

#introthreeloc ul{
width:580px;
margin-left:10px;
list-style-type:circle;}

#introthreeloc ul li{
margin-left:20px;
}

#locsll{
margin-top:20px;
margin-left:15px;
border:2px solid #125179;
}

#containertwobrook{
clear:both;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:365px;
margin-left:auto;
margin-right:auto;
}


#containerprog{
position:relative;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:605px;
margin-left:auto;
margin-right:auto;
}


#introprog{
float:left;
margin-top:15px;
width:390px;
margin-right:30px;
padding-left:25px;
}

#midprog{
height:590px;
margin-left:10px;
margin-top:15px;
width:550px;
float:left;
margin-right:30px;
}

#containerprogtwo{
position:relative;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:285px;
margin-left:auto;
margin-right:auto;
}

#timetable{
margin-top:20px;
margin-left:30px;
width:620px;
float:left;
font-size:14px;
color:#125179;
letter-spacing:1px;
height:420px;
padding-top:20px;
padding-left:30px;
padding-right:20px;
padding-bottom:30px;
background-color:#ffffff;
border:solid 2px #e6e354;
}

.progtitle{
color:#1b79b4;
font-weight:bold;
font-size:16px;
}

#pals{
margin-left:20px;
margin-top:20px;
float:left;
border:solid 2px #9acef0;
}

.time{
color:#01614c;
font-weight:bold;
font-size:16px;
}

#llprog{
border:solid 2px #002536;
margin-left:40px;
margin-top:25px;
width:200px;
height:50px;}

#alphaprog{
width:140px;
float:left;
margin-top:10px;
margin-left:20px;
border:solid 2px #9acef0;}

#alphaloc{
width:140px;
float:left;
margin-top:5px;
margin-left:20px;
border:solid 2px #9acef0;}

#ads{
width:125px;
margin-left:30px;
margin-top:15px;
float:left;}

#adprog{
display:block;
width:150px;
height:300px;
float:left;}

#photoprog{
display:block;
width:250px;
height:250px;
float:left;
}

#brookwood{
width:660px;
margin-left:20px;
font-size:13px;
color:#125179;
line-height:170%;
letter-spacing:1px;
height:325px;
background-color:#ffffff;
border:solid 2px #e8d723;
float:left;
margin-top:15px;
}


#brookwood img{
float:left;
margin:15px;
border:1px solid #002536;}


#brookwood p{
padding:10px;
}

#logobrook{
width:125px;
}

#logobrooktwo img{
padding-right:20px;
float:left;
}

#logobrook img{
float:left;
padding:20px;
}

#brookthree{
float:left;
border:solid 2px #c0ffe7;
width:380px;
height:240px;
background-color:#ffffff;
margin-left:15px;
margin-top:15px;
}

#brookthree img{
margin:10px;
border:1px solid #002536;}


#llad{
float:left;
margin-left:20px;
}

#scc{
float:right;
margin-top:10px;
border:solid 2px #002536;
margin-right:70px;
}

#llpbrook{
border:solid 1px #125179;
margin-top:20px;
margin-left:10px;}

#alphabrook{
width:135px;
height:259px;
float:left;
margin-left:10px;
border:solid 2px #e8d723;}

#logoright{
position:relative;
float:left;
width:160px;
margin-top:15px;
margin-right:10px;}

#alphacont{
border:solid 2px #c0ffe7;
}

#alphacontone{
width:140px;
margin-left:20px;
border:solid 2px #9acef0;
}

#llpcont{
border:solid 1px #125179;
margin-left:30px;
margin-top:10px;
}

#containerthree{
margin-top:10px;
width:890px;
background-color:#e7e7e7;
height:415px;
margin-left:auto;
margin-right:auto;
}

#leftcont{
height:380px;
width:620px;
float:left;
margin-right:30px;
}

#introthree{
width:570px;
margin-left:20px;
margin-top:15px;
height:325px;
background-color:#ffffff;
font-size:13px;
letter-spacing:1px;
padding:25px;
color:#125179;
border:solid 2px #a9d6f2;
line-height:160%;}

#introthree h3{
color:#a91919;
font-size:12pt;}

#introthree img{
border:none;
vertical-align:middle;
}

#sllp{
border:2px solid #125179;
margin-top:15px;
margin-left:8px;
}

#indscc{
margin-top:5px;
float:left;
margin-left:10px;
border:solid 2px #b9b61b;
}


#introthree a{
color:#ac0809;
}

#introthree a:hover{
color:#18a3f8;
}

.book{
text-decoration:none;
}

#links{
float:left;
width:150px;
margin-top:5px;
border:solid 2px #017259;
font-size:14px;
margin-left:14px;
padding:5px 20px 15px 20px;
background-color:#ffffff;
line-height:150%;
color:#bc090a;}

#links ul{
list-style:none;
}

#links li a{
text-decoration:none;
color:#125179;
font-size:13px;}

#links li a:hover{
color:#b9b61b;
}

#linksloc{
float:left;
width:150px;
margin-top:15px;
border:solid 2px #017259;
font-size:14px;
margin-left:14px;
padding:5px 20px 15px 20px;
background-color:#ffffff;
line-height:150%;
color:#bc090a;}

#linksloc ul{
list-style:none;
}

#linksloc li a{
text-decoration:none;
color:#125179;
font-size:13px;}

#linksloc li a:hover{
color:#b9b61b;
}

#containerthreeex{
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:425px;
margin-left:auto;
margin-right:auto;
}

#introthreeex{
float:left;
width:640px;
margin-left:20px;
margin-top:15px;
height:360px;
background-color:#ffffff;
font-size:13px;
letter-spacing:1px;
padding:10px;
color:#002536;
border:solid 2px #9acef0;}

#logoex{
border:solid 2px #002536;
float:left;
width:129px;
height:243px;
margin-left:10px;
background-color:#ffffff;}

#chex {
padding:5px;
border:none;
}

#sccex {
margin-top:10px;
padding:0px;
border:solid 2px #b9b61b;
}

#logomidex{
margin-top:10px;
float:left;
width:305px;
margin-left:15px;
margin-right:15px;
text-align:center;
}


#logomidex img{
border:2px solid #125179;
}

#logorightex{
float:left;
width:140px;
}

#logorightex img{
border:1px solid #bc090a;
margin-top:10px;
width:140px;
}

#linksex{
float:left;
width:150px;
margin-top:15px;
border:solid 2px #017259;
font-size:14px;
margin-left:10px;
padding:20px;
background-color:#ffffff;
color:#bc090a;
line-height:140%;}

#linksex ul{
list-style:none;
}

#linksex li a{
text-decoration:none;
color:#125179;
font-size:13px;}

#linksex li a:hover{
color:#b9b61b;
}

#containerthreebrook{
width:920px;
background-color:#e7e7e7;
height:300px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#containercontact{
position:relative;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:355px;
margin-left:auto;
margin-right:auto;
}

#introtwocontact{
margin-left:20px;
float:left;
width:460px;
margin-top:15px;
font-size:13px;
color:#125179;
line-height:150%;
letter-spacing:1px;
height:280px;
margin-right:20px;
padding:15px;
background-color:#ffffff;
border:solid 2px #e8d723;}

#introtwocontact ul{
list-style-type:none;
text-align:center;}

#introtwocontact a{
color:#bc090a;
}

#introtwocontact a:hover{
color:#18a3f8;
}

#imagecontact{
width:300px;
height:220px;
float:left;
margin-top:15px;
margin-left:30px;}

#alphacont{
border:solid 3px #c0ffe7;
}

#alphacontind{
border:solid 3px #c0ffe7;
width:140px;
}

#containertwocontact{
clear:both;
margin-top:10px;
width:920px;
background-color:#e7e7e7;
height:320px;
margin-left:auto;
margin-right:auto;
}

#linkscontact{
float:left;
width:370px;
margin-top:20px;
border:solid 2px #bc090a;
font-size:14px;
margin-left:15px;
padding:10px;
background-color:#ffffff;
color:#bc090a;
line-height:170%;
height:200px;
}

#linkscontact ul{
display:block;
list-style:none;
float:left;
width:690px;
}

#linkscontact .left{
float:left;
width:180px;
margin-right:10px;
}

#linkscontact .right{
margin-top:25px;
float:left;
width:180px;
}

#linkscontact li{
display:block;
width:auto;
}

#linkscontact li a{
display:block;
float:left;
text-decoration:none;
color:#125179;
font-size:13px;}

#linkscontact li a:hover{
color:#b9b61b;
}

#footer{
clear:both;
height:200px;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:25px;
background-color:#ffffff;
border-top:2px solid #125179;}

#footermenu{
font-size:13px;
margin-top:40px;
width:550px;
margin-left:auto;
margin-right:auto;
color:#88898c;
padding-bottom:60px;}

#footermenu ul{
}

#footermenu li{
display:inline;
padding-right:30px;}

#footermenu li a{
color:#88898c;
text-decoration:none;
}

#footermenu li a:hover{
text-decoration:underline;
}

#copy{
float:left;
width:530px;
padding-right:100px;
margin-left:60px;
font-size:13px;
color:#88898c;
}

#copy a{
color:#125179;
}

#copy a:hover{
color:#e82d28;
}

#marble{
width:140px;
float:left;
font-size:13px;
color:#88898c;
}

#marble a{
color:#125179;
}

#marble a:hover{
color:#e82d28;
}