/* Import Eric Meyer's CSS Reset */
@import url("reset.css");

/* Common Stuff */
body {
    background:#2765AF url('img/bg.png') repeat-x 0 0;
    color:#333333;
    margin:20px 0;
    padding:0;
    font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%;
}
p {
    margin:0;
    padding:0 0 15px 0;
}
a {
    color:#000000;
    text-decoration:underline;
}
a:hover {
    color:#225799;
    text-decoration:underline;
}

a.anchor {color: #333;text-decoration:none;}
a.anchor:hover {text-decoration:none;}

/* Page Wrapper */
#page {
    margin:0px auto;
    width:760px;
}
#wrapper {
    width:100%;
    padding:20px 20px 5px 20px;
    background:#FFFFFF none repeat scroll 0 0;
    text-align:left;
}

/* Logo Style */
#logo {
    border-bottom:1px solid #DADADA;
    padding:0px 0px 5px 0px;
}

/* Topbar Menu Style */
#topbar	{
    padding:10px 0;
    text-align:center;
}
#topbar li {
    list-style:none;
    display:inline;
}
#topbar a {
    color:#225799;
    padding:0 20px 0 0;
    text-decoration:none;
    font-size:medium;
}
#topbar a:hover	{
    color:#000000;
}

/* Header Style */
#header {
	margin-bottom: 8px;
    padding:10px;
    height:150px;
    background-color:#DADADA;
}
#header ul {
	margin-top: -135px;
	margin-left: 3px;
}
#header li {
    font-weight:bold;
    font-size:medium;
    line-height:135%;
}
#header p {
	margin-top: 35px;
	margin-left: 170px;
    font-size: 75%;
    font-weight:bold;
}

/* Page Content */
#content {
    float:left;
    width:490px;
    padding:20px 10px 0 0;
    line-height:160%;
}
#content h1 {
    color:#225799;
    font-size:170%;
    font-weight:normal;
    line-height:130%;
    margin:0;
    padding:0 0 20px 0;
}
#content h2 {
    font-size:120%;
    font-weight:bold;
    line-height:130%;
    margin:0;
    padding:0 0 20px 0;
}
#content li {
	margin: 5px 18px;
	padding-left: 3px;
    list-style:circle;
}
#contact {
    text-align: center;
}

/* Side Photos */
#sidephotos {
    float:right;
    width:250px;
    padding:20px 0;
    line-height:140%;
    text-align:justify;
}
.photo {
    padding:5px;
    background:#FFF;
    border:none;
    font-size:90%; margin-bottom:20px;
}

/* Footer */
#footer	{
    clear:both;
    width:100%;
    background:#DADADA;
    padding:20px;
    border-top:2px solid #2765AF;
    text-align:left;
}
#footer li {
    font-weight:bold;
    list-style:none;
    display:inline;
}
#footer a {
    padding:0 5px 0 0;
    text-decoration:none;
}

/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */