/* CSS Document */

/*
colours
========================
orange			#ff6600
light orange	#ffe0c1
blue			#61d7ff
mid blue		#a3eaff
light blue		#ccf2ff
*/

/* @group site defaults */

* { margin: 0; padding: 0; }

html { }

body { margin: 0 auto; width: 940px; color: black; font: normal 14px/1.5 Helvetica, Arial, sans-serif; }

a { color: #ff6600; text-decoration: underline; }
a:hover,
span.showmore:hover { text-decoration: none; }
p { display: block; margin: 1em 0; }
h1, h2, h3 { display: block; color: black; }
h1 { font-size: 28px; }
h2 { font-size: 20px; margin-top: 1.5em; }
h3 { font-size: 16px; margin-top: 1.5em; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a img { border: 0; }

img.left { margin: 0px 10px 10px 0px }
img.right { margin: 0px 0px 10px 10px }
img.center { display: block; margin: 0px auto; }

/* @group image sizes */

/* Small: small=100x0@100% */
img.small { width: 100px; }
/* Medium: medium=230x0@100% */
img.medium { width: 230px; }
/* Large: large=448x0@100% */
img.large { width: 448px; }

/* @end */

table { width: 95%; border-collapse: collapse; }
table th { background: #ccc; padding: 2px; border: solid 1px black; }
table td { padding: 1px 2px; border: solid 1px #ccc; }

.error { display: none; color: red; }

/* @end */


/* @group main layout */

#header,
#footer { display: block; width: 940px; margin: 0 auto; clear: both; }

#content-primary { display: block; float: left; width: 600px; padding: 20px 0; }
#content-primary.mapsearch { width: 940px; }
#content-secondary { display: block; float: right; width: 300px; xpadding-top: 52px; }

#content-primary.cmseditor,
#content-secondary.cmseditor { border: solid 2px #bbb; display: block; margin: 10px auto; float: none; }

/* @end */


/* @group header */

#header { height: 160px; background: url(/site/images/header-images.jpg) no-repeat right 30px; }
#header #logo { float: left; margin-top: 33px; }

/* @end */

/* @group navigation */

#navigation { display: block; float: right; margin-top: 10px; }
#navigation li { display: block; float: left; border-right: 1px solid black; }
#navigation li a { display: block; float: left; padding: 0 10px; color: black; line-height: 1; text-decoration: none; }
#navigation li a:hover { text-decoration: underline; }

/* @end */

/* @group content */

#content-primary ol,
#content-primary ul,
#content-secondary ol,
#content-secondary ul { margin: 1em 0; padding-left: 2em; }

blockquote { margin: 1em; background: #e7e7e7; padding: 1em; }

/* @group category filter */
#othertags { clear: both; }

#filter-category { display: block; background: #ccf2ff; margin-top: 4px; }
#filter-category ul { list-style: none; margin: 0; padding: 8px 5px; }
#filter-category ul li { display: block; float: left; width: 110px; margin: 3px 5px; padding: 3px 5px 3px 16px; border: 1px solid #61d7ff; background: #a3eaff url(/site/images/bullet_add.png) no-repeat left center; overflow: hidden; }
#filter-category ul#filter-selected li { background: #a3eaff url(/site/images/bullet_delete.png) no-repeat left center; margin-bottom: 12px; }
#filter-category ul li a { display: block; width: 300px; color: black; font-size: 12px; }
#filter-category ul#filter-selected a { text-transform: capitalize; }
#filter-category .showmore { display: block; clear: both; text-align: right; padding: 1em; background: url(/site/images/bullet_toggle_plus.png) no-repeat 435px center; text-decoration: underline; cursor: pointer; xcolor: #383838; font-size: 12px; font-weight: bold; }

#filter-count { display: block; float: right; font-weight: normal; padding-right: 1em; }

.mapsearch #filter-category { width: 600px; float: right; }
/* @end */

/* @group location search form */

#locationform { display: block; float: left; background: #ffe0c1; width: 300px; padding-bottom: 2em; margin-top: 3px; }
#locationform fieldset { border-style: none; }
#locationform label { font-size: 12px; font-weight: bold; display: block; margin: 0 1em; }
#locationform #location-current { display: block; margin-bottom: 0.7em; background: #f88233; color: white; font-weight: bold; text-indent: 1em; line-height: 2em; }
#locationform #location,
#locationform #distance { width: 250px; margin: 0.5em 1em; font-size: 12px; padding: 3px 4px; }
#locationform #submit { margin: 0 1em; }

/* @end */

/* @group resource */

.resource { display: block; position: relative; padding: 10px 10px 0 10px; xmargin: 5px 0; }
.resource h2 { margin-top: 0; font-size: 16px; color: #ff6600; }
.resource.odd { border: 1px dotted #ff6600; border-width: 1px 0; }
.resource.even { background: #ffe0c1; }

.resource .categories { font-size: 12px; color: #00aeef; }
.xresource .categories { display: block; list-style-image: url(/site/images/tagdot-orange.png); position: absolute; top: 0; right: 0; width: 50%; font-size: 12px; }
.xresource .categories li { float: right; padding-right: 2em; }
.xresource .categories li a { text-decoration: none; color: black; }

.resource .details { overflow: hidden; position: relative; }
.resource .address { xwhite-space: pre; font-size: 13px; }
.resource .contact { display: block; position: absolute; left: 50%; top: 0; margin: 0 !important; font-size: 13px; }
.resource .showmore { display: block; clear: both; text-align: right; padding: 0.5em; color: #ff6600; cursor: pointer; background: url(/site/images/bullet_toggle_plus.png) no-repeat 480px 7px; font-size: 12px; font-weight: bold; text-decoration: underline; }

#addlist h2 { width: 100%; }

.tags { font-size: 12px; }

h3.bubble { margin-top: 0; color: #ff6600; }

/* @end */

/* @group content-secondary */

#content-secondary h2,
#filter-category h1 { background: #61d7ff; color: white; padding: 1em 0 1em 20px; font-size: 16px; }
#content-secondary h2.grey { background: #aaa; }
#content-secondary .showmore { display: block; clear: both; text-align: right; padding: 1em; background: url(/site/images/bullet_toggle_plus.png) no-repeat 142px center; text-decoration: underline; cursor: pointer; xcolor: #383838; font-size: 12px; font-weight: bold; }

#content-secondary #search-category ul  { list-style: none; margin: 0; padding: 5px; }
#content-secondary #search-category ul li { display: block; float: left; width: 110px; margin: 3px 5px; padding: 3px 5px 3px 16px; border: 1px solid #61d7ff; background: #a3eaff url(/site/images/bullet_add.png) no-repeat left center; overflow: hidden; }
#content-secondary #search-category ul li a { display: block; width: 300px; color: black; font-size: 12px; }

#content-secondary #search-category,
#content-secondary form { display: block; clear: both; background: #ccf2ff; }
#content-secondary form#course-add { background: #ddd; }
#content-secondary label,
span.label { display: block; background: #a3eaff; font-weight: bold; text-indent: 1em; line-height: 2em; }
#content-secondary input { width: 200px; margin: 1em; font-size: 12px; padding: 3px 4px; }
#content-secondary input.button { width: auto; padding: 0; margin: 1em 0; }

#content-secondary #course-add label { background: none; font-weight: normal; }
#content-secondary #course-add input { margin-top: 0; }

/* @end */

/* @end */


/* @group footer */
#footer { height: 8em; background: #ccf2ff; }
#footer a { color: black; }

ul#navigation-quickfind { display: block; float: left; padding-top: 1em; list-style: none; width: 210px; }
ul#navigation-quickfind li { float: left; clear: both; width: 95%; padding-left: 5%; line-height: 2; }

#brfaddress { display: block; float: left; width: 460px; padding: 0 30px; text-align: center; }

ul#navigation-interaction { display: block; float: left; padding-top: 1em; list-style: none; width: 210px; text-align: right; }
ul#navigation-interaction li { float: left; clear: both; width: 95%; padding-right: 5%; line-height: 2; }

/* @end */

/* @group forms */

/* form */

form.listing fieldset { border-style: none; margin: 1.5em 0; padding-bottom: 1em; }
form.listing legend { font-weight: bold; margin-left: -7px; margin-bottom: 1em; width: 100%; background: #ffe0c1; color: #ff6600; padding: 0.3em 1em; font-size: 16px; }
form.listing fieldset>legend { margin-left: 0; }

/* ----- fields and labels ----- */
form.listing label { display: block; padding: 0 0 1px 0; line-height: 1.5; font-weight: bold; float: left; clear: both; width: 150px; text-align: right; margin-top: 0.8em; }

form.listing input,
form.listing textarea { font: normal 12px/1.5 Helvetica, Arial, sans-serif; float: left; clear: both; margin: -1.8em 0 0 170px; padding: 2px; width: 400px; }

#categorylists fieldset { margin: 0 51px; }
#categorylists fieldset legend { background: none; border-bottom: 1px solid #ff6600; }
#categorylists fieldset input { clear: none; height: 13px; line-height: 1.4em; margin: 0 0 0 20px; width: 13px; }
#categorylists fieldset label { clear: none; line-height: 1.4em; margin: 0 0 0.2em 10px; text-align: left; width: 230px; font-size: 12px; }
#submitmoreinfo #categorylists fieldset label { width: 200px; }

form.listing textarea { height: 5.5em; }

form.listing select { margin: 1px 0; padding: 1px 0 0 0; float: left; clear: both; margin: -1.5em 0 0 120px; }

/* sizes */
.third { width: 32% !important; }
.half { width: 48% !important; }
.full { width: 100% !important; }

input.tiny,
select.tiny { width: 80px; }

input.small,
select.small { width: 25%; }

input.medium,
select.medium { width: 50%; }

input.large,
select.large,
textarea.textarea { width: 100%; }

textarea.small { height: 5.5em; }
textarea.medium { height: 10em; }
textarea.large { height: 20em; }

/* required */
form .req { float: none; color: red; font-weight: bold; }

/* buttons */
form.listing .buttons input { width: auto; float: none; }

/* @end */

/* @end */