/* Global.css for all Theme. A new developmental css file. */

/* 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, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,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: inherit;/*	vertical-align: baseline; */}
button {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;moz-box-sizing: border-content;}
button::-moz-focus-inner {border: 0;padding: 0;}
img {border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;padding:0px;}
a img{border:0px;}ol, ul {list-style: none;}:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* type */
BODY {font-size:75%;font-weight:normal;line-height:1.5em;letter-spacing:1px;color:#323232;}
html>body {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
p, ol, ul, blockquote, code, dl, dt, dd{color:#333;font-size:1em;font-weight:normal;letter-spacing:.02em;line-height:1.5em;}
h1,.h1 {font-size:2.7em;line-height:1.17em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h2,.h2 {font-size:2.4em;line-height:1.38em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h3,.h3 {font-size:2.1em;line-height:1.65em;letter-spacing:-.03em;margin:0px 0px 0.5em 0px;}
h4,.h4 {font-size:1.8em;line-height:2em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h5,.h5 {font-size:1.5em;line-height:1.5em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h6,.h6 {font-size:1.2em;line-height:1.2em;letter-spacing:-.03em;margin:0px 0px .8em 0px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.h1 img, .h2 img, .h3 img, .h4 img, .h5 img, .h6 img {margin:0;}
h1 .icon, h2 .icon, h3 .icon{vertical-align:middle;margin-bottom:3px;}

p {margin:0 0 1.5em 1.5em;} p img{float:left;margin:0 5px 5px 0;}
blockquote {margin:10px 45px 15px 45px; font-style:italic; 	quotes:"\201C""\201D""\2018""\2019"; border-bottom:2px solid #444;border-top:2px solid #444;}
blockquote:before {font-size:24px;content:open-quote;}
blockquote:after {font-size:24px;content:close-quote;}
strong {font-weight:bold;}
em, cite, dfn, address {font-style:italic;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted blue;}
acronym{font-variant:small-caps;}
address{margin:0px 0px 1.5em 2.5em};
del{text-decoration:line-through;}
ins{border-bottom:1px dotted green;text-decoration:none;}
ul, ol{margin:0 0 1em 3em;list-style:disc;list-style-position:outside;}
li{	padding:0px 0px 0px .25em;}
ol {list-style:decimal;} ol.roman {list-style:lower-roman;} ol.alpha {list-style:lower-alpha;} ol.upperalpha {list-style:upper-alpha;}
dl {margin:0px;	padding:0px;}dt {margin:0 0 0 1.5em;	font-weight:bold;}dd {margin:0 0 0 3em;}
sup, sub {font-size:75%;}sup{vertical-align:super;}sub{vertical-align:sub;}
a, a:link, a:visited {color:#1475a2;text-decoration:none;}
a:hover, a:active {color:#789b10;text-decoration:none;}
hr {height:1px;color:#444;background-color:#444;clear:both;margin:20px 30px 20px 30px;border:none;}
code, pre, var, samp{font-family:"Courier New", Courier, monospace;}
small,.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;color:#666;}
large,.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

/* forms.css */
label{font-weight:bold;}
.checkbox label {vertical-align:middle;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {padding:5px;}
input.title, select.title {font-size:1.25em;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.notice .button{font-size:0.8em;padding:5px;margin:20px 5px 0 5px;background-color:#FFC;border:2px solid #FFD324;float:right;}
.notice .button:hover{background-color:#FFF;}
.tick {width:32px; height:32px;background:url(http://icons.budgell.com/tick.png) no-repeat left;}

/* Helpers */
.hidden {opacity:0.7;filter:opacity(alpha=70);} .hidden:hover{opacity:0.9;filter:opacity(alpha=90);} 
.hidden h3{background:url(http://icons.budgell.com/selection.png) left 3px no-repeat;padding-left:24px;}
.hidden h2{background:url(http://icons.budgell.com/selection.png) left 16px no-repeat;padding-left:24px;}
.added {background:#060;color:#fff;}.removed {background:#900;color:#fff;}
.left{float:left;text-align:left;margin-left:0;padding-left:0;}
.center{float:none;text-align:center;margin:0 auto;}
.right{float:right;margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
img.top-left {float:left;margin:0.25em 1em 1em 0;padding:0;}
img.top-right {float:right;margin:0.25em 0 1em 1em;}
a.thumb{display:block;background:url(http://icons.budgell.com/24/image.png) no-repeat center center;float:left;width:90px;height:80px;padding:10px 5px;border:2px solid #CCC;margin:5px;text-align:center;}
a.thumb:hover{border:2px solid #333;}
a.external {background-image: url(http://icons.budgell.com/application-export.png);background-position: right top;background-repeat: no-repeat;padding-right: 20px;zoom: 1; /* IE */}
a.file{background-image: url(http://icons.budgell.com/blog.png);background-position: left top;background-repeat: no-repeat;padding-left: 20px;zoom: 1; /* IE */}
a.mov{background-image: url(http://icons.budgell.com/film.png);background-position: left top;background-repeat: no-repeat;padding-right: 20px;zoom: 1; /* IE */}

.download{width:420px;float:left;margin:10px 10px 10px 0px;padding:20px;}
.download img{vertical-align:middle;}
.download h3{font-family:"Arial Black", Gadget, sans-serif;font-size:1.5em;line-height:2em;}
.download p{font-family:"Courier New", Courier, monospace;font-size:1em;}

.hours-weekday{padding:2px;border-bottom:1px dotted #CCC;font-size:0.9em;}
.hours-times{padding:2px;border-bottom:1px dotted #CCC;text-align:right;font-size:0.9em;}
.appt-button{height:20px;width:48px;margin:2px;background:url(http://static.budgell.com/graphics/button-green.png) no-repeat;opacity:0.7;filter:opacity(alpha=70);}
.appt-button:hover{opacity:1;filter:opacity(alpha=100);cursor:pointer;}
.appt-button-tick{background:url(http://static.budgell.com/graphics/button-green-tick.png) no-repeat;}

.scrollable {position:relative;overflow:hidden;}
.scrollable .items {width:20000em;position:absolute;height:inherit;}
.items .banner {float:left;height:inherit;width:950px;height:300px;position:relative;overflow:hidden;}
.banner_title{background-color:transparent;position:absolute;z-index:5;margin:0;}
.banner_text{background-color:transparent;position:absolute;z-index:6;margin:0;}
.items img {float:left;margin-right:200px;}

/* social items */ 
#social{float:left;margin:2px;background:url(http://static.budgell.com/graphics/social-icons-bgOFF.gif) bottom right no-repeat;padding:10px 5px 18px 5px;}
#retweet{margin-top:0px;float:left;width:100px;padding-left:1px;}
#fb{margin-top:0px;float:left;width:100px;padding-left:5px;}

/* MyDC specific */
.mydc_accent{color:#399;}
#mydc_light{height:30px;text-align:left;}
#mydc_dark{height:30px;text-align:left;display:none;}

/* Default layout structure */
#flash{position:fixed;width:300px;left:40%;z-index:1000;top:20px;}

#header{}
#supermenu{}
#supermenu-links{}
#supermenu-links a{}
#supermenu-links a:hover{text-decoration:none;}

#header-logo{}

#menu{}
#menu-links{}
#menu-links a{}
#menu-links a:hover{text-decoration:none;}

#submenu{display:none;}
#submenu-items{}
#submenu-links{}
#submenu-graphic{}


#banners{width:1020px;margin:0 auto;}
#banners .prev{display:none;}
#banners .next{display:none;}
.banner{height:inherit;background-position:center center;}
.banner-title{text-align:left;height:auto;}
.banner-text{text-align:left;height:auto;}

#pre-content{}
#content{}
#content-main{}
#intro{margin-bottom:20px;}
#content-footnotes{}
#content-footer{}
#post-content{}

#footer{display:block;}
#footer-contact{}
#footer-items{}
#footer-sitemap{}
	#footer-sitemap-title{text-align:left;border-bottom:1px dashed #DDD;}
	#footer-sitemap h4{font-size:1.5em;line-height:1.5em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	#footer-sitemap a{}
	#footer-sitemap a:hover{}
#footer-links{}
#footer-true{text-align:center;font-size:0.8em;color:#999;}

#appointment_request{display:none;}
#overlay_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;-z-index:999;background-color:#FFF;opacity:0.5;filter:opacity(alpha=50);}
#overlay{display:none;position:fixed;top:100px;right:20%;z-index:1000;height:540px;width:820px;padding:5px;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;background:#FFF;border:#1px solid #CCC;overflow:scroll;}
#overlay .close {background:url(http://icons.budgell.com/cross.png) top left no-repeat;position:absolute;right:0px;top:5px;cursor:pointer;height:24px;width:24px;}
#player{float:left;margin:10px auto;}
#tinymce #player{border:1px dashed #999;background:url(http://icons.budgell.com/32/film.png) center center no-repeat;height:240px;width:360px;margin:0 auto;display:block;}
.player{float:left;margin:10px auto;}
#tinymce .player{border:1px dashed #999;background:url(http://icons.budgell.com/32/film.png) center center no-repeat;height:240px;width:360px;margin:0 auto;display:block;}


/* Standard Design Elements */
.ribbon-right, .ribbon-left{color:#FFF;height:35px;padding:6px 20px;position:relative;z-index:10;font-family:Arial,Helvetica,sans-serif 12px;text-align:center;text-decoration:none;}
.ribbon-right{float:right;margin:-5px -22px -30px 0px;background:url(/img/graphics/ribbons/ribbon-grey-right.png) top right no-repeat;}
.ribbon-left{float:left;margin:-5px 0px -30px -22px;background:url(/img/graphics/ribbons/ribbon-grey-left.png) top left no-repeat;}
.ribbon-right a, .ribbon-left a{text-decoration:none;}
.ribbon-right a:hover, .ribbon-left a:hover{padding-bottom:1px;border-bottom:1px solid #FFF;}

.slide-out-right{position:fixed;right:-235px;top:300px;font-size:150%;display:block;background-color:#FFF;border:2px solid #333;border-radius:15px;-moz-border-radius:15px;padding:10px 20px;}
.slide-out-right img{padding-right:5px;}

/* grid  Columns:24 & Gutter%:30% & MinWidth:960px & MaxWidth:1200px */

.span-1 { width: 2.9166666666667%; }
.span-2 { width: 7.0833333333333%; }
.span-3 { width: 11.25%; }
.span-4 { width: 15.416666666667%; }
.span-5 { width: 19.583333333333%; }
.span-6 { width: 23.75%; }
.span-7 { width: 27.916666666667%; }
.span-8 { width: 32.083333333333%; }
.span-9 { width: 36.25%; }
.span-10 { width: 40.416666666667%; }
.span-11 { width: 44.583333333333%; }
.span-12 { width: 48.75%; }
.span-13 { width: 52.916666666667%; }
.span-14 { width: 57.083333333333%; }
.span-15 { width: 61.25%; }
.span-16 { width: 65.416666666667%; }
.span-17 { width: 69.583333333333%; }
.span-18 { width: 73.75%; }
.span-19 { width: 77.916666666667%; }
.span-20 { width: 82.083333333333%; }
.span-21 { width: 86.25%; }
.span-22 { width: 90.416666666667%; }
.span-23 { width: 94.583333333333%; }
.span-24 { width: 98.75%; }

.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23,.span-24 {margin-left: 0.625%;margin-right: 0.625%;float: left;display: block;}
.first{margin-left:0px;}.last{margin-right:0px;}
.container{min-width: 960px; max-width: 1200px; margin: auto;width:96%;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


/* media adjustments 1200+ fluid + right column, 960-1200 fluid, under 960 scale, under 768 stack kill */

@media all and (min-width: 1201px) {
	
	.container{min-width: 1200px; max-width: 1600px; margin: auto;width:96%;}
	#content-main{width:65.416666666667%;float:left;margin-left:0.625%;margin-right:0.625%;}
	#content-footer{float:left;width:32.083333333333%;margin-left:0.625%;margin-right:o;padding-right0.625%;min-width:320px;max-width:480px;}
	#content-footer .span-8{width:100%;margin-top:20px;border-top:1px dashed #DDD;}
	#content-footer .span-8:first-child{width:100%;margin-top:40px;border-top:0px;}

}

@media all and (min-width: 768px) and (max-width: 1200px) {
	
	.container{min-width: 768px; max-width: 1200px; margin: auto;width:96%;}
	#content-main{width:98.75;margin: auto 0.625%;min-width:768px; max-width: 1200px;float:left;}
	#content-footer{width:98.75;margin: auto 0.625%;min-width:768px; max-width: 1200px;float:left;}
	#content-footer .span-8{}

}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {-webkit-text-size-adjust: none;}
	.container {width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;width:100%;}
	
}
