@charset "utf-8";
/* CSS Document */

body,
html {
background-color:#333333;
background-image: url(../site_graphics/bg.png);
background-repeat: repeat;
font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
}

h1 {
color:#FFFFFF;
font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:22px;
padding-left:10px;
}

h2 {
color:#FFFFFF;
font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
padding-left:10px;
}

h3 {
color:#FFFFFF;
font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
padding-left:10px;
}

/*float left*/
.left
{
        float: left; /*left in our text*/
        margin: 3px; /*space around the image*/
}

/*float right*/
.right
{
         float: right; /*right in our text*/
         margin: 10px; /*space around the image*/
}

.project-links {
font-size: 16px;
font-style: bold;
}

#wrap {
width:760px;
margin:0 auto;
height:auto;
}

#main {
background:#999999;
float:right;
width:610px;
height: 550px;
}

#main-scroll {
background:#999999;
float:right;
width:610px;
height: auto;
}

#sidebar {
/* background:#c9c; */
float:left;
width:150px;
height:530px;
}



#footer {
clear:both;
float: right;
/* background:#cc9; */
}

#logo {
position: absolute; 
top: 8px; 
padding-right: 2px;
}

p {
font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-style:normal;
color:#000000; 
padding-left: 10px;
padding-right: 10px;
}

br {
font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-style:normal;
color:#FFFFFF; 
padding-left:5px;
}

ul {
font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-style:normal;
color:#FFFFFF;
}

a:link { 
  color: #FFFFFF;
  text-decoration:underline
}
a:visited {
  color: #FFFFFF;
}
a:hover {
  color: #000000;
}
a:active { 
  color: #000000;
}


img {
border: 0;
float: middle;
padding: 5px; 
}

/* Begin JQuery Menu Styling */
.menu_list {
	width: 140px;
	position:absolute;
	top: 205px;
	padding-right: 2px;
	font:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}
.menu_list a {
  display:block;
  color:#ffffff;
  background-color:#999999;
  font-weight:bold;
  text-decoration:none;
  font:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}
.menu_list a:hover {
  color: #000000;
  text-decoration:underline;
}

.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background: #999999 url(../left.png) center right no-repeat;
}
.menu_body {
	display:none;
	width: 138px;
	padding-left: 1px;
}
.menu_body a {
  display:block;
  color:#ffffff;
  background-color:#999999;
  padding-left:20px;
  font-weight:bold;
  text-decoration:none;
  font:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}
/* End JQuery Menu Styling */