/* Copyright 2009 OpenVirgle Contributors */
/* -=-=-=-=-=-=-=-= Color Reference =-=-=-=-=-=-=-=- */

.OVMarsOrange {color: #FEAF60;}
.OVMArsOrangeWeb {color: #FA6;}
.OVMarsDarkOrange {color: #E18F53;}
.OVMarsDarkOrangeWeb {color: #D85;}
.OVBrightPlantGreen {color: #4A2;}
.OVPlantGreen {color: #1D8A00;}
.OVPlantGreenWeb {color: #280;}
.OVOceanBlue {color: #58C;}
.LogoFont {font-family: 'Sci Fied 2002 Italic', 'Arial', sans-serif;}

/* -=-=-=-=-=-=-=-= High Level Selectors =-=-=-=-=-=-=-=- */

body {
margin: 10px;
color: #FA6;
background-color: #000;
background-image: url(Images/NaturalStarsDark.gif);
font-family: 'Arial Black', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Arial', sans-serif;
color: #4A2;
}

div {
margin: 0px;
padding: 0px;
}

a:link { color: #4A2; }
a:visited { color: #FC8; }
a:hover { color: #58C; }
a:active { color: #280; }

hr {
color: #FA6;
border: 1.5px solid #FA6;
margin: 20px 0px;
}

td {
margin: 0px;
padding: 10px 0px;
vertical-align: top;
}

img {
text-align: center;
vertical-align: top;
}

p {
text-indent: 3em;
}

/* -=-=-=-=-=-=-=-= Individual Selectors =-=-=-=-=-=-=-=- */

hr.Green {
color: #280;
border: 1.5px solid #280;
margin: 20px -14px;
}

p.ImageCaption {
font-family: 'Arial', sans-serif;
font-style: italic;
font-size: smaller;
}

p.ImageCode {
width: 80%;
margin: 0px auto;
padding: 10px;
border: outset;
font-family: 'Courier New', monospace;
font-size: smaller;
text-indent: 0em;
text-align: center;
}

h2.Images {
text-align: center;
}

p.LinkList {
text-indent: 0px;
}

p.Credits {
text-indent: 0px;
text-align: center;
font-size: 10px;
}

div#BottomBorder {
clear: both;
}

div.TL {
background-image: url(Images/BorderTL.gif);
width:250px;
height:25px;
float: left;
}

div.TR {
background-image: url(Images/BorderTR.gif);
width:25px;
height:25px;
float:right;
}

div.TC {
background-image: url(Images/BorderT.gif);
height:25px;
margin: 0px 25px;
}

div.BL {
background-image: url(Images/BorderBL.gif);
width:250px;
height:25px;
float: left;
}

div.BR {
background-image: url(Images/BorderBR.gif);
width:25px;
height:25px;
float:right;
}

div.BC {
background-image: url(Images/BorderB.gif);
height:25px;
margin: 0px 25px;
}

div#Main {
background: transparent url(Images/BorderMenu.gif) repeat-y scroll top left;
}

div#Content {
margin: 0px 0px 0px 260px;
padding: 0px 25px 0px 0px;
background: transparent url(Images/BorderR.gif) repeat-y scroll top right;
}

div.Menu {
width: 200px;
margin: 0px;
padding: 5px 25px;
float: left;
clear: left;
}

div.MenuDivider {
background: transparent url(Images/BorderMenuDivider.gif) no-repeat scroll top left;
width: 250px;
height: 18px;
margin: 0px;
float: left;
clear: left;
}

div.MenuBottom {
background: transparent url(Images/BorderMenuBottom.gif) no-repeat scroll top left;
width: 250px;
height: 7px;
margin: 0px;
padding: 0px;
float: left;
clear: left;
}

div.MenuAt {
background: transparent url(Images/BorderMenuAt.gif) repeat-y scroll top left;
color: #000;
width: 250px;
height: 30px;
margin: 0px;
padding: 15px 0px;
float: left;
clear: left;
text-align: center;
vertical-align: middle;
font-family: 'Sci Fied 2002 Italic', 'Arial Bold', sans-serif;
font-size: 16pt;
}

div.MenuLink {
background: transparent url(Images/BorderMenuLink.gif) repeat-y scroll top left;
width: 250px;
height: 30px;
margin: 0px;
padding: 15px 0px;
float: left;
clear: left;
text-align: center;
vertical-align: center;
font-family: 'Sci Fied 2002 Italic', 'Arial Bold', sans-serif;
font-size: 16pt;
}

div.MenuLink:link {color: #FA6;}
div.MenuLink:visited {color: #FA6;}
div.MenuLink:hover {color: #FFF;}
div.MenuLink:active {color: #58C;}

a.MenuLink {
text-decoration: none;
}

a.MenuLink:link {color: #FA6;}
a.MenuLink:visited {color: #FA6;}
a.MenuLink:hover {color: #FFF;}
a.MenuLink:active {color: #58C;}