*{margin:0;padding:0}.left{float:left}.right{float:right}.clrl{clear:left;font-size:1%;}.clrr{clear:right; lock;}cite{font-style:normal}th{text-align:left}td,th{padding-bottom:3px}
p{line-height:1.7em;}a{text-decoration:none;}a,.highlight,tr.highlight td,tr.highlight th{color:#d81116;}tr.highlight td,td.selected,tr.highlight th,.highlight{font-weight:bofont-size:1%;}.clear:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;}strong{display:bld} a:hover,a:active{text-decoration:underline;}a img{ border:none}h1,h2,h3,h4,h5,h6,strong{color:#222}h2{color:#d81116;font-size:145%;margin:0px 8px 16px 0px}h3{ font-size:1.166em}#main select{font-size:1em;height:22px;background:#f6f6f6 url(../gfx/select_bg.gif) repeat-x top left; -moz-border-radius:4px; -webkit-border-radius:4px; border:solid 1px #ddd; padding:2px} a.continued{padding-right:12px} .first{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px} .last{margin-bottom:0 !important}.tout{ background:#FFF url(../gfx/tout_bg.gif) 0 0; margin-bottom:8px; padding:2px; border:6px #FFF solid}.tout .cont{ background:#f2f2f2; display:block; border:1px #FFF solid} .tout a.cont{ text-decoration:none;color:#222}.tout .cont img{display:block}.tout .cont img.right{margin-left:12px}.tout .cont img.left{margin-right:12px}.tout .cont h4{color:#d81116;font-size:117%; padding:12px 12px 0}.tout .cont p{padding:12px}.nav{}.nav li{margin-left:4px;list-style:none;padding-top:0.8em}.nav li a{display:block;padding-left:11px}.nav li a:link,.nav li a:visited{color:#222;background:transparent url(../gfx/chevron.gif) no-repeat top left}.nav li a.highlight:link,.nav li a.highlight:visited,.nav li a:hover,.nav li a:active{color:#D81116;background:transparent url(../gfx/chevron_highlight.gif) no-repeat top left}.nav li ul li{margin-left:10px;}.vcard{} .vcard span,.vcard a{ display:block}.vcard .fn{ margin-bottom:10px} .vcard .tel{ margin-bottom:5px}body{background:#ebebeb url(../gfx/bg.gif) repeat-x top left; font-family:arial,helvetica,sans-serif; font-size:12px; color:#575757;} #all{ margin:auto; width:960px} #leftSide{ background:#fff; width:735px; float:left; margin-bottom:15px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px}#leftSidebar,#contentArea{margin:8px 0}#leftSidebar{float:left;width:215px}#leftSidebar .item{background:#fff;margin-left:9px; padding:.5em} #leftSidebar .item .nav{padding-bottom:6px;background:#f2f2f2;margin-top:5px}
#leftSidebar .item .nav li{ border:solid 1px #f2f2f2; line-height: 1.5em;} #leftSidebar .item .nav a{ display:block}#leftSidebar .tout{margin:9px 0 0 9px;border:none} #contentArea{ float:left; margin:8px 0pt 8px 8px;padding:0pt 10px 30px 10px;width:470px;border-left:solid 1px #ebebeb; min-height:700px} #middle p,#contentArea p{ line-height:1.7em; margin-bottom:.7em} #contentArea .item{ margin:16px 16px 16px 0pt; padding:0pt 8px 16px; border-bottom:solid 1px #eee; line-height:1.7em; list-style-type:none;} #contentArea .last{ border-bottom:none} #contentArea a:link, #contentArea a:visited{color:#d81116; text-decoration:underline} #contentArea th{font-weight:normal} #contentArea tr.highlight th{font-weight:bold}#middle h3,#contentArea h3{margin-bottom:10px}#middle ul,#middle ol,#contentArea ul,#contentArea ol{margin:0 0 1.5em 2em;line-height:1.5em;}#middle ol li, #middle ul li, #contentArea ul li, #contentArea ol li{ margin-bottom:0.4em}ol.sequenceData {margin:0 !IMPORTANT} #rightSide{ width:217px; float:left; margin-left:8px}body#branch #googleMap{ width:360px; height:280px} body#branch #contentArea th{ width:150px} body#interlibrary #leftSidebar .nav{ position:relative; bottom:16px}#middle h3{margin:16px 8px}#middle .carouselContainer h3{margin-top:0px;margin-left:0px}#middle .content{margin-top:0px;padding-top:0px}#footer{background:#999 url('../gfx/biblio/background.footer.png') no-repeat;color:#fff;font-size:.916em;margin:8px 0;padding:8px 15px;height:13px;text-align:right}#footer a,#footer a:hover{color:#fff}.center{margin:0 auto;display:block;}.centertext{text-align:center;}table#hourstd,table#hoursth{margin:4px 4px;padding:4px 4px}a.legal,p.legal{font-size:x-small;}#middle .item a,#contentArea .item a{color:#d81116}#middle p{padding-left:8px}.carouselContainer,.bibInfoBlock,.bibInfoBlock .info{width:450px}.viewer{width:405px}ul.toc{list-style:none;padding:0;margin-left:0;margin-top:10px}.toc li{background:url(../gfx/misc/toc-dot.gif) repeat-x 0 0.7em}.toc li span.right{float:right;background:#FFF;padding-left:5px}.toc li span{float:left;background:#FFF;padding:0 5px 0 0px}.toc li br{clear:both}ul.nobullet li,ul.nobullets li{list-style-type:none;}ul.nobullet li a,ul.nobullets li a{background:transparent !important;}ul.noindent{margin-left:0pt !important}ul.widget li{padding:7px 0;border-bottom:1px solid #DEDEDE;font-weight:bold}#middle .item h3 a,#contentArea .item h3 a{color:#222}.homepageError{background-color:#FF8;text-align:center;margin-bottom:6px;padding:4px;border:1px solid #C79810}#feedbackFormArea{background-color:#CCC;padding:15px;margin-bottom:8px}#feedbackFormArea div.left{float:left;margin:3px 15px 0 0;white-space:normal;width:198px}#feedbackFormArea div.left p{margin-bottom:8px}#feedbackFormArea div.left h3{margin-bottom:3px}#feedbackFormArea div.right{float:left;width:475px;padding:0px 15px;border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2}#feedbackFormArea form textarea{width:466px}table.display tr th{font-weight:bold !important;text-align:center !important}ul.bcList li{border-color:#F2F2F2;border-style:solid;border-width:1px 0pt 0pt 0pt;margin:0pt 0pt -1px;padding:15px 0px;z-index:1}ul.bcList li.first {padding-top:0px;border-width:0px;}.listItem{border-color:#F2F2F2;border-style:solid;border-width:1px 0pt;margin:0pt 0pt -1px;padding:15px 10px;z-index:1}.listItem .info{float:left}.listItem .info .title{display:block;color:#06C;font-size:1.166em;line-height:1.2}.title a{color:#06C !important;font-weight:bold}.listItem .info .author{display:inline}.author{margin:0pt 6px 0pt 0pt}.author a{color:#06C !important}.format{color:#666}.subTitle{display:block;font-size:1.1em;font-weight:normal;line-height:1.2;white-space:normal}img.right{margin-left:7px}.poll span{margin-left:3px;}.poll p{margin-bottom:5px;}img.left{margin-right:7px;}img.icon {margin:0px 22px;}#middle h2{margin-left:8px;}table.outline tr td {border:1px solid #000;}table.outline tr th {border:1px solid #000;text-align:center;font-weight:bold !important;}td.nowrap{white-space:nowrap;}label.side,label.inline{display:inline;margin-right:4px;}.cols li{width:195px;float:left;margin-right:12px;}td.selected{background-color:#808080;border:solid 2px #d81116 !important;}td.selected a{color:#FFF;}div#leftSide div.titleblock {margin:16px 16px 0px 9px;padding:0pt 8px 16px;border-bottom:solid 1px #eee;}div#leftSide div.titleblock h2{margin-bottom:0px;}.back_to{color:#404040;display:block;font-weight:bold;margin:0px 0pt 10pt 0px;}p.left{text-align:left;}.nofloat{float:none;}.colored{color:#d81116 !important;}#contentArea .news {padding-top:3px;}#contentArea .news h2{margin-bottom:0;}#contentArea .news .item {padding-top:5px;}.news .nomargin{width:476px;height:194px;}.nomargin{margin:0 !important;padding:0 !important;}img.border{border:1px solid #7F7F7F;}tr.alt{background-color:#ebebeb;}
#selectlbl, #buttonlbl, #searchq {margin: 0; padding: 0;color:#d81116;}
 #branchSelect td{padding: .3em}#branchSelect,#fldQuickLinks{margin: 0; padding: .5em 0 .3em .5em;color:#777; font-size:100%;  }  #lblchk1, #lblchk2,#lblchk3,#lblchk4, #lblchk5,#lblchk6,#lblSearch2,#lblSource5,#lblSource2,#lblSource3,#lblDescribe,#lblDescribe2,#lblselect2,#lbl1, #lbl2,#lbl3,#lbl4, #lbl5 , #quickLinklbl, #selBranchForm{margin: 0; padding:0; color:#fff; font-size:10%;}
.greyLabel {color: #666;font-weight: bold;} div.holidayClosing{font-size: 100%;margin: 0; padding:0; color:#555; font-weight:normal}
strong#jobInline{ color: #505050; font-weight: bold; display: inline;}strong#job{ color: #505050; font-weight: bold;}.itemNote{background-color: #F2F5A9; border: .2em #ccc solid;}

 #contentArea .item ul.plan_nav li a {text-decoration:none; color: #303030;} #contentArea .item ul.plan_nav li a:hover{text-decoration:underline;  color: #ff0000;}
h2.stratPlan {color: #404040; padding-top: .7em;}img.planImg{border-color: #000; border: 5px;}h1.stratPlan {color: #404040; padding-top: .7em;padding-bottom: .7em; font-size: 1.5em}
h2.toutHeaderGray{color:#404040; font-size: 1em; marging:0;}h2.toutHeaderWhite{color:#fff; font-size: 1em; marging:0;}
body #middle .item p.strong{font-weight: bold;}body #middle .item p.fine_font{font-size: x-small;}#leftSide #contentArea .plan{margin-top: 2em; }.rssleft{clear:left; width:48px; }.rssright{clear:right; width:505px; }.twitter-item{background: #fff; width: 510px}
.imgRss{hight:60px; background: yellow}#left .item .nav{padding-bottom:6px;background:#f2f2f2;margin-top:10px}form#no_sso {float: left;width: 330px;}
form.loginForm1 label{margin-top: 0.5em;font-weight: normal;}
/*form#no_sso input#barcode,form#no_sso input#pin{border-width: 1px;border-style: solid;padding: 4px;width: 300px;font-size: 0.916em; color: #555; }
form#no_sso input#submit{background:  #0092FF; color: #fff;width: 75px;height: 32px;border-width: 1px;border-style: solid;}*/
#cntdwn{ padding: .5em; color: #000;  border-width: 1px;border-style: solid; width:200px; heght:70p;color: #fff;width: 75px;height: 32px;border-width: 1px;border-style: solid;}
#cntdwn{ padding: .5em; color: #000;  border-width: 1px;border-style: solid; width:200px; heght:70px; color:#0D3268;background:#f3f2ed; }
.middleRightPost .item{ margin:16px 16px 16px 0pt; padding:0pt 8px 16px; border-bottom:solid 2px #eee}.leftPost{ background:red; width:100px; marging:.5em; padding:1em 0;}
.itemPost{padding-right: 2em;}#leftSidebar  postLeftNav item{background: yellow;} .jobVolunteer{padding:.5em; color:#fff; background: #000 ; font-family: Arial; font-weight:bold; marging:.2em 2em 1em .5em;width:95%; }
#middle p.tight,#contentArea p.tight{ line-height:1.5em; margin-bottom:.2em} p.tight{ line-height:1.5em; margin-bottom:.2em} p.red, b.red{color: #ad0909; }
p#grey{background: #eee;} #middle .item img.left {vertical-align: top; }
form#submit-event-date{background: #eee; padding:  2em 0;} p.light{background: #fff; padding: 1em;margin:  1em;}
.dateEvent{margin: 2em;}.item img.left.upmarg{margin-top: -1em;}.item.upmarg{padding-bottom: .5em;}
label.side1{display:inline; margin: 4px 4px 4px 0;}.Stime{width: 15em; float:left;}.Etime{width: 15em; float:left;}.brTime{margin-right:1.2em; } .access p, input, select { color: #4c4c4c; ; font-weight: normal; font-size:14px; -webkit-border-radius: 3px;  border-radius: 3px;}.access label {color: #4c4c4c; ; font-weight: bold; font-size:14px;}  #contentArea.access p{ width: 470px; line-height: 1.4em;  }

#tools {list-style: none;margin:0;padding:0;}
#tools li { float: right;}
#tools a * { display: none;}
#tools a,#tools a .hover {height: 30px;position: relative;display: block;background: url(../gfx/icons/facebook_twitter_icons1.PNG) 0 0 no-repeat;}
#tools a.facebook {background-position: 0 0;width: 30px;margin:0 1px 0 2px;}
#tools .highlight a.facebook:hover,#tools a.facebook .hover {background-position: -32px 0;}
#tools a.twitter {background-position: -64px 0;width: 30px;margin-right:1px;}
#tools .highlight a.twitter:hover,
#tools a.twitter .hover {background-position: -96px 0;}
#tools a.feedback {background-position: -128px 0;width: 30px;margin-right:3px;}
#tools .highlight a.feedback:hover,#tools a.feedback .hover {background-position: -160px 0;}
#tools a.rss {background-position: -192px 0;width: 30px;margin-right:15px;}
#tools .highlight a.rss:hover,#tools a.rss .hover {background-position: -224px 0;}
#tools a.comEvents {background-position: -256px 0;width: 32px;margin-right:3px;}
#tools .highlight a.comEvents:hover,#tools a.services .hover {background-position: -289px 0;}
p#user{display: none;}

input[type="password"] {border-color:#909090 !important;}
/* input[type="text"]:hover,span#ctl00_ContentPlaceHolder1_rblAudience input[type="radio"]:hover , span#ctl00_ContentPlaceHolder1_cblFormat input[type="checkbox"]:hover, input[type="password"]:hover, input:hover, textarea:hover, select:hover, input[type="checkbox"]:hover, checkbox:focus > .checkbox-label-box {background-color:#F2EEEE !important;
 border-color: #d81116 !important; border-width: thin  !important;  -webkit-border-radius: 3px;  border-radius: 3px;}*/
input[type="submit"]{ width: 7em;  height: 2em;} input[type="submit"]:hover{ background-color:red !important;  border-color:white !important;color:white;  width: 7em;  height: 2em;}
input+div{display:none;}input:hover+div{display:inline;}tr.odd{background:#eee; }
.contentQuiz{ float:left; margin:8px 0pt 8px 8px;padding:0pt 10px 30px 10px;width:470px;border-left:solid 1px #ebebeb; min-height:400px; line-height:1.7em; }  /* #contentQuiz span.bub1 { background:#f6f6f6 url(../gfx/quiz/bub_yel.JPG); }
#contentQuiz div.bub1 { background: url(../gfx/quiz/bub_yel.JPG) no-repeat; width:360px;height:260px;background-position:-10px -10px;}*/
.contentQuiz  p {padding: 1em; color: #333; }.bub1{position: relative;width: 415px;padding: 0px;background: #B7DDB6;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.bub2{position: relative;width: 415px;/*height: 100px;*/padding: 0px;background: #FAEC83;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}.bub3{position: relative;width: 415px;padding: 0px;background: #E5DFB2;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.bub4{position: relative;width: 415px;padding: 0px;background: #CCDDDB;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px;}.bub5{position: relative;width: 415px;padding: 0px;
background: #F9B473;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}.bub6
{position: relative;width: 415px;padding: 0px;background: #B7DDB6;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}.bub7{position: relative;width: 415px;padding: 0px;background: #FAEC83;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}.bub8{position: relative;width: 415px;padding: 0px;background: #E5DFB2;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}.bub9{position: relative;width: 415px;padding: 0px;background: #CCDDDB;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}.bub10{
position: relative;width: 415px;padding: 0px;background: #F9B473;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}h3.quiz{color:#4c4c4c; line-height: 1.4em; font-size: 1.2em; margin: .5em;}ol.quiz li span {padding: 0 0 .5em 1em; display: block;} ol.quiz {padding-left: 2em;} h3.quiz {padding:.5em 0 0 .5em; font-weight: normal;}.upp {margin-top: -2.7em;}/*p.quiz_res {position:absolute;left:10px;top:150px;}*/
p.quiz_res  { position: absolute; top: 280px; left: 280px; padding-left: .5em; margin-left: .5em; width: 400px;}/*p.quiz_res  { position: relative; left:-10px;top:-785px; padding-left: .5em; margin-left: .5em;}*/span.share  { position: relative; padding: 0; }p.quiz_res a {color: red; }
.bub11{position: relative;/*width: 415px;height: 50px;*/background: #FFC285;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;   /* text-align: center;*/}
b.trivia_msg{ color:red;font-size: 1.2em; -webkit-border-radius: 10px;-moz-border-radius: 10px;   border-radius: 10px;border:1px solid red;/*min-width:100px; width:300px;*/ margin:0 ; padding:1em;}
.transparent {	/* Required for IE 5, 6, 7 */	/* ...or something to trigger hasLayout, like zoom: 1; */width: 100%;	/* Theoretically for IE 8 & 9 (more valid)  ...but not required as filter works too  should come BEFORE filter */	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* This works in IE 8 & 9 too * ... but also 5, 6, 7 */
	filter: alpha(opacity=50);	/* Older than Firefox 0.9 */-moz-opacity:0.5;/* Safari 1.x (pre WebKit!) */-khtml-opacity: 0.5;/* Modern!	/* Firefox 0.9+, Safari 2?, Chrome any?	/* Opera 9+, IE 9+ */	opacity: 0.5;}#abs{float:left; width: 632px;}#absdiv{ position: absolute;top: 280px;left: 380px; width: 300px;/*border: 1px solid #000000; background-color: #143f72;*/ -moz-border-radius: 10px; -ms-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;}
.homepageError2{line-height: 1em;background-color:#FFFFCC; text-align:left;margin-bottom:6px;padding:4px;border:1px solid #C79810; width: 400px;}.loginMsg{margin:1em;}#leftSide.loginPage{margin:0 .5em 0 0; }.loginForm{margin:0px 0px 22em 5px;font-weight: normal;}.middleRightPost { background: #fff; width:722px; marging: 1em; padding: .2em 0em 1em 1em;}#leftSide.loginPage  .item{padding:1em;}
 .indent{padding:  1em ; margin:1em ;}.indent1{padding:  .6em ; margin:.6em ;}

#leftSide.forgotPage{margin:0 .5em 0 0; min-height:200px;}.forgotForm{margin:0px 0px 22em 5px;font-weight: normal;}#leftSide.forgotPage  .item{padding:1em;} .indent{padding:  1em ; margin:1em ;}
form#forgotPinForm lable{font-weight: normal; }
form#forgotPinForm input#barcode, input#pin{border-width: 1px;border-style: solid;padding: 4px;width: 300px;font-size: 0.916em;
    color: #555; /* background: #eee;*/}form#forgotPinForm input#submit_forgot{background: #d81116;color: #fff;width: 75px;height: 32px;border-width: 1px;border-style: solid;}.pinRecovery{background-color:#E9F3F3; text-align:left;margin-bottom:6px;padding:4px;border:1px solid #A6E5E7; width: 350px;}

/*login, opllToGo..*/.inline1 a{margin:.5em; color: #fff;}

.image1 .caption { font-size: 70%; float: right; padding-left: 23em; line-height: 1.5em; font-family: Arial,  sans-serif; text-align: left; }

.loginForm2#no_sso{margin:0px 0px 22em 5px;font-weight: normal; background: yellow;}

.loginForm2 h2 {color: #d81116; font-size: 1.7em;}
.loginForm1#no_sso{margin:0px 0px 22em 5px;font-weight: normal; }
.loginForm1#no_sso input#barcode {border-width: 1px;border-style: solid; border-color:#555; padding: 4px;width: 300px;font-size: 0.916em; color: #555; }
.loginForm1#no_sso input#pin {border-width: 1px;border-style: solid; border-color:#555; padding: 4px;width: 300px;font-size: 0.916em; color: #555; }
.loginForm1#no_sso input#submit{background: #d81116;color: #fff;width: 75px;height: 32px;border-width: 1px;border-style: solid;  }
#cntdwn{ padding: .5em; color: #000;  border-width: 1px;border-style: solid; width:200px; heght:70px; color:#0092FF; background:#f3f2ed; }
#middle.minHeight400{ min-height:595px; background: #fff; width:734px;margin: 0; }
.homepageError1{background-color:#FF8;text-align:left; margin-bottom:6px; padding:.5em; border:1px solid #C79810; } #jsCheck{color:red;font-size: 1em; background: yellow; border: red solid 1px;}
.homepageError3{background-color:#FF8;text-align:center; margin-bottom:6px; padding:.5em; border:1px solid #C79810; }.homepageError1 li{padding: .5em; }.homepageError3 li{padding: .5em; }
.spans img {padding: .5em;}/* community search */ label.less {margin: 0;padding:0; } p.stats_msg{ color:red;font-size: 1.2em; -webkit-border-radius: 10px;-moz-border-radius: 10px;   border-radius: 10px;border:1px solid red; height:60px;/* width:300px;*/ margin:0 ; padding:1em;}

b.trivia_msg_green{ color:green;font-size: 1.2em; -webkit-border-radius: 10px;-moz-border-radius: 10px;   border-radius: 10px;border:1px solid #adff2f;/*min-width:100px; width:300px;*/ margin:0 ; padding:1em;}
p.srp_msg{ color:red;font-size: 1.2em; -webkit-border-radius: 10px;-moz-border-radius: 10px;   border-radius: 10px;border:1px solid red; height:auto;/* width:300px;*/ margin:0 ; padding:1em;}
p.stat_msg{ color:red;font-size: 1em; -webkit-border-radius: 10px;-moz-border-radius: 10px;   border-radius: 10px;border:1px solid red; height:auto;/* width:300px;*/ margin:0 ; padding:.5em;}
p.msg_green{ background: #aaa; color:#fff; font-size: 1.2em; -webkit-border-radius: 5px;-moz-border-radius: 5px;   border-radius: 5px; border:1px solid #555;/*min-width:100px; width:300px;*/ margin:.3em ; padding:.5em;}
/* Sortable tables */
table.sortable thead { background-color:#eee; color:#666666; font-weight: bold; cursor: default;} table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { content: " \25B4\25BE"}
/* .asp forms */
span#ctl00_ContentPlaceHolder1_rblAudience{margin-left: -6.5px;  } span#ctl00_ContentPlaceHolder1_rblAudience span label { margin-left:.5em;}table#ctl00_ContentPlaceHolder1_cblFormat tbody label {margin-left:.5em;} textarea#ctl00_ContentPlaceHolder1_txtSource {width: 400px; height: 80px;}
[name="aspnetForm"] p {margin-right: 2em;}[name="aspnetForm"] strong {font-size: 2em; font-weight: bold; color: #aaa;line-height:1.5em;}[name="aspnetForm"]{font:  Arial 12px;}

/*
.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%)
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/
span#read-more-link a {padding: .5em; background: #EEE; }



 button.btnSave {
  cursor: pointer;
  border: 1px solid #aaa;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal Arial, "Times New Roman", Times, serif;
  color: #D81116;
  background-color:#F2EEEE;
  font-weight: bold;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  height: 30px;
  width: 70px;
  margin-top: 1.5em;
  ) ;
}

/* padding: 2px 5px;
text-shadow: -1px -1px 0 rgba(15,73,168,0.66
*/

 button.btnSave:hover {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: 1px solid #7c7c7c;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal  Arial, "Times New Roman", Times, serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%), rgba(216,59,2,1);
  background: -moz-linear-gradient(180deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%), rgba(216,59,2,1);
  background: linear-gradient(180deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%), rgba(216,59,2,1);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  height: 30px;
  width: 70px;
  margin-top: 1.5em;
}

 button.btnSave1 {
  display:block;
  margin: 0 auto;
  cursor: pointer;
  border: 1px solid #aaa;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal Arial, "Times New Roman", Times, serif;
  color: #D81116;
  background-color:#F2EEEE;
  font-weight: bold;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  height: 30px;
  width: 200px;
  margin-top: 1.5em;
  ) ;
}

/* padding: 2px 5px;
text-shadow: -1px -1px 0 rgba(15,73,168,0.66
*/

 button.btnSave1:hover {
  display:block;
  margin: 0 auto;
  
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: 1px solid #7c7c7c;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal  Arial, "Times New Roman", Times, serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%), rgba(216,59,2,1);
  background: -moz-linear-gradient(180deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%), rgba(216,59,2,1);
  background: linear-gradient(180deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%), rgba(216,59,2,1);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  height: 30px;
  width: 200px;
  margin-top: 1.5em;
}

  #ac-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.6);
//background: yellow;
z-index: 1001;
}
#popup{
    width: 52%;
    //background-image: url("http://localhost/assets/gfx/misc/oakville_.jpg");
    background: #fff;
    color:#6a6a6a;
    font-size: 1.2em;
    text-align: center;
    border: 2px solid #ccc;
    //border-radius: 25px;
    //-moz-border-radius: 25px;
    //-webkit-border-radius: 25px;
    box-shadow: #64686e 0px 0px 3px 3px;
    -moz-box-shadow: #64686e 0px 0px 3px 3px;
    -webkit-box-shadow: #64686e 0px 0px 3px 3px;
    position: relative;
    //top: 200px; left: 300px;
   // float: center;
    //float: none;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
    p#up {
        padding:1em;
        margin:1em;
        text-align: center;
    }
@media only screen   {
#popupL{
       all: none;
       color: #fff;
       height:20%;
       width:20%;
       background: #808080;
       padding: 1em;
       margin: 1em 0;
      // display: inline-flex;
      float:left;
      
    }
   #popupR{
       all: none;
       color: #fff;
       height:20%;
       width:20%;
       background: #008000;
       padding: 1em;
       margin: 1em 0;
       //display: inline-flex;
       float:right;

    }
}
@media only screen and (max-width: 768px)  {
   #popupL{
       all: none;
       color: #fff;
       height:20%;
       width:35%;
       background: #808080;
       padding: 1em;
       word-wrap:break-word;
       float:left;
    }
   #popupR{
       all: none;
       color: #fff;
       height:20%;
       width:35%;
       background: #008000;
       padding: 1em;
       word-wrap:break-word;
       float:right;
    }
}
@media only screen and (max-width: 450px)  {
   #popupL{
       all: none;
       color: #fff;
       min-width:100px;
       background: #808080;
       float:none;
      margin: 0 auto;
    }
   #popupR{
       all: none;
       color: #fff;
       min-width:100px;
       background: #008000;
      float:none;
    margin: 0 auto;
    }

    #popup{
    width: 120px;
    //background-image: url("http://localhost/assets/gfx/misc/oakville_.jpg");
    background: #fff;
    color:#6a6a6a;
    font-size: 1.2em;
    text-align: center;
    border: 2px solid #ccc;
    //border-radius: 25px;
    //-moz-border-radius: 25px;
    //-webkit-border-radius: 25px;
    box-shadow: #64686e 0px 0px 3px 3px;
    -moz-box-shadow: #64686e 0px 0px 3px 3px;
    -webkit-box-shadow: #64686e 0px 0px 3px 3px;
    position: relative;
    //top: 200px; left: 300px;
    //float: center;
    //float: none;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
    }


/* --------popup survey------------
#middle #ac-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.6);
z-index: 1001;
    background: #ffff00;
}
#popup{
width: 355px;
height: 275px;
//background-image: url("http://localhost/assets/gfx/misc/oakville_.jpg");
    background: #ccc;
    color:#fff;
    font-size: 1.2em;
    text-align: center;
border: 2px solid #ccc;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
box-shadow: #64686e 0px 0px 3px 3px;
-moz-box-shadow: #64686e 0px 0px 3px 3px;
-webkit-box-shadow: #64686e 0px 0px 3px 3px;
position: relative;
top: 150px; left: 375px;
    //opacity: 0.9;
    //filter: alpha(opacity=90); // For IE8 and earlier
}
    p#up {
        width:300px;
        padding:1em;
        margin:1em;
        text-align: center;
    }
*/