/*Zach Steiner
01-13-10*/

/* this is where the main body of the page is set up*/
body {
text-align: center;
background-color: black;
font-size:14pt;
font-family: arial;
background-image: url(../images/binary2.jpg);
}

/* turns off boder on link images*/
a img {
border: none;
}

.titlebar {
width: 248px;
height:98px;
margin-left: auto;
margin-right: auto;
} 

.titlebar img {
border: none;
}

.righttitle {
position: absolute;
top: 0;
right: 0;
margin-top:0;
margin-right:0;
width: 350px;
height:100px;
}

/* image tag that floats the image right*/
img.pic {
float: right;
}

/* this establishes the minimum width that the page can be scaled too*/
#minsize {
min-width: 950px;
}

/* box that holds the countdown*/
#countdown {
background-color: #00934D;
border: #25408F inset thick;
width: 400px;
float: right;
text-align: center;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
}

/* text size for the title of the countdown*/
#countdown h5 {
font-size: 18pt;
font-family: arial;
margin-top: 0;
margin-right: 0;
}

/* text size for the title of the countdown*/
#countdown h6 {
font-size: 14pt;
font-family: arial;
margin-top: 0;
margin-right: 0;
}

/* tag to center text and/or images*/
.center {
text-align: center;
}

/* format of the diamond plate box on the top of the page*/
.topbox {
border: black solid 5px;
background-image: url(../images/metal.png);
background-repeat: repeat;
width: 100%;
height: 100px;
float: left;
position: relative;
}

/* bullhead at top of page set up*/
#bull {
position: absolute;
top: 0;
left: 0;
z-index: 200;
}

/* blue line at top of page, color is in hex notation*/
#topline {
background-color: #25408F;
width: 100%;
height: 10px;
float: left;
}

/* tag that holds both the sidebox tag and the adds tag*/
.left_bar {
float: left;
width: 10%;
}

/* the sidebox tag*/
#sidebox {
border: black solid 2px;
float: left;
text-align: center;
background-image: url(../images/metal.png);
background-repeat: repeat;
width: 100%;
}

/* the adds tag*/
.adds {
float: left;
width: 100%;
}

/* the tag for the images in the adds tag*/
.adds .sponsoradd {
float: left;
width: 100%;
margin-top: 20px;
visibility: visible;
}

/* the menu icons settup*/
.menuitem {
width: 100%;
margin-top:12.5px;
}

/* the page title format*/
h1 {
font-size: 24pt;
font-family: arial;
background-color: #25408F;
color: white;
border: orange inset thick;
text-align: center;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width:95%;
}

/* the content title format*/
h2 {
color: #25408F;
}

/*www.cssplay.co.uk/boxes/minheight.htm*/
/*for browsers that understand min height*/
.main {
float: right;
width: 88%;
min-height: 1000px;
background-color: #eeeeee;
text-indent: 20px;
}

/*for internet EXPLODER!!! :D*/
* html .main {
height: 1000px;
}

.main p {
padding-left: 15px;
padding-right: 15px;
text-align: left;
}

.main a {
padding-left: 25px;
text-align: left;
}

.main a:link {
text-align: left;
}

.main a:visited {
text-align: left;
}

.main h3{
font-size: 18pt;
color: green;
}

/* image tag that floats the image right*/
img.pic_right {
float: right;
margin-right:15px;
margin-left:30px;
width: 240px;
}

img.float_right {
float: right;
margin-right:15px;
margin-left:30px;
}

/* image tag that floats the image left*/
img.pic_left {
float: left;
margin-left:15px;
margin-right:15px;
width: 240px;
}

.main h2 {
padding-top: 20px;
text-align: left;
}

.main blockquote {
font-style: italic;
font-size: 16pt;
text-align: left;
}

.main table {
border-collapse: collapse;
text-align: right;
width: 80%;
}

.main table,th,td {
background-color: #00934D;
border: 5px outset #25408F;
font-size: 20pt;
}

.main table,th,td a:link {
color: white;
font-size: 20pt;
}


.main table,th,td a:visited {
color: white;
font-size: 20pt;
}

/* image tag that floats the image left*/
img.photo {
float: left;
}

/* image tag that floats the image right*/
img.pic {
float: right;
margin: 10px;
border: green outset thick;
}

/* spot to place gear animation so it's always at the bottom center of the "white space"*/
#bottom {
float: right;
text-align: center;
background-color: #eeeeee;
width: 88%;
}

/* blue line at bottom of page, color is in hex notation*/
#bottom_nav {
background-color: #25408F;
width: 100%;
float: left;
text-align: center;
}

/* blue line link color*/
#bottom_nav a:link {
color: white;
}

/* blue line link color*/
#bottom_nav a:visited {
color: white;
}

.imageCenter {
width: 85%;
margin-left: auto;
margin-right: auto;
} 

.imageCenter img {
width:100%;
}

.main .textCenter {
text-align: center;
}

.main .titlelinks {
font-size: 14pt;
display: inline;
}

.inputform {
width:75%;
margin-left:20px;
padding-left: 20px;
}

.main form fieldset legend {
font-size: 150%;
font-weight: normal;
color: #000000;
margin: 0 0 0 0;
padding: 0 5px;
line-height: 150%;
}

.main form fieldset div label {
float:left;
width: 90%;
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
margin-right: 10px;
font-weight: bold;
font-size: 10pt;
vertical-align: top;
}

.main form fieldset div input.inputTextField {
width: 300px;
padding-top: 1px;
padding-right: 3px;
padding-bottom: 1px;
padding-left: 3px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 10pt;
}

.main form fieldset div textarea.inputTextarea {
width: 300px;
padding-top: 1px;
padding-right: 3px;
padding-bottom: 1px;
padding-left: 3px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 10pt;
}

.main form fieldset div select {
width: 308px;
padding-top: 1px;
padding-right: 3px;
padding-bottom: 1px;
padding-left: 3px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 10pt;
}

#lightsaber {
margin-top: 1px;
}

h4 {
font-size: 12pt;
padding: 0;
margin: 2px;
}

#gototopthing {
display: inline;
}

#gototopthing a:link {
font-size: 10pt;
}

#gototopthing a:visited {
font-size: 10pt;
}

.level_1 {
font-size: 14pt;
}

.level_2 {
font-size: 14pt;
margin-left: 50px;
}

.level_3 {
font-size: 14pt;
margin-left: 100px;
}

.level_4 {
font-size: 14pt;
margin-left: 150px;
}

#map {
float: right;
margin: 20px;
}