*{padding:0px;margin:0px;}
img{border:0px;}
body{font-size:62.5%;color:#364852;background:#c4cdd2;font-family:Sans-Serif;text-align:left; }
p { font-size: 1.1em; margin-bottom: 1.1em }

h1 { font-size: 1.9em; color: #FFF; font-weight: normal }
h2 { font-size: 1.6em; color: #FFF; font-weight: normal; line-height: 1.1em; margin-bottom: 1em }
h4 { font-size: 1.4em; color: #FFF; font-weight: normal; margin-top: 10px; margin-bottom: 1em }
hr { height: 1px; line-height: 1px; border: 0; border-top: solid 1px white; margin: 5px 0 }


#wrapper { width: 1003px; margin: 0 auto; }
#innerwrapper { width: 969px; float: left; position: relative; left: 17px;  }
#top { background: url(../images/top.jpg); height: 15px; width: 1003px; float: left; }
#middle { float: left; background: url(../images/middle.jpg); width: 1003px;}
#footer { background: url(../images/bottom.jpg) no-repeat top; height: 26px; width: 1003px; float: left; padding-top: 13px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 1em}
#footer a { color:#364852; text-decoration: none}
#footer a:hover { color:#364852; text-decoration: underline}

#content { width: 941px; float: left; position: relative; padding: 0 14px 14px 14px }
#header { height: 96px; width: 956px; position: relative}
#logo { float: left; position: relative; top: 28px; left: 39px}
#nav { float: right; position: absolute; right: 1px; bottom: 1px}
#nav ul { float: left; }
#nav li { float: left; width: 69px; height: 41px; list-style-type: none; }
#nav li.sep { float: left; width: 1px; background: url(../images/nav-sep.gif); font-size: 0.1em}
#nav li a { display: block; width: 59px; height: 36px; color: #364852; font-size: 1em; text-decoration: none; padding: 5px 5px 0 5px;}
#nav li a:hover { color: #FFF; background: #fc6604; }
#nav li .Pnav { display: block; width: 59px; height: 36px; color: #FFF; background: #fc6604; font-size: 1em; text-decoration: none; padding: 5px 5px 0 5px;}

#title { float: left; background: #798ea7; width: 909px; height: 98px; line-height: 98px; padding-left: 32px; margin-bottom: 10px; }
#image{ float: left; width: 382px; height: 346px; }
#text { float: left; width: 507px; min-height: 288px; height: auto !important; height: 288px; background-color: #475a6f; padding: 29px 26px; }
#text p { color: #FFF }
#text a { color: #FFF }
#text a:hover { text-decoration: none }

.row { float: left;width: 483px; height: 22px; line-height: 22px; border-bottom: solid 1px white; padding: 0 12px }
.row .link { float: left;color: #FFF; text-decoration: none; }
.row img { float: right; position:relative; top: 4px }

.rowCommittee {float: left; clear:left; width: 227px; height: 22px; line-height: 22px; border-bottom: solid 1px white; padding: 0 12px }
.rowCommittee a{text-decoration:none;}
#teamPic {float:right;  position:absolute; left:700px; top:205px;}

/* temp section: maybe we won't need these - just for working out stuff... */
#committeeList{float: left; clear:left;  }
#committeeList li {  list-style-type:none; height:22px; border-bottom: solid 1px white;}
#committeeList li a{ text-decoration:none; }
.listItem{padding:5px 0 0 0; color:#FFF; min-width:257px; width:265px;}
/* end of temp section */

.toggler { float: left;width: 483px; height: 22px; line-height: 22px; border-bottom: solid 1px white; border-top: solid 1px white; padding: 0 12px; font-weight: normal; font-size: 1em; cursor: pointer; margin-bottom: -1px;}
.toggler .link { float: left;color: #FFF; text-decoration: none }
.toggler img { float: right; position:relative; top: 4px }

.element { float: left; color: #FFF; padding: 0 5px; width: 496px }
.element img { margin-left: 5px; }