/* GLOBALS */
* {margin:0; padding:0; border:0;}
body {background:#889aa7 url(../images/bg-body.jpg) repeat-x top center; text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif; color:#0a0a0d;}


/* CONTAINERS */
#outerwrap {background:transparent url(../images/bg-content.jpg) repeat-y top center;}
#container {background:transparent url(../images/bg-contenttop.jpg) no-repeat top center;}
#innerwrap {background:transparent url(../images/bg-contentbottom.jpg) no-repeat bottom center; min-height:600px;}
#content {width:830px; margin:15px auto 1.6em; text-align:left;}



/* HEADER */
#header {width:830px; margin:0 auto; padding-top:10px; text-align:left;}
#logo {float:left; width:201px; height:101px; background:#fff;}
#logo a {display:block; width:201px; height:101px; background:transparent url(../images/logo.gif) no-repeat bottom center;}
#logo a span {display:none;}
#headright {width:620px; height:101px; margin-left:211px; background:#F1F2F4 url(../images/bg-toprightrepeat.gif) repeat-x top right;}
#headright p {width:610px; height:21px; background:transparent url(../images/bg-topright.gif) no-repeat top right; text-align:right; color:#666; padding:80px 10px 0 0; letter-spacing:1px; font:0.8em Verdana, Geneva, sans-serif;}



/* SIDEBAR */
#sidebar {width:201px; float:left; margin-bottom:150px;}
#nav {list-style:none; border-top:10px solid #192631; margin-bottom:2em; margin-left:1px;}
#nav li {display:block; position:relative;}
#nav li ul {display:none; list-style:none; z-index:20; position:absolute; left:200px; top:0; background:#fff; width:160px; padding:4px 4px 4px 10px;}
#nav li ul a {border:none; text-transform:none; padding:3px 7px; background:#efefef none; margin-bottom:0.1em;}
#nav li ul a:hover {background-image:none;}
#nav li:hover ul, #nav li.over ul {display:block;}
#nav li a, #nav li span {display:block; border-bottom:1px solid #bec7ce; padding:10px 10px 10px 28px; font:normal 1.2em/1em Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#192631; letter-spacing:-0.2px; text-decoration:none; background:transparent url(../images/nav-bullet.gif) no-repeat center left;}
#nav li a:hover {background:#bec7ce; background:#bec7ce url(../images/nav-bulletalt.gif) no-repeat center left;}

.sidecontainer {background:#2f404d; margin:0 4px 1em 6px; padding:4px; color:#fff; font-size:0.9em;}
.sidecontainer a {color:#bec7ce;}
.sidecontainer a:hover {color:#fff;}
.sidecontainer h2 {font:normal 1.3em/1em Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; letter-spacing:-0.2px; border-bottom:1px solid #bec7ce; padding-bottom:0.2em; margin-bottom:0.5em;}
.sidecontainer ul {margin:0 0 1.4em 18px; list-style-type:circle;}
.sidecontainer ul li {margin-bottom:0.3em;}


/* CONTENT */
#bodycontent {margin-left:212px; color:#5a5a5a; font:1.5em/1.3em Garamond,"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;}
#maincontent {margin:10px 0 2em;}

div.staff {margin-bottom:1em;}
.staff .subtitle {font-size:0.9em; color:#999; margin-top:-0.2em;}
.staff img {float:left; margin:0 8px 8px 0; border:1px solid #666;}

#quote {font:0.6em/1.6em Georgia,serif; background:#f1f2f4; float:right; width:200px; margin:0 0 10px 10px; color:#333;}
#quote #quotecontainer {margin:6px; border:2px solid #fff; padding:10px;}
#quote h3 {margin:0.3em 0 1em; font-size:1em; /*letter-spacing:0.03em;*/}
#quote h3 span {margin-left:3px;}
#quote ul {list-style-type:lower-alpha; margin-bottom:0;}
#quote li {margin-bottom:1em;}

#aboutpg h1, #marketingpg h1 {width:398px;}

/* GLOBALS */
p {margin-bottom:1em;}


/* HTMLAREA  */
.htmlarea {}
.htmlarea h1 {border:1px solid #192631; color:#d35e21; font:1.4em/1.1em Verdana,Geneva,sans-serif; border-left:none; border-right:none; margin-bottom:0.3em; padding:0.2em 0;}
.htmlarea h2 {font-size:1.2em; font-weight:bold;}
.htmlarea h3 {font-size:1.1em; font-weight:bold;}
.htmlarea h4,.htmlarea h5,.htmlarea h6 {}
.htmlarea p {}
.htmlarea ul {margin:0 0 18px 1.4em;}
.htmlarea ol {margin:0 0 18px 1.4em;}
.htmlarea li {}
.htmlarea dl {}
.htmlarea dt {font-weight:bold;}
.htmlarea dd {margin-left:10px;}
.htmlarea .left {float:left; margin:0 6px 6px 0;}
.htmlarea .right {float:right; margin:0 0 6px 6px;}


/* FORMS */
form {font-size:0.6em; width:350px; float:left; margin-right:10px; font-family:"Lucida Console", Monaco, monospace;}
fieldset {padding:10px; border:1px solid #ccc;}
legend {font:normal 1.6em/1em Garamond,"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif; color:#333;}

form input, form textarea, form select {font:1em/1em tahoma,helvetica,arial,sans-serif;}
.input {padding-bottom:1em;}
.input label {display:block; width:100px; text-align:right; float:left; clear:left; margin-right:5px; padding-top:5px; color:#666; border-bottom:1px solid #e0e0e0;}
.textfield input, .datefield input, .filefield input, .dropdown select {width:200px; padding:2px 7px; border:1px solid #e0e0e0; background:#F1F2F4; color:#333;}
.datefield input {width:276px;}
.dropdown select {width:218px;}
.textfield input:hover, .datefield input:hover, .filefield input:hover, .dropdown select:hover {background:#fff; color:#000; border-color:#efefef #cfcfcf #cfcfcf #efefef;}
.textfield input:focus, .datefield input:focus, .filefield input:focus {background:#fff url(../images/input-hoveractive.gif) no-repeat top left; color:#000; border-color:#dfdfdf;}
.textarea label {display:block; border-bottom:none; float:none; width:auto; text-align:left;}
.textarea textarea {width:300px; height:6em; padding:2px 7px; border:1px solid #e0e0e0; background:#F1F2F4; color:#333; line-height:1.em;}
.textarea textarea:hover {background:#fff url(../images/input-normal.gif) no-repeat top left; color:#000; border-color:#efefef #cfcfcf #cfcfcf #efefef;}
.textarea textarea:focus {background:#fff url(../images/input-hoveractive.gif) no-repeat top left; color:#000; border-color:#dfdfdf;}

.buttonbar {margin:0; padding:8px 10px; text-align:right;}
.buttonbar button {background:transparent; color:#181820; font:1.4em/1em "Trebuchet MS",Tahoma,Arial,sans-serif; text-transform:uppercase; text-decoration:none; cursor:pointer; padding-right:4px;}
.buttonbar button:hover {color:#666;}
.buttonbar button span {text-decoration:underline;}
#formtext {width:220px; margin-left:360px;}

#organizations p {text-align:center;}


/* FOOTER */
#footer {font:0.8em/1em Verdana, Geneva, sans-serif; text-align:right; color:#999; clear:both; padding-bottom:3.5em;}
#footer a {color:#192631;}
#footer span {color:#192631;}