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

/* Fixed-width, left layout */
#wrapper {
width: 100%;
}
.column1 {
float: left;
width: 100px;
}
.column2 {
margin-left: 110px;
margin-right: 232px;
}
.column3 {
float: right;
width: 200px;
}
/* Doesn't work 
p {
min-width: 100px;
width: 100%;
}
*/

/* Margin & padding */
body,
#wrapper,
#header,
#mainbody,
#footer {
margin: 0;
padding: 0;
}
#sitename {
margin: 0;
padding: 25px 0;
}
#byline {
margin: 10px 0;
}
#header {
height: 100px;
}
#footer {
padding-top: 5px;
}
#footer p {
padding: 5px;
}
.column3 {
padding: 10px;
}

/* Borders */
.column3 {
border: 1px solid #363;
}
 
/* Text geometry */
#header,
#footer,
th {
text-align: left;
}
#sitename { 
font-size: 40px;
}
#byline {
font-size: 0.9em;
}
#mainbody {
font-size: 0.9em;
}
#footer {
font-size: 0.75em;
}
h1 { 
font-size: 1.5em; 
margin: 0 0 0.8em 0;
}
h2 { 
font-size: 1.25em; 
margin: 0 0 0.6em 0;
}
h3 { 
font-size: 1.1em; 
margin: 0 0 0.5em 0;
}

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

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

body {
background-color: white;
color: #333;
}
#wrapper {
background-image: url(../GRAPHICS/as-bg.gif);
background-repeat: repeat-y;
}
#home,
.column1 {
background-color: #eeeed5;
}
#sitename {
color: #069;
}
.column2,
#header,
#footer,
.layout td {
border-color: #eeeed5;
}
a,
#sitename a:hover {
color: #09c;
}
a:visited {
color: #069;
}
*/
body { 
background-image:   url("../Graphics/theme/bg-top.jpg");
background-position: top left;
background-repeat: repeat-x;
}
#mainbody { 
background-image:   url("../Graphics/theme/bg-body.jpg");
background-position: top left;
background-repeat: repeat-y;

/* DIV STRETCH - make div as large as floated items */
/* http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
overflow: auto; 
}
#byline { 
color: #661100;
}
#footer {
background-image:   url("../Graphics/theme/bg-body.jpg");
background-position: top left;
background-repeat: repeat-x;
}
#footer p {
background-color: white;
}
#mainbody h1 {
background-color: #ddd;
color: #336633;
margin-left: -10px;
margin-right: -10px;
padding: 3px 10px;
}
h2,h4,h6 {
color: #661100;
}
.column3 {
color: #336633;
}
a {
color: #336633;
}
a:hover {
color: #930;
}

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

body {
font-family: Arial, Helvetica, sans-serif;
}
a {
font-weight: bold;
}
a,
#sitename a:hover {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#byline,
h1, h2 { 
font-weight: bold;
letter-spacing: 1px;
}
.note {
font-style: italic;
font-weight: bold;
}

/**************************************/
/* 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;
width: 90px;
} 
#navigation li ul {
left: -999em; 
margin-top: -30px;
position: absolute;
width: 100px;
} 
#navigation li:hover ul,
#navigation li.sfhover ul {
left: 100px;
}
/* END SON OF SUCKERFISH */

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


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

/* Menu items */
/* Styling <a> rather than <li> gives better results */
#navigation a {
/*
background-color: #dddde5;
border: 3px double #eeeed5;
border-top-width: 0;*/
color: white;
font-weight: bold;
text-align: left;
text-decoration: none;
}
#navigation li:first-child a {
/* border-top-width: 3px; */
}
#navigation li:hover a, 
#navigation li.sfhover a {
background-color: #661100;
color: white;
}
/* Primary menu items */
#navigation ul li a {
font-size: 16px;
padding: 5px;
/* margin-top: 1px; */
}
/* Secondary menu items */
#navigation ul li ul li a {
font-size: 14px;
padding: 5px;
}
#navigation li:hover ul a,
#navigation li.sfhover ul a { 
background-color: #ddd;
color: #336633;
}
#navigation li:hover ul a:hover,
#navigation li.sfhover ul a:hover { 
background-color: #993300;
color: white;
}


#map_canvas {
border: 1px solid #363;
width:400px; 
height:400px;
}

.map {
border: 1px solid #363;
}

/* TEMP */
.check {
background-color: yellow;
border: 1px solid red;
font-weight: bold;
}