/*----------------------------------------
Site Name: Youth Volunteering Warrington
Site URL: http://www.monkeyrun.co.uk/
Description: Youth Volunteering Warringtons online presence
Author: Callum Ashton
Email: Callum@monkeyrun.co.uk
Author URL: http://www.gotwarrior.co.uk/callum
----------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

body
{
height:auto;
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
line-height:20px;
background-image: url(Images/backgrroundmain.jpg);
background-repeat: repeat;
background-attachment: fixed;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:0px;
}

/*----------------------------------------
HEADER PROPERTIES
----------------------------------------*/

#header
{
background-image: url(Images/head-banner4.png);
background-position: center;
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
width:1268px;
height:280px;
text-align:center;
}

#header h1
{
visibility:hidden;
}

/*----------------------------------------
NAVIGATION
----------------------------------------*/

#menu
{ 
list-style:none;
width:823px;
height:50px;
margin-left:243px;
margin-right:243px;
}

#menu li
{ 

/*Hack for IE and Mozilla*/

display:-moz-inline-stack;
display:inline-block;
zoom:1;
display:inline\9;
}

#menu li a
{
width:auto;
text-decoration: none;
color:#000000;
}

#menu ul
{
list-style: none;
}

/*----------------------------------------
NAVIGATION BUTTONS
----------------------------------------*/

#link1
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link1.jpg);
background-repeat: repeat-x;
height:38px;
width:72px;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;
}

#link2
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link2.jpg);
background-repeat: repeat-x;
height:38px;
width:72px;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;
}


#link3
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link3.jpg);
background-repeat: repeat-x;
height:38px;
width:auto;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;
}


#link4
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link4.jpg);
background-repeat: repeat-x;
height:38px;
width:73px;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;
}


#link5
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link5.jpg);
background-repeat: repeat-x;
height:38px;
width:72px;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;
}


#link6
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link6.jpg);
background-repeat: repeat-x;
height:38px;
width:73px;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;
}


#link7
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link7.jpg);
background-repeat: repeat-x;
height:38px;
width:72px;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;
}


#link8
{
text-align:center;
font-size:13px;
background-image: url(Images/menu/link8.jpg);
background-repeat: repeat-x;
height:38px;
width:72px;
padding-left:15px;
padding-right:15px;
padding-top:12px;
margin-right:-4px;

/*IE Hack*/
margin-right:1px\9;

/*IE Hack*/
width:65px\9;
}

/*----------------------------------------
COLOURED BORDER USED ON EACH PAGE
----------------------------------------*/

#navigationborder1
{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #46D1FC;
border-bottom:1px solid #46D1FC;
background-image:url(Images/menu/link1.jpg);
}

#navigationborder2
{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #F95A0E;
border-bottom:1px solid #F95A0E;
background-image:url(Images/menu/link2.jpg);
}

#navigationborder3
{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #FF2120;
border-bottom:1px solid #FF2120;
background-image:url(Images/menu/link3.jpg);
}

#navigationborder4
{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #5BFF15;
border-bottom:1px solid #5BFF15;
background-image:url(Images/menu/link4.jpg);
}

#navigationborder5
{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #AA07FE;
border-bottom:1px solid #AA07FE;
background-image:url(Images/menu/link5.jpg);
}

#navigationborder6
{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #FFD90C;
border-bottom:1px solid #FFD90C;
background-image:url(Images/menu/link6.jpg);
}

#navigationborder7
{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #FA128C;
border-bottom:1px solid #FA128C;
background-image:url(Images/menu/link7.jpg);
}

#navigationborder8{
margin-left:-11px;
padding-left:10px;
padding-top:10px;
width:811px;
height:30px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #08FF94;
border-bottom:1px solid #08FF94;
background-image:url(Images/menu/link8.jpg);
}

/*----------------------------------------
COLOURED BORDER TEXT
----------------------------------------*/

#hometext
{
background-image: url(Images/menu/home.png);
background-repeat:no-repeat;
background-position:center;
width:80px;
height:20px;
padding-left:10px;
}

#hometext p
{
visibility:hidden;
}

#aboutustext
{
background-image: url(Images/menu/aboutus.png);
background-repeat:no-repeat;
background-position:center;
width:120px;
height:20px;
}

#aboutustext p
{
visibility:hidden;
}

#contacttext
{
margin-left:5px;
background-image: url(Images/menu/contactus.png);
background-repeat:no-repeat;
background-position:center;
width:150px;
height:20px;
}

#contacttext p
{
visibility:hidden;
}

#newstext
{
background-image: url(Images/menu/newsevents.png);
background-repeat:no-repeat;
background-position:center;
width:170px;
height:20px;
}

#newstext p
{
visibility:hidden;
}


#organisationstext
{
margin-top:-4px;
margin-left:10px;
background-image: url(Images/menu/organisations.png);
background-repeat:no-repeat;
background-position:top;
width:170px;
height:80px;
}

#organisationstext p
{
visibility:hidden;
}

