/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, font, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:Arial, Helvetica, sans-serif; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:collapse;}
em {font-style:italic;}

/* Globals */
h1, h2, h3, h4, h5, h6 {margin:0 0 .5em; font-weight:bold; color:#000;}
h1 {font-size:1.85em; font-weight:normal;}
h2 {font-size:1.3em; margin:.7em 0 .05em; color: #444;}
h3 {font-size:1.2em; margin:.7em 0 .05em; color: #444;}
h4 {font-size:1.1em; margin:.6em 0 .1em; color:#444;}
h5 {font-size:1em; margin:.4em 0 .1em;}
a {color:#194328;}
a:hover {color:#194328;}
#navigation a {font-family:Georgia, "Times New Roman", Times, serif;}
strong {font-weight:bold;}

/* Layout */
body {line-height:1.5; color:black; padding-bottom:1em; background:#c2c4b0 url(../img/body-bkgd.jpg) top center repeat-x; font-size:80%;}
#wrapper {margin:0 auto; width:960px; border:2px solid #aaac9a; border-top:0; position:relative;}
#header {width:960px; height:130px; background:url(../img/header-bkgd.jpg) bottom center no-repeat; position:relative;}
#logo {width:610px; height:143px; background:url(../img/frazer-center-logo.png) top left no-repeat; position:absolute; top:0; left:0; text-indent:-9999px;}
#logo a {width:550px; height:83px; display:block; position:absolute; top:25px; left:30px;}

#navigation {background:#194328 url(../img/nav-bkgd.gif); border-bottom:1px solid #fff; padding-left:22px;}
#navigation li {float:left; margin-right:10px;}
#navigation li.last {margin-right:0;}
#navigation a {background:url(../img/nav-bkgd.png) 0 -270px no-repeat; display:block; color:#fff; text-decoration:none; text-align:center; min-height:33px; height:auto!important; height:33px; padding:9px 20px; line-height:1em; font-size:98%; line-height:1.2em;}
#navigation a.active {background-position:top center; padding-top:16px; position:relative; top:-7px; margin-bottom:-10px; font-weight:bold;}
#navigation a:hover {background-position:0 -135px;}
#navigation a.active:hover {background-position:top center;}
#imagebar {width:960px; height:152px; background:url(../img/imagebar.jpg) top left no-repeat;}
#content {width:960px; background:#fff url(../img/content-bkgd.gif) top right repeat-y;}
#content p, #content ul, body.mceContentBody p, body.mceContentBody ul {margin:.6em 0 .25em;}
#content ul, body.mceContentBody ul {margin-left:2em;}
#content ul ul, body.mceContentBody ul ul {margin-bottom:0;}
#content ul li ul li, body.mceContentBody ul li ul li {list-style:circle;}
#content ul li ul, body.mceContentBody ul li ul {margin-top:.3em; margin-bottom:.5em;}
#content ul li, body.mceContentBody  ul li {list-style: disc;}

#main_content {width:582px; padding:30px 40px 35px; float:left; background-color:#fff; display:inline; min-height:400px;}
#home #main_content {padding-top:35px;}
#home #main_content h1 {font:1.75em/1.28 "Times New Roman", Times, serif; font-style:italic; color: #444;}
#sidebar {width:228px; padding:35px; float:right; background-color:#e9e9e9; font-size:95%; color:#222;}
#sidebar em {color:#555;}
#sidebar strong a {text-decoration:none;}
#sidebar a > img {margin-bottom:.7em;}
#footer {width:910px; padding:20px 25px; background-color:#2d3344; color:#abadb4; font-size:90%; position:relative;}
#footer a {color:#abadb4;}
#footer ul {float:left;}
#footer ul li {display:inline; margin-right:.5em;}
#footer ul li.last {margin-right:0;}
#footer ul li a {text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
#footer ul li a.active {font-weight:bold; text-decoration:none;}
#contact_info {text-align:right; font-size:90%;}
#designby {position:absolute; bottom:20px; left:25px; color:#7c7d82;}
#designby a {color:#7c7d82;}

/* Paging */
div.paging { color: #ccc; margin-bottom: 2em; }
div.paging div.disabled { color: #ddd; display: inline; }
div.paging span { }
div.paging span.current { color: #000; }
div.paging span a { }

/* Notices and Errors */
div.message { clear: both; text-align: center; background-color: #ffc; color: #000; border: 1px solid #fc0; font-size: 140%; font-weight: bold; margin-bottom: 1em; padding: .5em; }
div.error-message { clear: both; color: #900; font-weight: bold; }
p.error { background-color: #e32; color: #fff; font-family: Courier, monospace; font-size: 120%; line-height: 1.4; padding: 0.8em; margin: 1em 0; }
p.error em { color: #000; font-weight: normal; line-height: 1.4; }
.notice { background: #ffcc00; color: #000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 1.4; padding: 0.8em; margin: 1em 0; }
.success { background: green; color: #fff; }

/* TinyMCE specific rules */
body.mceContentBody {background:#fff; padding:3px;}

/* Maps */
#map_canvas {float:right; margin:0 0 1em;}
#map_canvas div span {display:block;}
#map_canvas div.gmnoprint div {font-size:10px;}

/* Breadcrumbs */
#breadcrumbs {font-size:85%; margin-bottom:1em; color:#999;}
#breadcrumbs a {color:#999; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}

/* Other */
.department_contact {padding-left:85px; margin-bottom:1.5em; position:relative; min-height:105px; height:auto!important; height:105px; font-size:95%;}
.department_contact img {position:absolute; top:3px; left:0;}
.location_info {font-size:90%; text-align:right;}
.news_contacts {float:right; width:150px; padding-left:1em; margin-left:1em; border-left:1px solid #ccc;}
.calendar {float:right;}
.calendar a {font-weight:bold;}
.back_link {margin-top:2em;}
.clear {clear:both;}
.center {text-align:center;}
.tright {text-align:right;}
.tleft {text-align:left;}
.fleft {float:left;}
.fright {float:right;}
.imageright {float:right; margin:0 0 5px 10px;}
.imageleft {float:left; margin:0 10px 5px 0;}
.form_container {padding:10px; margin:1em 0; background-color:#eee; border:1px solid #ccc;}
.note {background-color:#ffc; border:1px solid #fc0; margin-bottom:1em; padding:.5em;}

/* Tables */
.calendar {border-top:1px solid #ccc; border-right:1px solid #ccc;}
.calendar .cell-title {font-size:1.3em;}
.calendar th, .calendar td {padding:2px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.calendar td {height:30px; width:30px; text-align:right;}
th {font-weight:bold;}

/* Forms */
form img {float:left; clear:both; padding:0 15px 1em 140px;}
fieldset {margin:0 0 1em; padding:1em 0 0; background:url(../img/fieldset-bkgd.jpg) top right repeat-y; border-bottom:2px solid #eee;}
legend {font-weight:bold; color:#666666;}
label { float:left; width:110px; margin-right:15px; color:#000; }
input { margin-right:5px; }
.password input, .text input, textarea { width:450px; }
textarea {height:300px;}
input.medium_input {width:300px;}
input.small_input {width:200px;}
textarea.small_input {height:100px; width:200px;}
textarea.medium_input {height:100px; width:300px;}
div.input {clear:left; width:590px; padding:0 1em 1em; color:#999;}
div.required { background:125px 4px url(../img/required.gif) no-repeat; }
div.time select {width:auto;}
div.checkbox { padding-left:135px; }
form div.radio input, form div.checkbox input { float:left; }
form div.radio label, form div.checkbox label { padding-bottom:1em; width:auto; }
div.submit { float:left; clear:left; padding:0 15px 1em 125px; margin:1em 0 0 1em; }
div.submit input { padding:5px 10px; }
form a.cancel { float:left; padding-left:1em; border-left:1px solid #999; margin-top:1em; }
div.after { margin-left:125px; font-size:85%; font-family:Arial, Helvetica, sans-serif;}
div.error-message { color:#c00; margin-left:125px; }

form#contact_form {margin-top:1.5em; width:228px;}
form#contact_form label {width:228px; float:none; display:block;}
form#contact_form div.input {padding:0 0 .25em; width:228px;}
form#contact_form div.text input, form#contact_form textarea {width:228px; margin-right:0; padding-right:0;}
form#contact_form textarea {height:75px;}
form#contact_form div.submit {width:228px; text-align:right; padding:0; margin:.25em 0;}
form#contact_form div.submit input {padding:2px 5px; margin:0;}

#application_form label {float:none; display:block; width:100%;}
#application_form .text input, #application_form textarea {width:600px;}
#application_form .after {margin-left:0;}
#application_form .required {background:none;}