/* @override http://localhost:8092/css/peterson_styles.css */

/*Layout*/

body { background: white url("/images/bg_tile.jpg") repeat-x ; font-family: "Corbel", "Lucida Grande", "Verdana", sans-serif; color: gray; font-size: .9em; line-height: 1.2; }
body a { color: #8a8abe; }
body h1, h2, h3, h4, h5, h6 { color: #353491; }
#main h1 {  }
#main h2 { margin-bottom: 1em; }
#main p { margin-bottom: 1em; font-size: /* .9em */ }

#main ul { list-style-type: disc; list-style-position: outside; padding-left: 1.5em; }
#main li { margin-bottom: .4em }

div#header { position: absolute; left: 50%; margin-left: -480px; background: no-repeat center top}
div#header h1 { width: 960px; background: url("/images/header.jpg") no-repeat bottom; height: 171px; text-indent: -2000px; }
div#header a { display: block; height: 100%; cursor: pointer; }

div#wrapper { position: absolute; width: 960px; margin-top: 160px; left:  50%; margin-left: -480px; }
div#container { background: ; width: 960px; position: relative; }
div#sidebar { width: 290px; padding: 10px; position: absolute; left: 0; top: 20px; background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px }
div#sidebar h1#sidebar-title { text-transform: uppercase; color: white; background: #c2cad2; padding: .4em; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 1em; }
div#sidebar div.sidebar-item { margin-bottom: 1em; }
div#sidebar div#home-upcoming-events { margin: .4em; padding: .4em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border: 1px solid gray; }

ul#nav { width: 640px; position: absolute; right:  0; top:  27px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: black url("/images/nav_bg.jpg") repeat-x 0 -1px; }
ul#nav li { display: inline; width: 128px; height: 32px; float: left; text-indent: 0px; background: ; padding-top: .4em; text-align: center }
ul#nav li a { color: white; text-decoration: none; }
ul#nav li a:hover { text-decoration: underline; }
body#about-current ul#nav li#about a { font-weight: bold; text-decoration: underline; }
body#services-current ul#nav li#services a { font-weight: bold; text-decoration: underline; }
body#references-current ul#nav li#references a { font-weight: bold; text-decoration: underline; }
body#staff-current ul#nav li#staff a { font-weight: bold; text-decoration: underline; }
body#contact-current ul#nav li#contact a { font-weight: bold; text-decoration: underline; }

div#main { width: 640px; padding: px; position: absolute; right: 0; top:  58px; background: white; }
div#main div.hero { position: relative; background: ; min-height: 100px; z-index: 1; }
div#main div.hero div.cushycms { position: absolute; width: 190px; bottom: 0px; right: 70px; font-size: .9em; color: ; z-index: 10; border: px solid black; }
div#main div.hero div.cushycms h1 { text-align: center;  }
div#main div.hero div.cushycms p { text-align: center; font-size: .8em; vertical-align: middle }
div#main div#hero-home { background: url(../images/hero_homepage.png) no-repeat; height: 162px; }
div#main div#col1 { float: left; width: 300px; padding: 10px; }
div#main div#col2 { float: left; width: 300px; padding: 10px; }

div#downloads { clear: both; margin-top: 1em; background: #dfdfdf; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 1em; font-size: .8em; }
div#downloads h2 { float: left; width: 125px; color: #8a8abe; }
div#downloads ul h3 { color: #8a8abe; font-weight: normal; }
div#downloads ul { float: left; width: 150px; padding: 0; list-style-type: none; }
div#downloads li, li a { margin-top: .4em; color: #353491; text-decoration: none; font-weight: bold }
div#downloads li a:hover { text-decoration: underline; }
div#downloads p { line-height: 0; }

div#footer { border-top: 1px solid silver; font-size: .8em; text-align: center; clear: both; padding: 1em; margin-top: 2em; }

.form-input-field {overflow-x: hidden}