/* Reset Styles */

html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote {
margin:0;
padding:0;
}
	
img { border:0; }

html { font: 62.5%/1.4 Georgia, Helvetica, sans-serif; }

/* clearing without extra markup */

.clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both;   visibility: hidden; overflow:hidden; }
.clearfix, .container {display: block;}

/* Typography */

p {
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 1.2em;
margin: 0 0 12px 70px;
text-align: justify;
width: 350px;
}

h1 {
color: #fff;
font-size: 2em;
margin: 0 0 0 30px;
text-indent: -99999px;
}

ul {
color: #fff;
font-size: 1.3em;
}

a {
color: #000;
text-decoration: none;
}

table table { font-size: 1.2em; font-family: Verdana, Arial, sans-serif; }

a:hover { color: #fff; }

/* Layout */

h1, h2, #content { background-repeat: no-repeat; }

body { background-color: #332E32; }

#container {
height: 69.4em;
margin: 0 auto;
width: 95em;
}

#menu {
background: url('../images/menu.jpg') no-repeat;
height: 6.7em;
width: 100%;
}

#menu ul { list-style-type: none; }

#menu li {
background: url(../images/square.gif) center left no-repeat;
float: left;
font-size: 1.2em;
font-variant: small-caps;
margin: 35px 0 0 20px;
padding-left: 15px;
}

li#home {

margin-left: 60px;
}

.active a { color: #fff; }

#content {
height: 60em;
padding-top: 20px;
position: relative;
width: 100%;
}

#content a {
color: #fff;
text-decoration: underline;
}

#content a:hover { text-decoration: none; }

#content ul {
font-family: Arial, Helvetica, sans-serif;
list-style-type: square;
margin-left: 70px;
padding-bottom: 20px;
}

img#logo {
bottom: 50px;
left: 70px;
position: absolute;
}

p.hide { visibility: hidden; }