/** GLOBAL RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body { text-align: center; }


/** GLOBAL STYLES **/

body { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px; line-height: 1.5em; color: #666666; background-color: #888888; }

h1 { margin: 0; padding: 15px 0; color: #82a08d; font-size: 16px; font-weight: bold; text-align: left; text-transform: uppercase; }
h2 { margin: 0; padding: 80px 0 0 0; color: #82a08d; font-size: 20px; font-weight: normal; text-align: left; line-height: 1.5em; }
h3 { margin: 0; padding: 15px 0; color: #82a08d; font-size: 16px; font-weight: normal; text-align: left; line-height: 1.3em; }

p { margin: 0 0 15px 0; text-align: left; font-weight: normal; }

a { color: #5285b0; text-decoration: underline; }
a:hover { color: #cd8e15; text-decoration: underline; }

sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }

hr { border: none; height: 1px; width: 100%; color: #ccc; background-color: #ccc; margin: 20px 0; }

.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }


#layout { margin: 0 auto; width: 750px; background-color: #fff; text-align: left; }

#logo { float: left; width: 338px; height: 153px; }

#flash { float: right; width: 412px; height: 153px; }
#flashLogo { float: left; width: 338px; height: 153px; }
#flashText { width: 445px; height: 144px; margin-top: 80px; }
#flashGuys { width: 237px; height: 367px; }

#menu { width: 710px; padding: 20px 0 21px 40px; text-align: left; }

#content { width: 485px; padding: 0 0 10px 40px; text-align: left; }

.bio { margin-top: 20px; }
.bio img { border: 1px solid #ccc; padding: 3px; margin: 15px 15px 0 0; }

.news { margin: 15px 0 0 0; padding-bottom: 15px; }
.news img { border: 1px solid #ccc; padding: 3px; margin: 0 15px 0 0; }
.news h3 { margin: 0; padding: 0 0 5px 0; color: #82a08d; font-size: 16px; font-weight: normal; text-align: left; line-height: 1.3em; }
.news p { margin: 0 0 5px 0; text-align: left; font-weight: normal; }

#photo { width: 225px; text-align: right; vertical-align: bottom; }


/** FORM STYLES **/

#forms { text-align: left; margin-top: 10px; }
#forms .in { width: 220px; border: 1px solid #a2a2a2; padding: 5px 6px; }
#forms textarea { width: 230px; border: 1px solid #a2a2a2; padding: 2px; }
#forms fieldset { margin: 30px 0 20px 0; border-top: 1px solid #a2a2a2; }
#forms legend { padding: 0 5px; margin: 0 15px; text-align: left; font-weight: bold; color: #82a08d; font-size: 14px; }
#forms label { display: block; float: left; width: 205px; padding-top: 6px; text-align: right; font-size: 12px; font-weight: normal; padding-right: 10px; }
#forms select { margin-top: 5px; }
#forms p { margin: 0; padding: 0 0 8px 0; }
#forms .button { margin-top: 15px; }