body {
/*background: #949599;*/
background: #000;
padding: 0;
margin: 0;
font-size: medium;
font-family: Verdana, Arial, Helvetica, sans-serif
}

/* your basic text declarations */

h1 {
font-size: 114%;
font-weight: 500;
color: #60696A;
margin: 8px 0 0 14px 
}
h2 {
font-size: 100%;
color: #919999;
margin: 8px 0 6px 24px
}
h3 {
font-size: 82%;
color: #919999;
margin: 8px 0 6px 24px
}

p {
font-size: 80%;
color: #636963;
line-height: 1.3em;
padding: 6px
}
.orangetext {
color: #F7C7AD
}
.greytext {
color: gray
}

#linkstrip {
float: left;
margin: 0;
width: 100%;
height: 20px;
background: #fff;
font-size: 80%;
border-top: 3px solid black;
border-bottom: 1px solid #919999;
padding: 0 0 2px 0;
overflow: none
}
#linkstrip table {
margin: 4px 0 6px 12px
}
#linkstrip a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: #000;
padding: 1px 3px;
}
#linkstrip a:hover {
text-decoration: none;
background: #949599;
color: #fff;
}

/* some structure, mostly for the index page */

#header {
background: #f5a26c url(../images/shiny_square.jpg) repeat-x top left;
height: 104px;
margin: 0;
padding: 0 0 3px 0;
}
#header img {
margin: 6px 4px 4px 10px
}

#mainbody {
background: url(../images/grey-background.jpg);
float: left;
margin: 0;
padding: 3px 0 0 0;
height: 100%;
width: 100%
}
#mainbody #leftcontent {
float: left;
width: 400px;
padding-right: 2px
}
#mainbody #rightcontent {
float: left;
}
#mainbody #rightcontent img {
margin: 5px 4px 3px 2px
}

#mainbody .introbox {
clear: left;
float: left;
border: 4px solid #f5a26e;
background: #fff;
margin: 4px;
width: 376px;
padding-right: 0
}
#mainbody .introbox img {
display: inline;
float: left;
margin: 2px 9px 0 2px
}
#mainbody .introbox a {
color: #A31F1F;
text-decoration: none;
padding: 0
}
#mainbody .introbox a:hover {
color: #FF3300;
text-decoration: underline;
padding: 0
}
#mainbody .picbox img {
border: 4px solid #f5a26e
}

#mainbody .logobox {
float: left;
border: 4px solid #f5a26e;
margin: 8px 0 0 8px
}

#frontlist {
margin: 0;
padding: 0
}

#frontlist ul {
clear: both;
float: left;
padding: 0;
margin: 12px 0 0 18px
}
#frontlist li {
list-style-image: url(../images/list_button.gif);
vertical-align: middle;
margin: 4px;
padding: 0 4px;
font-size: 78%;
line-height: 1.4em;
color: #fff
}

#bottomstrip {
background: #f5a26e;
/*height: 18px;*/
height: 100%;
width: 100%;
clear: both;
float: left;
margin: 22px 0 22px 0;
padding: 0;
color: #212029
}
#bottomstrip p {
color: #fff;
font-size: 80%;
margin: 0;
padding: 4px
}
#bottomstrip a {
color: #A31F1F;
text-decoration: none;
padding: 0
}
#bottomstrip a:hover {
color: #FF3300;
text-decoration: underline;
padding: 0
}

/* whitebody for the pages (not index) */


#whitebody #leftcontent {
background: #fff;
float: left;
width: 750px
}
#whitebody #rightcontent {
float: right;
margin: 14px 0 0 0
}
#whitebody a {
text-decoration: none;
color: #A31F1F;
padding: 0
}
#whitebody a:hover {
text-decoration: underline;
color: #FF3300;
padding: 0
}
#whitebody .picbox {
float: left;
margin: 8px 10px 0 0;
}
#whitebody .picbox img {
margin: 0 2px 0 2px;
border-right: 4px solid #f5a26e;
}
#whitebody .dropbox img {
clear: both;
float: left
}
#whitebody .bigpicbox img {
border: 5px solid #A2A4A8;
border-right: 5px solid #f5a26e;
border-bottom: 5px solid #f5a26e
}
#whitebody table {
background: #F7DFAD;
border-right: 6px solid #F7B68C;
border-bottom: 6px solid #F7DFAD;
border-left: 6px solid #F7DFAD;
margin: 8px 8px 8px 34px
}
#whitebody table th {
font-size: 82%;
border-bottom: 1px solid black
}
#whitebody table tr {
border: 0
}
#whitebody table td {
border: 0;
border-right: 1px solid black;
border-bottom: 1px solid black;
font-size: 80%;
padding: 2px;
margin: 2px
}
#whitebody table tr .centrebox {
text-align: center
}

#whitebody p {
background: #fff transparent;
margin: 0 0 0 8px;
}
#whitebody .infobox {
background: #F7DFAD;
border-right: 4px solid #F7B68C
}

#whitebody .nicebox{
/*border-right: 4px solid #F7A26B;*/
border-bottom: 2px solid #F7A26B
}

#whitebody ul {
list-style-type: none;
}
#whitebody ul li {
font-size: 80%;
color: #636963;
line-height: 1.4em;
padding: 6px
}

#whitebody .quotebox {
background: #F7DFAD;
border-right: 8px solid #F7B68C;
width: 200px
}
.greyheading {
font-size: 80%;
color: #60696A;
font-weight: 700
}
#whitebody h3 {
font-size: 82%;
color: #404040;
margin: 8px 0 6px 12px
}

#whitebody #bottomstrip {
background: #f5a26e url(../images/bottom_square.jpg) repeat-x bottom left;
margin: 12px 0 0 0;
padding: 1px;
/*height: 18px;*/
height: 100%;
width: 100%;
clear: both;
float: left
}
#whitebody #bottomstrip p {
color: #fff;
font-size: 80%;
margin: 0;
padding: 4px
}
#whitebody #bottomstrip a {
text-decoration: none;
color: #fff;
padding: 0
}
#whitebody #bottomstrip a:hover {
color: #FF3300;
text-decoration: underline;
padding: 0
}
#whitebody {
background: #fff;
margin: 0;
float: left;
padding: 3px 0 0 0;
height: 100%;
width: 97%;
border-right: 4px solid #f4975c
}
