/*
/******************** Colour Scheme ************************
DEFAULTS:
mustard: f2c33f
mustard (web safe): ffcc33
black
white
gold: ffd200
gold (web safe): ffcc00 (FFD700)
OTHER:
light grey: #E1E1E1
light grey 2: #AAAAAA
dark grey: #808080
*/
/* ------- HACKS --------------------------------------------------------------------------- */
/* Forces blocks to enclose their floated children */
/* Alternative: [.fixfloats:after{height: 1px;clear: both;}] */
.fixfloats:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 fix !!!!!!!!!! */
* html .fixfloats {height: 1px;}
/* End: Forces blocks to enclose their floated children */
#pngIE img{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.logopng{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/logo.png", sizingMethod="scale"); /* for IE, and also IE6 png compatibility ! */
z-index: 50;
}
/*
min-height hack
selector{
min-height:500px;
height:auto !important;
}
*/
/* ------- General --------------------------------------------------------------------------- */
/* Write your CSS for element selectors first (, , ,
, , , - , etc.)
CSS measurements:
px - and percentage for general
em - for fonts (and you can set percents, which scale better)
*/
*{
font: 0.97em Arial, Helvetica, Verdana, sans-serif;
color: #E1E1E1;
}
html{
}
body{
margin: 0px;
padding: 0px 5px;
background-color: #000000;
text-align: center;
}
h1{
margin: 10px 10px 15px 0px;
padding: 0px 0px 5px 0px;
font: 1.6em Georgia, Times, Arial, Verdana, sans-serif;
color: gold;
border-bottom: 1px solid gold;
text-align: right;
}
h2{
margin: 5px;
padding: 0px;
font: 1.2em Georgia, Times, Arial, Verdana, sans-serif;
color: gold;
text-align: left;
}
h3{
}
h4{
}
h5{
}
.centertable{
table-layout: fixed;
border: none;
border-collapse: separate;
margin: auto;
padding: 0px;
width: 90%;
}
.centertable td{
text-align: center;
}
.centertable td img{
margin: 3px 30px;
padding: 0px;
border: 2px solid white;
}
p{
margin: 0px;
padding: 5px;
}
#mainbody p{
margin: 0px;
padding: 5px;
text-align: justify;
}
.defaultdiv{
position: relative;
margin: 0px;
padding: 0px;
text-align: center;
}
div.emailbox{
margin: 0px auto;
padding: 80px 5px;
width: 90%;
height: 300px;
border: none;
text-align: center;
}
.paddeddiv{
position: relative;
margin: 0px;
padding: 5px;
text-align: center;
}
.pboldcenter{
position: relative;
margin: 0px;
padding: 5px;
text-align: center;
font-weight: bold;
}
hr{
margin: 10px;
padding: 0px;
}
.whitebold{
color: white;
font-weight: bold;
}
.goldbold{
color: gold;
font-weight: bold;
}
.redbold{
color: red;
font-weight: bold;
}
.advert{
border: none;
position: absolute;
padding: 10px 5px;
}
a.advertlink{
font: 1.3em Arial;
color: #FF6600;
}
a.advertlink:hover{
font: 1.3em Arial;
color: #FF3300;
}
.transhitbox{
margin: 3px auto;
padding: none;
border: 1px solid #FF6600;
width: 300px;
}
.transhitbox a{
font-size: 1.3em;
}
.transhitbox a:hover{
font-size: 1.3em;
}
/* ------- Links --------------------------------------------------------------------------- */
a{
margin: 0px;
padding: 0px;
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #E1E1E1;
text-decoration: none;
}
a:hover{
margin: 0px;
padding: 0px;
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: gold;
text-decoration: none;
}
a.currbut{
margin: 5px;
padding: 0px;
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: gold;
}
a.link{
margin: 5px;
padding: 0px;
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: gold;
text-decoration: none;
}
a.link:hover{
margin: 5px;
padding: 0px;
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: gold;
text-decoration: underline;
}
a.largelink{
margin: 5px;
padding: 0px;
font-size: 1.5em;
font-weight: bold;
color: white
text-decoration: none;
}
a.largelink:hover{
margin: 5px;
padding: 0px;
font-size: 1.5em;
font-weight: bold;
color: gold;
text-decoration: none;
}
/* ********************* */
a.tip{
position: relative; /* important! */
color: #3CA3FF;
font-weight: bold;
text-decoration: none;
z-index: 50;
}
a.tip:hover{
z-index: 25; /* important! */
color: red;
background: none; /* IE6 hack - something must change for IE to execute [background:;]*/
z-index: 50;
}
.tiptxt{
display: none;
margin: 0px;
padding: 2px;
width: 131px;
color: black;
text-align: left;
background: #FFFFFF;
border: 1px solid #FF6600;
font-size: 0.75em;
font-weight: bold;
z-index: 50;
}
a.tip:hover .tiptxt{
position: absolute;
display: block;
top: 0px;
left: 0px;
z-index: 50;
}
/* ------- Lists --------------------------------------------------------------------------- */
ol{
margin: 0px 0px 15px 30px;
padding: 0p;
font-size: 0.98em;
}
ol li{
margin: 5px 0px;
padding: 0p;
list-style-type: decimal;
list-style-position: outside;
font-size: 0.98em;
}
ul{
margin: 0px 0px 15px 30px;
padding: 0p;
font-size: 0.98em;
}
ul li{
margin: 5px 0px;
padding: 0p;
list-style-type: disc;
list-style-position: outside;
font-size: 0.98em;
}
/* ------- SITE layout & structures --------------------------------------------------------------------------- */
#interface{
position: relative;
margin: 0px auto 5px auto;
padding: 0px 0px;
border: none;
width: 920px;
text-align: center;
}
#sitebody{
position: relative;
margin: 0px;
padding: 0px;
border-top: 1px solid #3C3C3C;
border-right: 1px solid #3C3C3C;
border-bottom: 1px solid #3C3C3C;
border-left: 1px solid #3C3C3C;
background: #000000 url('../../imgs/bg.jpg') repeat;
text-align: left;
}
#mainbody{
position: relative;
margin: 0px 110px;
padding: 0px 0px;
padding-bottom: 10px;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
background-color: #000000;
}
/* *************** */
#sitebodyintro{
position: relative;
margin: 0px;
padding: 0px;
/*
border-top: 1px solid #3C3C3C;
border-right: 1px solid #3C3C3C;
border-bottom: 1px solid #3C3C3C;
border-left: 1px solid #3C3C3C;
*/
border: none;
text-align: left;
/* background: #000000 url('../imgs/bg.jpg') repeat; */
background-color: #000000;
}
#mainbodyintro{
position: relative;
margin: 0px 110px;
padding: 0px 0px;
padding-bottom: 10px;
/*
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
*/
border: none;
background-color: #000000;
height: 750px;
}
/* ------- Logo Box --------------------------------------------------------------------------- */
#logobox{
position: relative;
margin: 0px 0px;
padding: 0px;
border: none;
}
#middlelogobox{
position: relative;
margin: 0px 110px;
padding: 0px;
text-align: center;
height: 115px;
}
#toplogobox{
margin: 0px;
padding: 0px 0px;
padding-top: 15px;
padding-bottom: 10px;
border: none;
}
#bottomlogobox{
margin: 0px;
padding: 0px;
border: none;
}
#leftlogobox{
position: absolute;
margin: 0px;
padding: 15px;
top: 0px;
left: 0px;
width: 73px;
height: 93px;
}
#rightlogobox{
position: absolute;
margin: 0px;
padding: 15px;
top: 0px;
right: 0px;
width: 73px;
height: 93px;
}
/* ------- OTHER --------------------------------------------------------------------------- */
.pad_left_right{
margin: 0px 5px 0px 5px;
padding: 0px;
}
#picboxcontainer{
margin: 5px;
padding: 0px;
border: none;
text-align: center;
}
#picboxcontainer img{
margin: 5px 30px;
padding: 0px;
border: 2px solid white;
}
.gallerytable table{
display: table;
margin: 0px;
padding: 0px;
border: 1px solid red;
}
.gallerytable td{
margin: 0px;
padding: 5px;
border: none;
text-align: center;
vertical-align: middle;
}
.gallerytable img{
margin: 0px;
padding: 0px;
border: 2px solid white;
}
.prepbox{
display: table;
margin: 5px auto;
padding: 5px;
width: 500px;
text-align: justify;
}
.prepbox img{
margin: 0px;
padding: 5px;
float: left;
}
.prepbox .dualprep{
margin: 0px;
padding: 5px 37px;
text-align: center;
}
.parentfloat{
display: table;
margin: 5px auto;
padding: 5px;
text-align: justify;
}
.picborder{
margin: 10px;
padding: 0px;
border: 2px solid white;
}
.rightfloatpic{
float: right;
}
.centerdiv{
text-align: center;
}
div.container {
display: table;
margin: 0px auto;
padding: 0px;
width: 600px;
height: 400px;
position: relative;
clear: both;
}
div.left {
margin: 5px;
padding: 5px;
width: 45%;
float: left;
}
div.right {
margin: 5px;
padding: 5px;
width: 45%;
float: right;
}
/* ------- Menu & Buttons --------------------------------------------------------------------------- */
#menucontainer{
position: relative;
margin: 0px auto;
padding: 0px;
border: none;
background:#000000 url('../../imgs/menu4.jpg') repeat top center;
}
#menubar{
margin: 0xp auto;
padding:1px;
width: 672px;
overflow: hidden;
border-left: 2px solid black;
border-right: 1px solid black;
}
#menubar a{
display: block;
border: none;
float: left;
margin: 0px;
padding: 6px 9px;
background-color: none;
font: 14px Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
text-align: center;
color: #C0C0C0;
font-weight: bold;
}
#menubar a:hover{
background-color: none;
padding: 6px 9px;
font-weight: bold;
color: gold;
text-decoration: underline;
}
#menubar a.currbut{
padding: 6px 9px;
font-weight: bold;
color: gold;
}
/* ------- FORMS --------------------------------------------------------------------------- */
/* Use Labels for forms: */
.formtable{
display: table;
margin: 0px auto;
padding: 0px;
border: none;
font: 1em Arial, Helvetica, Verdana, sans-serif;
}
.formtable td{
padding: 5px;
border: none;
font: 1em Arial, Helvetica, Verdana, sans-serif;
color: #E1E1E1;
text-align: center;
}
.formtable td.left{
width: 150px;
text-align: right;
}
.formtable td.right{
}
.formtable td.center{
text-align: center;
}
label{
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #E1E1E1;
}
.formtable .field{
border: 1px solid #C0C0C0;
background-color: #FFFFFF;
color: #808080;
width: 185px;
height: 20px;
font: normal 1.3em Arial, Helvetica, Verdana, sans-serif;
}
.formtable .fieldbig{
border: 1px solid #C0C0C0;
background-color: #FFFFFF;
color: #808080;
width: 346px;
height: 100px;
font: normal 1.3em Arial, Helvetica, Verdana, sans-serif;
}
.formtable .button{
border: 1px solid #999966;
padding: 1px;
margin: 0px 3px;
width: 110px;
height: 20px;
font: bold 0.97em Arial, Helvetica, Verdana, sans-serif;
color: white;
cursor: default;
text-align: center;
background-color: black;
}
.formtable .button:hover{
border: 1px;
padding: 1px;
margin: 0px 3px;
width: 110px;
height: 20px;
font: bold 0.97em Arial, Helvetica, Verdana, sans-serif;
color: white;
cursor: default;
text-align: center;
background-color: #999966;
}
/*
combined idea!
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
}
a:hover,a:active
{
background-color:#7A991A;
}
*/