/*

Style Name: The Friends Centre

Theme URI: 

Description: 

Version: Alpha 0.7

Date: 07 June 2008

Author: Phil Bartholomew



Licence: Copyright etc

*/


/*

=Palette
#66cc33 - green
#666666 - grey (text)
#cccccc - grey (borders)
*/





/*

=Global Reset

-------------------------------------------------------------------*/

        

* { padding:0; margin:0}

address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal}

address {font-style:normal}



abbr,acronym, img,a img,:link img,:visited img {border:0}

body {font-size: 86%}

caption,th { text-align:left} 

fieldset {padding: .5em}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table  {margin:1em 5%}


:link,:visited {text-decoration:none}

select {min-width: 1.5em}

select optgroup { margin-left: 2%}

select optgroup option {margin-left: 10%}

table {border-collapse:collapse; border-spacing:0 } 

#content-right img {padding: 5px}

#content-right img a {border: 5px solid white}

#content-right img a:hover {border: 5px solid #999999}
   
.page-list {list-style: inside}

.border-bottom {border-bottom: 1px solid #cccccc}

.border {border: 1px solid #cccccc}

td, th {padding: 3px}

/*

=Layout------------- */





body {text-align: center; background: #eeeeee url(../images/bg.jpg) repeat-x} /*IE hack */

#page {background: url(../images/sidebar-bg.jpg) repeat-y; width: 800px; margin: 0 auto 0 auto; text-align: left}

#header {width: 800px; height: 125px; background: #fff} 

  div.title {width: 800px; height: 125px; background: url(../images/title3.jpg) no-repeat; float: left}
 
  
  div.bottom-logos {width:620px;}
  
  div.logo-left  { float:left; width: 300px; height: 50px; padding-bottom:50px;}
  div.logo-right { float:right; width: 100px; height: 50px; padding-right:40px;}
  
  

#contact {height: 19px; background: url(../images/corners-top.jpg) no-repeat top; text-align: left; padding-left: 10px}

 .contact {font-size: 0.9em; color: #000; padding-top: 10px}

#banner {height: 150px; margin-left: 5px}

#sidebar {width:175px; float: left; padding-bottom:10px;}

#content-right {width: 620px; float: right; text-align: left}



#footer {width: 800px; height: 35px; background: url(../images/corners-bottom.jpg) no-repeat top; margin: 0 auto 0 auto; padding-top: 5px; text-align: left}

#footer p {padding-left: 0; margin-left: 0; font-size: 0.8em}



#logo {float:right; margin-right:15px;}

.clear {clear: both; margin: 0; padding: 0}   


#contact-form {margin-left: 32px;}

#contact-form p {margin-left: 0; color: #068d75; font-weight: bold; }

form table p { font-size: 1.2em;}
        
/* Menu */


.menu{
list-style-type: none;
margin: 10px 0 10px 5px;
padding: 0;
width: 174px;
text-align: left;
border-bottom-width: 0;
}

.menu li a{
background: url(../images/menu-bg.jpg);
font: 1em  Arial, Helvetica, sans-serif;
display: block;
width: auto;
padding: 8px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: #cccccc 1px solid;
color: #000;
}


* html .menu li a{
width: 164px;
}

.menu .active{
background: url(../images/hover-v3.jpg);
color: #fff;
}

.menu li a:hover{
background: url(../images/hover-v3.jpg);
color: #fff;
text-decoration: none
}



.sub-menu {
list-style: none;
margin: 3px 0 3px 13px;
padding: 0;
width: 160px;
text-align: left;
}

.sub-menu li a{
background: none;
list-style: none;
font:  0.8em  Arial, Helvetica, sans-serif;
display: block;
width: 160px;
padding: 2px 0;
padding-left: 0px;
text-decoration: none;
color: #000;
border: 0
}

.sub-menu .active{
background: none;
color: #068d75
}

.sub-menu li a:hover{
background: none;
color: #068d75;
text-decoration: none
}

.border-top {border-top: #cccccc 1px solid}

/* Font stack */

        



body {font-family: Arial, Helvetica, sans-serif}



h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; color: #068d75; font-weight:normal }

h1 {font-size: 1.8em}

h2 {font-size: 1.4em; border-top:1px solid #BEBEBE; padding-top:10px;}

h2.quote{color:#666666}

h3 {font-size: 1.2em;}

p {font-size: 1em; color: #000000}

.inset-paragraph {
padding-left: 30px;
}

li {font-size: 1em; color: #000000}

td {font-size: 1em; color: #000000}

th {font-weight: bold; color: #fff}

a {color: #068d75}

a:hover {text-decoration: underline; color: #068d75}

.turquoise {color: #068d75}

code,textarea {font-family: 'Courier New', 'Courier', 'Monospace', Sans-Serif}

#commentlist li .counter {font-family:'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif}



pre {font-family: monospace, Sans-Serif}

em {font-style: italic}




/* Other */

td {padding: 3px}

.quote {font-weight: bold; color: #068d75; font-style: italic}

.rightimage{
float:right;
padding:0;
margin-left:10px;
margin-right:10px;
margin-top:5px;
}
.leftimage{
float:left;
margin-left:20px;
margin-right:20px;
margin-top:15px;
}
.gallery{
margin:0;
margin-right:10px;
}

.fringetimetable{
margin-left:20px;
}