body  { 
color: black;
font-family:georgia,"times new roman",serif;
font-weight:normal;
background: #ddd; 
margin:0px;
}
.main-content p {line-height:1.4em;}
small {line-height:1.2em;color:#666;font-size:.8em;font-weight:300}
a {text-decoration:none;}
/* new overrides 10 years late */
.articleBlock img {margin:3px;}

/* form updates */
.form-label.captcha {width:200px;}
#captcha {margin:0;}
.messageDetail {font-size:11px;display:inline-block;}
#contactForm img{vertical-align:middle;}


/*site redesign for responsive */
.mainHeader {width:100%; text-align:center;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
.mainHeaderInner {float:left;}
.page {max-width:1000px;margin:0px auto;padding:0px 10px;background-color:#fff;border-left:1px solid #666; border-right:1px solid #666;}
.left-side-bar {width:150px;float:left;}
.main-content {width:70%;float:left;padding:20px;}
.main-content img {margin:10px 20px;max-width:85%;height:auto;}
.main-content.homepage {margin: 0 250px 0 150px;width:auto;float:none;padding:0px 20px 20px 20px;}
.main-content.homepage .articleSnippet{margin-top:30px;}

.photoGalleryBlock {margin:15px auto 5px;}

.right-side-bar {width:250px;float:right; }
.header-bar {background-color:#990000; color:#fff; font-family:impact,arial;letter-spacing:2px; text-align:center;padding:5px;text-transform:uppercase;font-size:.85em;}
#mobileHeaderTrigger {float:right;box-shadow: -2px 2px 5px #888888; width:202px; cursor:pointer; background-image:url('/graphics/arrow_down.gif');background-size:15px 15px; background-repeat:no-repeat;background-position:right 10px center;border-radius:9px 9px 0px 0px; height:20px;padding:4px 0px 0px 0px; background-color:rgb(153,0,0); background-color:rgba(153,0,0,1); color:#fff;font-family:impact,arial;letter-spacing:2px; text-align:left;text-transform:uppercase;font-size:.75em;margin-left:5px;}
#mobileHeaderTrigger.open{xxxmargin-top:-25px;right:0;background-size:15px 15px; background-image:url('/graphics/close.gif');background-repeat:no-repeat;background-position:right 10px center;position:fixed;width:202px;}
#mobileHeaderTrigger span {margin-left:10px;}
.side-bar-content {background-color:#ccc;padding:3px;margin-top:10px;}
#mobileHeaderTrigger {display:none;}

.headerInfoBlock {display:none;background-color:#ccc;padding:10px;}
.searchButton {cursor:pointer;}

.articleCategory {float:right;margin-top:7px;}
.titleBar .articleCategory a {font-style:italic;font-family:arial,sans-serif;color:#666;text-transform:uppercase;font-size:.9em}

#onaLogo {float:left; margin:10px 0px 0px 275px;}
.breadcrumb {margin-bottom:5px;margin-top:10px;font-size:.8em;text-transform:uppercase;font-style:italic;font-family:arial,sans-serif;}
.breadcrumb a {color:#666;}
.arrowdiv {font-size:.65em;color:#666;display:inline-block;margin:0px 5px;position:relative;top:-2px;}

.titleBar {font-size:.75em;}
.titleBar .articleTitle {display:inline-block;width:75%;font-size:2em;}
.titleBar  a{color:#000;}

.articleTypeBlock {margin-top:20px;margin-bottom:10px;width:200px; background-color:#000;color:#fff;margin-left:auto;margin-right:0;text-align:right;padding:5px 15px;font-family:impact,arial;font-size:1.1em;letter-spacing:2px}
.articleTitle {font-size:1.7em;font-weight:800;}

.articleAuthor{float:right;text-transform:uppercase; font-size:.7em;margin-bottom:20px;margin-top:2px;}
.articleUpdateDate {float:left;font-size:.65em;font-style:italic;margin-bottom:10px;margin-top:2px;text-transform:uppercase;font-family:arial,sans-serif;color:#666;}
nav ul{list-style-type:none; margin:0px;padding:0px;}
nav ul li {padding:5px 5px 5px 5px;border-bottom:1px solid #fff;font-size:.85em;}
nav ul li:last-child {border-bottom:none;}
nav ul li a {color:#000;}
.affiliates {text-align:center;}
.footer {clear:both;}
.clearBlock {clear:both;}
.overlay {position:absolute;top:0px; left:0px; width:100%; height:100%;background-color:#000; opacity:.7;visibility:hidden;}
.socialButtons {display:inline-block;}
.socialButtonPages {float:left;}
.otherButtons {float:right;margin:10px 10px 0px 0px;}
.moreButtons {float:right;margin-left:40px;}
.moreButtons span {display:block;}
.addthis_button {display:block;margin-top:5px;}


.moreButton {font-size:.65em;display:inline-block;margin-right:20px;text-align:center;}
.moreButton img {height:20px;}
#searchIcon {background-image:url('graphics/search-icon2_72.png');height:65px;width:62px; display:inline-block;margin-left:5px;margin-bottom:10px}
#calendarIcon{background-image:url('graphics/calendar-icon2_72.png');height:65px;width:59px; display:inline-block;margin-left:25px;margin-bottom:10px}
.footer {padding-bottom:50px;}

/* updated form table structures */
.form-label,.form-field {float:left;}
.form-label {width:100px;}
.form-field {margin:0px 40px 0px 0px;}
.clearFloat {clear:both;height:15px;}
.infoText {font-size:11px;}
.submitButtons {text-align:center}
.submitButtons input{margin-left:10px;}
textarea[name="content"] {height:300px;width:500px;}
textarea[name="metakeys"]{height:25px;width:500px;}
textarea[name="metadesc"]{height:100px;width:500px;}
textarea[name="aprofile"]{height:100px;width:500px;}
textarea[name="comment"]{height:100px;width:500px;}
.loginBox {width:500px;margin:0 auto;}

.error-message {color:red;font-size:12px;margin-bottom:10px;text-align:center;}

.adminsearch tr.hilight {background-color:#ddd;}
.adminsearch td {padding-right:3px; font-size:.65em;}


#hamburger {
    xxborder: 1px solid #374C77;
    xxxborder-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: none;
    height: 35px;
    padding: 4px 4px 3px;
    position: absolute;
	top:3px;
	left:3px;
    width: 35px;
    background: #990000;
    xxbackground: -moz-linear-gradient(top,  #4569b2 0%, #4062a5 100%);
    xxbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4569b2), color-stop(100%,#4062a5));
    xxbackground: -webkit-linear-gradient(top,  #4569b2 0%,#4062a5 100%);
    xxbackground: -o-linear-gradient(top,  #4569b2 0%,#4062a5 100%);
    xxbackground: -ms-linear-gradient(top,  #4569b2 0%,#4062a5 100%);
    xxbackground: linear-gradient(to bottom,  #4569b2 0%,#4062a5 100%);
    xxfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4569b2', endColorstr='#4062a5',GradientType=0 );
	box-shadow: 2px 2px 5px #888888;
}
 
/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 3px;
    margin-top: 5px;
    width: 90%;
}

/* target mobile */
@media screen and (min-device-width : 320px)  and (max-device-width: 667px){
	#hamburger {display:block;}
	.left-side-bar {margin-left:-70%;width:70%;top:0px;left:0px;z-index:10000;position:absolute;height:100%;overflow-y:scroll;}
	.main-content {width:auto;padding:0;}
	.right-side-bar{width:100%;}
	#site-logo {width:80%; height:auto; margin-left:45px;}
	.socialButtons,.otherButtons{display:inline-block;margin:0}
	.socialButtonPages {float:right;}
	.moreButtons {float:none;xxxmargin-left:25px;}
	.socialButtons {margin-right:25px;}
	.otherButtons .siteFlip{display:none;}
	xxx.moreButton.addthisButton {margin-left:139px; margin-right:0px;}
	.moreButton {margin-right:15px;}
	.addthis_button img {height:15px; width:100px;}
	#calendarIcon{margin-left:0}
	body {margin:0}
	nav ul li {font-size:1.3em;}
	.main-content img {max-width:100%; display:block;float:none;}
	.page {width:95%;}
	small {clear:both;}
	#onaLogo{display:none;}
	.commentBlock td {font-size:.65em;padding:3px}
	.commentBlock img {margin:0;max-width:none;} 
	xxxform {overflow:scroll;}
	.mainHeader {text-align:left;}
	
	.main-content.homepage{width:100%;margin:0;padding:0;}
	#mobileHeaderTrigger {display:block;}
	.header-bar  {font-size:.75em;}
	.right-side-bar{position:fixed; bottom:0;margin-left:-10px;max-height:50%;overflow-y:scroll;width:100%;background-color:#eee;}
	.right-side-bar .side-bar-content {display:none;}
	.articleSnippet img {width:100%;margin:0;}
	.titleBar {font-size:.75em;}
	.titleBar .articleTitle {font-size:1.4em;font-weight:800;}
	.articleList {margin-top:45px;}
	
	textarea[name="content"],textarea[name="metakeys"],textarea[name="metadesc"],textarea[name="aprofile"],textarea[name="comment"]{width:100%;margin-top:7px;}
	input[name="msg_date"],input[name="fileSubmit"]  {margin-top:10px;}
	.form-field .infoText {display:block;}
	.form-label  {width:100%;float:none;}
	.form-field {width:100%;float:none;margin:5px 0px 20px;}
	.clearFloat {display:none;}
	.loginBox {width:100%;}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .mainHeader {text-align:left;}
  .mainHeaderInner {width:550px;}
  .socialButtons {margin-left:10px;}
}

@media screen and (max-width:667px){
	#hamburger {display:block;}
	.left-side-bar {margin-left:-70%;width:70%;top:0px;left:0px;z-index:10000;position:absolute;height:100%;overflow-y:scroll;}
	.main-content {width:auto;}
	.main-content img {margin:0px;}
	.right-side-bar{width:100%;}
	#site-logo {width:80%; height:auto; margin-left:45px;}
	.socialButtons,.otherButtons{display:inline-block;margin:0}
	.socialButtons {margin-right:25px;}
	.otherButtons .siteFlip{display:none;}
	#calendarIcon{margin-left:0}
	body {margin:0}
	.page {width:95%;border:0px;}
	small {clear:both;}
	#onaLogo{display:none;}
	.commentBlock td {font-size:.65em;padding:3px}
	.commentBlock img {margin:0;max-width:none;}  
	xxxform {overflow:scroll;}
	.mainHeader {text-align:left;}
	
	.main-content.homepage{width:100%;margin:0;padding:0;}
	#mobileHeaderTrigger {display:block;}
	.right-side-bar{position:fixed; bottom:0;margin-left:-10px;max-height:50%;overflow-y:scroll;width:100%}
	.right-side-bar .side-bar-content {display:none;}
	.articleSnippet img {width:100%;margin:0;}
	.titleBar {font-size:.75em;}
	.titleBar .articleTitle {font-size:1.4em;font-weight:800;width:60%;}
	.articleList {margin-top:24px;}
	.articleCategory {float:right;margin-top:3px;}
	.titleBar .articleCategory a {font-size:.8em;}
	.loginBox {width:100%;}
}