body{
background-color:#FF9900;
text-align: center;
}
* {padding: 0; margin: 0;border: 0;}
#page {
clear:both;
width: 900px;
margin: 0px auto 0px auto;
background-color: #000000;
}
h1,h2,h3,h4,h5,.bevelmenu,.bevelmenu2,.navigation2 {
font-family: Comic Sans MS,Trebuchet MS,verdana;
font-weight: 100;
color: #FFFF00;
}
p,.navigation,.list1 {
font-family: Verdana, Arial, sans-serif;
font-size:10pt;
color: #cccccc;
}
a:link {color:#33cc33;text-decoration:none;}  /* unvisited link */
a:visited {color:#33cc33;text-decoration:none;}  /* visited link */
a:hover {color:#FFFF00;text-decoration:none;}  /* mouse over link */
a:active {color:#FFFF00;text-decoration:none;}  /* selected link */
p {
padding: 5px 2px;
}
h1 {
font-size: 18pt;
padding: 2px;
}
h2 {
font-size: 16pt;
padding: 2px;
}
h3{
font-size: 14pt;
color: #FF6633;
padding: 2px;
}
h4{
font-size: 12pt;
padding: 2px;
}
h5{
font-size: 8pt;
padding: 2px;
}
.footer2 {
margin: 5px 0;
color: #000000;
}
#header {
margin: 0px auto;
padding: 10px 0 0 0;
}
#splash {
margin: 0px auto;
padding: 10px 0 0 0;
}
.content1{
clear: both;
width: 700px;
margin: 10px auto 15px auto;
padding: 2px;
}
.content2{
clear: both;
width: 850px;
margin: 0 auto;
padding: 2px;
}
.content3,.content4{
float: left;
width: 48%;
margin: 0px auto;
padding: 5px;
}
.content4{
float: right;
}
.content5{
clear: both;
width: 800px;
margin: 0 auto 5px auto;
padding: 2px;
}
.list1 {
list-style-type: disc;
text-align: left;
margin: 0 150px;
}
.breakline {
clear: both;
width: 98%;
height: 2px;
background-color: #FF9900;
margin: 0px auto;
}
.searchbox {
margin: 10px auto 0 auto;
}
img.left {
float: left;
margin: 10px;
}
img.centre {
display: block;
margin: 10px auto;
}
/*Menu in main body*/
.navigation {
list-style-type: none;
margin: 0px auto;
}
.navigation li {
display: block;
padding: 2px 0px;
}
.navigation li a {
color: #33cc33;
text-decoration: none;
}
.navigation li a:hover {
color: #ffff00;
}
/*Menu in footer2*/
.navigation2 {
margin: 0px auto;
list-style-type: none;
font-size: 70%;
color: #FF0000;
}
.navigation2 li {
display: block;
}
.navigation2 li a {
color: #000000;
text-decoration: none;
}
.navigation2 li a:hover {
color: #33cc33;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.bevelmenu{
font-size: 16pt;
padding: 2px 0;
margin: 0px auto;
width: 95%;
text-align: Center; /*set value to "right" for example to align menu to the right of page*/
}
.bevelmenu li{
list-style: none;
display: inline;
}
.bevelmenu li a{
padding: 0px 0.25em;
text-decoration: none;
color: #33cc33;
}
.bevelmenu li a:hover{
color: #FFFF00;
}
html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
}
.bevelmenu2{
font-size: 16pt;
padding: 2px 0;
margin: 0 auto;
width: 95%;
text-align: Center; /*set value to "right" for example to align menu to the right of page*/
}
.bevelmenu2 li{
list-style: none;
display: inline;
}
.bevelmenu2 li a{
padding: 0px 0.25em;
text-decoration: none;
color: #FF9900;
}
.bevelmenu2 li a:hover{
color: #FFFF00;
}
html>body .bevelmenu2 li a:active{ /* Apply mousedown effect only to NON IE browsers */
}
/*3 col layout based on work by Maththew James Taylor http://matthewjamestaylor.com/ */
/* column container */
.colmask {
position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;/* width of whole page */
overflow:hidden;/* This chops off any overhanging divs */
padding: 5px 0;
}
/* holy grail 3 column settings */
.holygrail {
}
.holygrail .colmid {
float:left;
width:200%;
margin-left:-300px; /* Width of right column */
position:relative;
right:100%;
}
.holygrail .colleft {
float:left;
width:100%;
margin-left:-50%;
position:relative;
left:600px;         /* Left column width + right column width */
}
.holygrail .col1wrap {
float:left;
width:50%;
position:relative;
right:300px;        /* Width of left column */
padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
margin:0 305px;     /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
position:relative;
left:200%;
overflow:hidden;
}
.holygrail .col2 {
float:left;
float:right;/* This overrides the float:left above */
width:265px;        /* Width of left column content (left column width minus left and right padding) */
position:relative;
right:5px;         /* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
float:left;
float:right;/* This overrides the float:left above */
width:265px;        /* Width of right column content (right column width minus left and right padding) */
margin-right:70px;  /* Width of right column right-hand padding + left column left and right padding */
position:relative;
left:50%;
}