#volunteerstext
{
background-image: url(Images/menu/volunteers.png);
background-repeat:no-repeat;
background-position:center;
width:170px;
height:20px;
}

#volunteerstext p
{
visibility:hidden;
}

#opportunitiestext
{
margin-top:-4px;
padding-left:15px;
background-image: url(Images/menu/opportunities.png);
background-repeat:no-repeat;
background-position:center;
width:170px;
height:30px;
}

#opportunitiestext p
{
visibility:hidden;
}

#yattext
{
background-image: url(Images/menu/yat.png);
background-repeat:no-repeat;
background-position:center;
width:80px;
height:20px;
}

#yattext p
{
visibility:hidden;
}


/*----------------------------------------
MAIN PAGE FRAMEWORK
----------------------------------------*/

#designcontainer
{
width:1268px;
margin-left:auto;
margin-right:auto;
}

#content
{
margin-top:auto;
margin-left:auto;
padding-left:20px;
padding-right:20px;
margin-right:auto;
margin-bottom:auto;
height:auto;
text-align:left;
background-image: url(Images/footer.png);
background-repeat: no-repeat;
background-position: center bottom;
width:1268px;
}

/*----------------------------------------
CONTENT TEXT PROPERTIES
----------------------------------------*/

#text
{
border-right:1px solid #000000;
border-left:1px solid #000000;
background-color:#FFFFFF;
color:#242424;
padding-right:10px;
padding-left:11px;
padding-bottom:10px;
padding-top:15px;
margin-left:auto;
margin-right:auto;
width:800px;
}

#text h2
{
font-family: Arial, Sans-Serif;
font-weight: normal;
font-size:22px;
margin-bottom:15px;
color:#242424;
margin-right:10px;
margin-left:10px;
}

#text p
{
margin-left:10px;
margin-right:10px;
margin-bottom:15px;
}

/*----------------------------------------
HOMEPAGE LAYOUT
----------------------------------------*/

#introduction
{
margin-left:8px;
margin-right:8px;
width:450px;
}

#news
{
margin-left:8px;
margin-right:8px;
}

/*----------------------------------------
BOXES CONTAINING DIFFERING ELEMENTS
----------------------------------------*/

/*----------
TOP BOX
-----------*/

#boxholdertop
{
width:330px;
height:auto;
float:right;
}

#box1
{
background-image: url(Images/boxes/box1.png);
width:320px;
height:334px;
text-align:center;
margin-right:15px;
margin-bottom:10px;
}

#box1 h3
{
visibility:hidden;
}

#box1 p
{
margin-top:30px;
font-size:12px;
margin-left:10px;
margin-right:10px;
}

/*-----------
BOTTOM BOXES
-------------*/


#boxholderbottom
{
height:260px;
width:800px;
}

#box2
{
background-image: url(Images/boxes/box2.png);
width:260px;
height:264px;
text-align:center;
float:right;
margin-left:0px;
margin-right:5px;
margin-bottom:0px;
}

#box2 h3
{
visibility:hidden;
}

#box2 p
{
margin-left:10px;
margin-right:10px;
}

#box3
{
background-image: url(Images/boxes/box3.png);
width:260px;
height:264px;
text-align:center;
float:right;
margin-left:0px;
margin-right:5px;
}

#box3 h3
{
Visibility:hidden;
}

#box3 p
{
margin-left:10px;
margin-right:10px;
}

#box4
{
background-image: url(Images/boxes/box4.png);
width:260px;
height:264px;
text-align:center;
float:left;
margin-left:5px;
margin-right:0px;
}

#box4 h3
{
Visibility:hidden;
}

#box4 p
{
height:188px;
width:245px;
margin-top:31px;
visibility:hidden;
}

#facebookimg
{
background-image: url(Images/boxes/facebook.png);
background-repeat:no-repeat;
background-position:center;
}

/*----------------------------------------
TWITTER
----------------------------------------*/

#twitter
{
margin-top:35px;
margin-left:15px;

/*IE Hack*/
margin-left:0px\9;
}

/*----------------------------------------
YOUTUBE
----------------------------------------*/

#youtube
{
margin-top:40px;
margin-left:5px;
}

/*----------------------------------------
CONTACT FORM
----------------------------------------*/

#contactform
{
width:530px;
margin-left:auto;
margin-right:auto;
}

/*----------------------------------------
LOGOS
----------------------------------------*/

#logos
{
float:right;
margin-left:20px;
margin-right:20px;
text-align:centre;
}

#logos ul
{
list-style:none;
}

#logos li
{
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-top: 1px dashed #666;
}

#logos li a
{
border-style: none;
text-decoration: none;
}

a img {
border-style: none;
}

/*----------------------------------------
LOGOS 2
----------------------------------------*/

#logos2
{
float:right;
margin-left:20px;
margin-right:20px;
text-align:centre;
}

#logos2 ul
{
list-style:none;
}

#logos2 li
{
text-align:center;
}

a img {
border-style: none;
}