/*
* core.css

*/

/** General  **/

body
{
background-color: #fff;
color: #333;
font: 100% Verdana,Tahoma,Arial,sans-serif;
margin: 0;
text-align: center;
}

/**  Basic Styles  **/

form,fieldset
{
border: none;
line-height: 1em;
}

.contactleft
{
width: 25%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 5px 0;
}

.contactright
{
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 5px 0;
}

input
{
border: 1px solid #ccc;
}

textarea
{
background: #fff url(/graphics/gradient2.png) bottom left repeat-x;
border: 1px solid #ccc;
}

blockquote
{
background: url(/graphics/quote_open.gif) top left no-repeat;
margin: 10px 0;
}
blockquote p
{
padding: 10px 30px;
margin: 0;
}
blockquote .final
{
background: url(/graphics/quote_close.gif) bottom right no-repeat;
}

table
{
border: none;
font-size: 0.8em;
width: 100%;
}
caption
{
border-bottom: 1px solid #666;
border-top: 1px solid #666;
padding: 5px 0;
margin: 5px 0;
}
td,th
{
margin: 1px;
border: 1px solid #666;
}

/**  Classes   **/

.clear
{
clear: both;
}

.left
{
float: left;
margin: 10px;
}

.right
{
float: right;
margin: 10px;
}

/** Main Layout **/

#inner
{


}

#container
{
text-align: left;
margin: 10px 20px;
}
#header
{
background:  url(/graphics/corner_br.gif) bottom right no-repeat;
border-bottom: 20px solid #fff;
color: red;

}
#header h1
{
background: url(/graphics/corner_tl.gif) top left no-repeat;
font-size: 3em;
margin: 0;
text-align: center;
}
#header h1 span
{
background: url(/graphics/corner_tr.gif) top right no-repeat;
display: block;
padding-top: 20px;
}
#header p,#header ul
{
background: url(/graphics/corner_bl.gif) bottom left no-repeat;
margin: 0;
padding: 0 10px 20px 0;
text-align: right;
}
#header li
{
display: inline;
list-style: none;
}
#nav
{
background: #eee url(/graphics/corner_br.gif) bottom right no-repeat;
border-bottom: 20px solid #FFF;
color: white;
padding: 0 0 20px;
float: left;
width: 160px;
}





#nav .first, #members .first
{
background: url(/graphics/corner_tl.gif) top left no-repeat;
margin: 0;
}


#nav .first span, #members .first span
{
background: url(/graphics/corner_tr.gif) top right no-repeat;
display: block;
padding-top: 20px;
}
#nav h2, #members
{
text-align: center;
}
#extra, #contact, #members
{
background: #eee url(/graphics/corner_bl.gif) bottom left no-repeat;
border-bottom: 20px solid #FFF;
color: #222;
padding: 0 0 20px;
clear: left;
float: left;
width: 160px;
}
#extra .first, #contact .first
{
background: url(/graphics/corner_tl.gif) top left no-repeat;
margin: 0;
}
#extra .first span, #contact .first span
{
background: url(/graphics/corner_tr.gif) top right no-repeat;
display: block;
padding-top: 20px;
}
#extra h2
{
margin: 0 10px;
text-align: center;
}
#extra p
{
margin: 10px;
}
#content
{
background: #ddd url(../graphics/corner_bl_alt.gif) bottom left no-repeat;
border-bottom: 20px solid #FFF;
color: #000;
padding: 20px 20px 70px;
margin: 0;
}
#content .first
{
background: url(../graphics/corner_tl.gif) top left no-repeat;
margin: -20px -20px 0;
}
#content .first span
{
background: url(../graphics/corner_tr.gif) top right no-repeat;
display: block;
padding: 20px 0 0 20px;
}
#content h2
{
text-align: center;
}
#content h3,#content h4,#content h5,#content h6
{
text-align:left;
}
#footer
{
background: #eee url(/graphics/corner_br.gif) bottom right no-repeat;
border-bottom: 20px solid #FFF;
color: #333;
font-size: 0.8em;
text-align: center;
clear: both;
}
#footer p
{
background: url(/graphics/corner_tl.gif) top left no-repeat;
margin: 0;
}
#footer p span
{
background: url(/graphics/corner_tr.gif) top right no-repeat;
display: block;
padding: 20px 0 10px 0;
}

/** Link Colours **/
a,a:link,a:visited,a:hover,a:active
{
color: #039;
}
a:hover,a:focus,a:active
{
background-color: #039;
color: #fff;
text-decoration: none;
}

div.leftcol {position:relative; float:left; margin-bottom:1em; width:18%;}
div.rightcol {position:relative; float:right; margin-bottom:1em; width:78%; padding:0 1em; text-align:left;}