html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
padding:0;
border:0;
border-collapse:collapse;
}
html, body {
height:100%;
margin:0;
padding:0;
}
body {background:#CCE6FF;}
h1, h2, h3, h4, h5, h6, p, form {
margin:0 0 .7em;
}
body {
margin: 0;
padding:0;
width:100%;
font:normal normal normal 14px cursive;
color:#222;
-webkit-font-smoothing: antialiased;
}
#wrapper {
margin:0px auto;
background:#fff;/* center column colur*/
text-align:left;
position:relative;
margin-top:-60px;/* make space for footer*/
z-index:0;
min-height:100%;
mmin-width:1000px;
mmax-width:1200px;
width:1060px;
border-right:1px solid #3399FF;
border-left:1px solid #3399FF;
}
#header {
background:#99CCFF;
color:#3399FF;
clear:both;
position:relative;
z-index:2;
width:100%;
border-top:60px solid #fff;/* soak up negative margin to make way for footer*/
}
#menugap {
background:#FFFFFF;
}
#footer {
background:#CCE6FF;
color:black;
mmin-width:1000px; /* as wrapper */
mmax-width:1200px;
width:1060px;
clear:both;
margin:auto;
position:relative;
z-index:2;
height:59px;
font-size: 11px;
text-align:center;
border-top:1px solid #3399FF;
}
/*if we float the middle column we avoid the ie6 3 pixel jog and also keep columns in normal source order (left,middle right) but we need to use a negative margin offset to make it all fit.*/
#middle {
float:left;
width:100%;
margin-right:-160px;/* width of left and right columns */
}
#content {
margin-right:160px;/* width of left and right columns */
padding:20px 40px 0px 40px;
}
#left {
width:160px;/* width of left column */
position:relative;
float:left;
z-index:2;
font-size:11px;
padding:1px 0px 0px 0px;
}
#right {
width:0px;/* width of right column */
position:relative;
float:right;
z-index:2;
font-size:11px;
}
/*The following 2 absolute columns that just hold the column colours */
/* there is no need to worry about being removed from the flow because these do not hold content but are just stuck to the parent container and set at 100% height. This ensures that they grow with the parent container. Its a shame that this behaviour doesn't apply to static elements and we'd all be a lot happier. */
#l {
width:160px; /* width of left column */
height:100%;
position:absolute;
bottom:0;
left:0;
background:#99CCFF;/* left column color*/
z-index:1;
clear:both;
border-right:1px solid #3399FF;
}
#r {
width:0px; /* width of right column */
position:absolute;
height:100%;
right:0;
background:#99CCFF;/* right column color*/
z-index:1;
bottom:0;
clear:both;
border-left:0px solid #3399FF;
}
* html #l, * html #r {
height:999em;
bottom:-1px
}
p {
padding:5px;
}/* some breathing space*/
/* clear without structural mark-up */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.clearfix {display: block;}
/* End hide */
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
#inner {
width:100%;
overflow:hidden;
position:relative;
z-index:3;
}
h2
{
font:normal normal bold 20px cursive;
}
h1
{
font:normal normal bold 24px cursive;
}
#texttable
{
margin: 0px 40px 20px 40px;
padding:0px;
}
table.story td
{
padding:0px 7px 0px 7px;
}
iframe {
overflow-x: hidden;
overflow-y: scroll;
}
#copyright
{
height:100%;
vertical-align:middle;
}
#facebook
{
padding:0px;
border:0px solid #3399FF;
}
#addthis
{
text-align:center;
vertical-align:middle;
height:50px;
background-color:white;
border:1px solid #3399FF;
}
table.downloads
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
table.downloads td, table.downloads th
{
font-size:1.2em;
font:normal normal normal 14px cursive;
border:1px solid #3399FF;
padding:3px 7px 2px 7px;
background-color:white;
}
table.downloads th
{
font-size:1.4em;
font:normal normal normal 16px cursive;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#3399FF;
color:#000;
}
table.subtable td, table.subtable th
{
font-size:1.2em;
font:normal normal normal 14px cursive;
border:0px solid white;
padding:3px 7px 2px 7px;
background-color:white;
}
table.shop td
{
text-align:center;
padding:10px 30px 10px 30px;
}
p.shop
{
font-size:1.4em;
font:normal normal bold 18px cursive;
margin-bottom: 0;
padding: 0;
}
/*- Menu One--------------------------- */
#menu_one {
background:#99CCFF;
}
#menu_one ul {
font:bold normal normal 16px cursive;
margin:0 auto;
list-style:none;
text-align:center;
padding:20px 0 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
-awebkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2) inset;
-amoz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2) inset;
abox-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2) inset;
}
#menu_one li {
display:inline;
}
#menu_one a {
text-decoration:none;
padding:13px 20px 10px;
margin:0 5px;
background:#3399FF;
-webkit-background-clip: padding-box;
border:1px solid #a2c9e6;
border-bottom:none;
border-radius:10px 10px 0 0;
}
#menu_one a:link, #menu_one a:visited {
color:#666;
-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all .3s ease-in-out;
-moz-transition-duration: .3s;
-moz-transition: all .3s ease-in-out;
}
#menu_one a:hover, #menu_one a:active, #menu_one a.active {
color:#FF9834;
background:#E0F0FF;
padding:16px 20px 10px;
-webkit-background-clip: padding-box;
-webkit-box-shadow: 0 0 0 #fff inset;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition-duration: .3s;
-moz-transition: all .3s ease-in-out;
}
img.floatLeft {
float: left;
margin: 4px;
}
object.floatLeft {
float: left;
margin: 4px;
}
img.floatRight {
float: right;
margin: 4px;
}
object.floatRight {
float: right;
margin: 4px;
}
#email
{
}