/** GEORGIA TTORA CSS **/
/** Color Codes: **/
/** Black: #000000 **/
/** White: #ffffff **/
/** Red: #fe0000 **/
/************************/
html {
margin: 0;
padding: 0;
height: 100%;
}
body {
margin-top: 0px;
margin-left: 2px;
margin-bottom: 0px;
margin-right: 0px;
background: #000000;
height: 100%;
color: #000;
}
/* This is the main DIV that contains everything else. */
/* There is no real need to adjust anything on here. */
#container {
width: 994px;
min-height: 100%;
margin: auto;
position: relative;
height: 100%;
background-image: url(paper.jpg);
}
/* This DIV is what will contain the logo imgage. */
/* The height is set to be the perfect fit for a logo with 116px height. */
#header {
height: 116px;
width: 100%;
}
/* This DIV only hold the navigation bar. */
#navigation {
height: 6px;
width: 100%;
font:Verdana, Geneva, sans-serif;
}
/* This is the main DIV where all the meat and potatoes go. */
/* Put anything you want between the content div on the html page. */
#content {
width: 100%;
margin-top: 15px;
padding-bottom: 25px;
background-image: url(paper.jpg);
text-align: center;
font:Verdana, Geneva, sans-serif;
}
/* This DIV is where anything for the footer goes. */
/* You can change the height to whatever you like, just make sure it has a height. */
#footer {
position: relative;
clear: left;
height: 55px;
width: 100%;
text-align: center;
bottom: 2px;
background-image:url(paper.jpg)
padding-bottom: 5px;
}
/* THIS IS FOR REGULAR LINKS */
/* If you want to change the appearance of a regular link, change the attributes below. */
a:link {
font-size: 10pt;
}
a:active {
font-size: 10pt;
color: #FFF;
}
a:visited {
font-size: 10pt;
color: #FFF;
}
a:hover {
color: #F00;
text-decoration: underline;
font-size: 10pt;
}
/* THIS IS FOR THE HORIZONTAL NAVIGATION */
ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li {
float:left;
}
a.nav:link,a.nav:visited {
display:block;
width:90.5px;
font-weight:bold;
color:#000;
text-align:center;
padding:3px;
text-decoration:none;
text-transform:uppercase;
}
a.nav:hover,a.nav:active {
color:#ffffff;
}
/* END HORIZONTAL NAVIGATION */
/* This is used to center images. add class="center" to an image tag to use it. */
img.center {
margin-left: auto;
margin-right: auto;
display: block;
}