/**************************************/
/* GEOMETRY */

/* Fixed-width, centred layout */
body {
text-align: center; /* centre wrapper - IE */
}
#wrapper {
margin: 0 auto; /* centre wrapper - Non-IE */
text-align: left; /* but don't centre contents */
}

/* Layout size, margin & padding */
/* Padding comes outside width! */
body {
margin: 0;
}
#wrapper {
padding: 0;
width: 950px;
}
#header {
margin: 0;
padding: 10px 10px 0 10px;
width: 930px;
}
#sitename {
margin: 10px 0 2px 0;
}
#byline {
margin: 0;
}
#navigation {
margin: 10px 0 0 0;
padding: 10px 0;
}
#mainbody {
padding: 10px;
width: 930px;
}
#mainbody *:first-child {
margin-top : 0;
}
#slogan {
margin: 30px 0 0 0;
}
#footer {
margin: 0 10px 10px 10px;
padding: 10px;
padding-top: 20px;
width: 910px;
}
/*#header-left,
#header-right,
#sitename,
#byline,
#contact,
#snowcontrol {
border: 1px solid pink;
}*/

/* Text geometry */
#header,
#navigation,
#slogan,
#footer {
text-align: center;
}
#sitename {
font-size: 28px;
}
#byline,
h1 {
font-size: 22px;
}
h2 {
font-size: 20px;
margin: 0 0 0.1em 0;
/*margin-bottom: 0;
padding-bottom: 0;*/
}
p {
margin-top: 0;
}
#mainbody {
font-size: 0.9em;
}
#footer {
font-size: 0.8em;
}

/* General floats */
.floatleft {
float: left;
margin: 0 10px 5px 0;
}
.floatright {
float: right;
margin: 0 0 5px 10px;
}


/**************************************/
/* COLOUR & BACKGROUNDS */

/* COLOUR, BACKGROUND & BORDERS */

.silver {		color: #ddd; }
.grey {			color: #666; }
.darkgrey {	color: #333; }
.darkred {	color: #c00; }

body {
background-color: #ddd;
color: #666;
}
#wrapper { 
background-color: white;
}
#header {
background-image:   url("../GRAPHICS/header-bg.png");
background-position: top left;
background-repeat: repeat-x;
color: #333;
}
#slogan {
color: #ddd;
}
h1,h2,h3,h4,h5,h6 {
color: black;
}
a {
color: #c00;
font-weight: bold;
}
#footer {
background-image:   url("../GRAPHICS/footer-bg.png");
background-position: top left;
background-repeat: repeat-x;
}

/**************************************/
/* FONTS */

body {
font-family: Arial, Helvetica, sans-serif;
}
#sitename,
#byline,
#navigation,
#slogan,
#footer,
h1, h2, h3, h4, h5, h6 {
font-family: Garamond, Georgia, "Times New Roman", Times, serif;
}

/**************************************/
/* NAVIGATION */

/* SON OF SUCKERFISH Dropdown Navigation */
/* by Patrick Griffiths & Dan Webb */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */
/* Edited to allow other widths */
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation a {
display: block;
} 
#navigation li {
float: left;
}
#navigation li ul {
left: -999em; 
position: absolute;
/* width: 100%; This default is overridden in html */
} 
#navigation li:hover ul,
#navigation li.sfhover ul {
left: auto;
}
#navigation li ul li {
float: none; /* Keep 2nd level menu vertical */
}
/* END SON OF SUCKERFISH */

/* Clear navigation float */
#mainbody {
clear: right; 
}

/* IE6/7 BUGFIX - gap between list items */
/* http://phonophunk.com/articles/ie-fix-for-gaps-between-list-items.php#altmethod1 */
ul li { display: inline; }
/* END IE6/7 BUGFIX */

/* DIV STRETCH - make div as large as floated items */
/* http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
#navigation {
overflow: auto; 
}
/* END DIV STRETCH */


/**************************************/
/* NAVIGATION STYLING */

/* Menu items */
/* Styling <a> rather than <li> gives better results */
#navigation a {
background-image: url(../GRAPHICS/logo-v.png);
background-position: top left;
background-repeat: repeat-y;
/*border: 1px solid pink;*/
color: #333;
font-weight: bold;
height: 36px;
padding: 0 0 0 10px;
text-align: center;
text-decoration: none;
}
#navigation li#home a {
background: none;
}
#navigation li:hover a, 
#navigation li.sfhover a {
}
#navigation li:hover a:hover { 
color: #c00;
}
/* Primary menu items */
#navigation>ul>li>a {
font-size: 16px;
}
/* Secondary menu items */
#navigation ul li ul li a {
background-color: #0CC;
border-top: 1px solid white;
color: white;
font-size: 12px;
padding: 4px 14px;
}

/**************************************/
/* SPECIALS */

blockquote {
color: #c00;
display: block;
font-size: 16px;
font-style: italic;
font-weight: bold;
line-height: 120%;
}

#slogan {
clear:  both;
}

#slogan img {
margin: 0 5px -5px 5px;
}

.rh {
font-weight: bold;
text-align: left;
vertical-align: top;
}