/*************************************************************************************************
Atherton Tablelands Bike and Bird Accommodation styling
**************************************************************************************************/
/*deep ocean: #364153
mid grey: #69717e
yellow: #ffb441   
logo font: #012c63*/
/* Layout */
@charset "utf-8";
/*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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
a {outline: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;} 
ol, ul {list-style: none;}
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */	padding: 0;	margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body { font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif; background: #f9fcf1; margin: 0 auto; padding: 0; color: #000; text-align: center; background: #364153; }
header {}
#wrapper { margin: 0px auto; padding: 0px; clear: both; text-align: left;  }
#page { background: #FFF; }
#cassowary {}
.logo {display: block; margin-right: auto; margin-left: auto}
#tag { font-style: italic; color: #000; margin: 0px; padding: 0px; clear: right;}
/* Links */
#contact p a, #contact p a:visited {color: #000; font-weight: bold; background: #ffb441; text-align: center; display: block; padding: 5px; margin: 0px 0px 10px; width: 210px; text-decoration: none; }
#contact p a:hover, #contact p a:active, #contact p a:focus { color: #ffb441; font-weight: bold; background: #000;; text-align: center; display: block; padding: 5px; margin: 0px 0px 10px; width: 210px; text-decoration: none; }

#wrapper #page header #contact p .phone { font-size: 24px; }


#content a:link { color: /*#a65a2a*/ #69717e; text-decoration: none; font-weight: bold;}
#content a:visited { color: /*#a65a2a*/ #69717e; text-decoration: none; font-weight: bold; }
#content a:hover, #content a:active, #content a:focus { color:#000; text-decoration: underline; font-weight: bold; float: none; }
footer a, footer a:link, footer a:visited { color: #ffb441; font-weight: bold; text-decoration: none; } 
footer a:hover, footer a:active, footer a:focus { color: #000000; font-weight: bold; text-decoration: underline; }  

/*NAVEGATIION - mobile first***********************************************/
#nav {clear: both; width: 100%;}
/*Display & style 'show menu' link*/
.show-menu { font:bold 14px/40px Verdana, Geneva, sans-serif; color:#ffb441; text-decoration: none; background: #69717e; text-align: center; padding: 0px 0 0px; height: 40px; display:block; border-bottom: 1px solid #000; width: 100%; }
.show-menu img { vertical-align: middle;  }
/*Hide checkbox*/
input[type=checkbox]{display: none; }
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{display: block;}
/*Strip the ul of padding and list styling*/
#nav ul { list-style-type:none; margin:0; padding:0 0 0 0; position: absolute; z-index: 100;}
/*Create a horizontal list with spacing*/
#nav li { display:inline-block; float: left;}
/*Style for menu links*/
#nav li a { font:bold 16px Verdana, Geneva, sans-serif; color:#ffb441!important; text-decoration: none!important; text-align: center; display:block;	height: 40px; line-height: 40px; background: #69717e; text-align: left; border-bottom: 1px solid #000;  }
/*Hover state for top level links*/
#nav li:hover a { background: #000000; color: #FFF!important; text-decoration: none!important; }
/*Keeps the link size consistant when clicking*/
#nav li a:active { margin: 0px; padding: 0px; }
#nav li a:visited {margin: 0px; padding: 0px; /*padding-left: 35px!important;*/ }
#nav li a:focus {margin: 0px!important; padding-left: 35px;}
/*Style for dropdown links*/
#nav li:hover ul a {font:bold 16px Verdana,Geneva, sans-serif; color:#fff; background: #000;		height:40px; line-height: 40px;text-align: left;}
/*Hover state for dropdown links*/
#nav li:hover ul a:hover {color:#fff; background: #000000;}
/*Hide dropdown links until they are needed*/
#nav li ul {	display: none;}
/*Make dropdown links vertical*/
#nav li ul li {	display: block;	float: none;}
/*Prevent text wrapping*/
#nav li ul li a { width: auto; min-width: 100px; background: #0FF; }
/*Display the dropdown on hover*/
#nav ul li a:hover + .hidden, .hidden:hover { display: block; background: #0FF; }
/*Make dropdown links appear inline*/
ul {		position: static;		display: none;	}
	/*Create vertical spacing*/
#nav li {	}
/*Make all menu links full width*/
ul li, li a {		width: 100%;	}
ul { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
ul li a, #centeredmenu ul li a:hover, #centeredmenu ul li a:focus, #centeredmenu ul li a:active, #centeredmenu ul li a:visited { text-align: left; width: 100%!important; margin: 0px; padding: 0px 0px 0px 35px; }
/*CONTENT***********************************************/
#hero {clear: both; }
#content { clear: both; /margin-bottom: 25px; padding-bottom: 25px; overflow: auto; }
.pullquote { text-align: center; margin-right: auto; margin-left: auto; background: #fff; border: 3px solid #ffb441; padding: 10px; margin-bottom: 10px; }
/* Home page*/
#content .box { text-align: center; margin: 0px auto; padding: 0px; display: block; width: 100%; }
#content .boxL h2,.boxC h2, .boxR h2 {font-family: 'Noto Serif', sans-serif; color: #012c63; text-align: center; margin: 0px; padding: 5px 0px 0px; }
/* Footer */
footer { max-width: 100%; padding-bottom: 15px; clear: both; margin-top: 25px; background: #69717e; }
.foot-right a img { margin-bottom: 5px; }
/* Titles & fonts */
h1, h2, h3 {font-family: 'Noto Serif', serif; color: #012c63; clear: both; padding-top: 25px;  }
h1 { font-size: 32px; line-height: 1.2; padding-bottom: 15px; }
h2 {font-size: 22px; line-height: 1.2; }
h3 {font-size: 18px; line-height: 1.2; }
p { padding-bottom: 15px; }
strong { font-weight: bold; }
.rumraisin {font-family:  'Noto Serif', sans-serif; font-size: 18px; color: #000; }
.small { font-size: 10px; }
.green { color: #009933; font-weight: bold; }
em { font-style: italic; }

/* Images */
img {max-width: 100%;	height: auto; width:auto; border: none;}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none; margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; display: inline; vertical-align:top;}
.alignleft { float: left; margin: 0px 25px 25px 0px; }
.alignright {float: right; margin: 0px 0px 15px 25px; }
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.centre {/*centres the div on the gallery page*/ text-align: center; display: block; float: none; margin-right: auto; margin-left: auto; }
.TH { display: block!important; margin-left: auto!important; margin-right: auto!important; float: none!important; clear: both; }

/* Lists */
.content ul, .content ol {	padding: 0 15px 15px 40px; }
#content ul li { width: 100%!important; background: #0F0; text-align: left; }


/*Forms */
form { padding: 10px; overflow: hidden; margin: 0 0px; width: 98%; padding: 5px; background: #CCC; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input { line-height: normal; *overflow: visible; background-color: #fff; clear: both; width: 96%; margin-bottom: 10px; padding-top: 5px; padding: 5px; border: none;}
textarea { clear: both; width: 96%; margin-bottom: 10px; padding: 5px; }
select {margin-bottom: 10px;  }
table button, table input { * }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { vertical-align: top; resize: vertical; padding: 5px;}
.input-box {border: none;}
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
button { background-color:#d8a461 }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
.submit-button { color: #000; font-weight: bold; background: #ffb441; text-align: center; display: block; padding: 5px; margin: 0px 20px 10px 0px; width: 210px; text-decoration: none; float: right; border: none; }
.securitycode { }
.required { font-size: x-small; color: #ff0000; }
form h2 { margin-top: 0px; padding-top: 0px; }

/* Flexible iFrame 
.Flexible-container {position: relative;padding-bottom: 56.25%; padding-top: 30px; height: 0;overflow: hidden;}*/
.Flexible-container {position: relative;padding-bottom: /*56.25*/86.25%; padding-top: 0px; height: 0;overflow: hidden;}
.Flexible-container iframe,  .Flexible-container object,.Flexible-container embed { position: absolute; top: 0;    left: 0; width: 100%; height: 100%;}

/* Elements*/
hr { background-color: #004d59; border: 0 none; height: 1px; margin: 5px 0px 1rem; }
.clear { clear: both; height: 0px; }
.space { height: 25px; clear: both; }

/* Gallery*/
.TH { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.label[data-label] { position: relative; margin: auto; display: inline-block; width: auto; overflow: hidden;  }
.label[data-label].fade {opacity: 1!important;}
.label[data-label]:after, .label[data-label]:before { position: absolute; height: auto; width: 100%; display: block; background:rgba(249, 252, 241, 1); opacity: 0.50; content:attr(data-label); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: center; }
.label[data-label].bottom:after { bottom:1%;}
.label[data-label].top:after,.label[data-label].bottom:before,.label[data-label].inside.middle:before { display: none;}
.label[data-label].fade:after,.label[data-label].fade:before,.label[data-label].float:after,.label[data-label].float:before {transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;}
.label[data-label].fade:after,.label[data-label].fade:before {opacity: 0; visibility: hidden;}
.label[data-label].fade:hover:after, .label[data-label].fade:hover:before {opacity: 1; visibility: visible;}
.label[data-label].inside.bottom.float:after {bottom: -5px;}
.label[data-label].inside.bottom.float:hover:after {bottom: 0%;}
.label[data-label].float:after,.label[data-label].float:before {opacity: 0; visibility: hidden; }
.label[data-label].float:hover:after, .label[data-label].float:hover:before {opacity: .8; visibility: visible; }

/*Pages*/
.service { border-bottom: 1px solid #69717e; overflow: auto; padding-top: 10px; padding-bottom: 10px; }
.service h2 { text-align: left; clear: none; margin: 0px; padding: 0px; }
.service img {display: block; margin-left: auto; margin-right: auto;}
.service p { text-align: left; clear: none; }
.region { margin-top: 15px; margin-bottom: 15px; }

/*PHONE-------------------------------------------------------------- */
@media screen and (min-width: 200px) and (max-width:600px) {
body { }
#wrapper { max-width: 600px; margin: 0px auto; padding: 0px; clear: both; text-align: left; }
#page {}
#cassowary { display: none; }
header {padding: 0px;}
.logo {/*width: 90%*/ max-width: 90%; margin: 0em auto;  padding-top: 1em; padding-bottom: 1em; }

header h1 { font-size: 260%; clear: none; float: left; margin: 0px; padding: 10px 0px 0px; }
#contact { clear: both; width: 80%; display: block; margin-left: auto; margin-right: auto; float: none;}
#contact p { margin: 0px; padding: 0px; }
#contact p a, #contact p a:visited { color: #000; font-weight: bold; text-decoration: none; background: #ffb441; text-align: center; display: block; padding: 5px; width: 75%; display: block; margin-left: auto; margin-right: auto; float: none; margin-bottom: 10px;}
#contact p a:hover, #contact p a:active, #contact p a:focus { color: #ffb441; font-weight: bold; text-decoration: none; background: #000; text-align: center; display: block; padding: 5px; width: 75%; display: block; margin-left: auto; margin-right: auto; float: none; margin-bottom: 10px;}
#tag { text-align: center; display: block; }
#hero { }
#content { clear: both; margin: 0px; padding: 0px 15px; }
/* Home Page - content boxes*/
.box {display: block; margin-left: auto; margin-right: auto; float: none; clear: both; margin-top: 0px; margin-bottom: 25px;}
.boxL, .boxC, .boxR {display: block; margin-left: auto; margin-right: auto; float: none; clear: both; text-align: center; margin-top: 0px;}
#content .boxL h2,.boxC h2, .boxR h2 { /*font: bold 18px 'Nothing You Could Do', cursive; color: #004d59; text-align: center; margin: 0px; padding: 5px 0px 0px;*/ }
.imgL { display: block; float: none; clear: both; text-align: center; margin: 0px auto 25px; }
.imgC {display: block; margin-left: auto; margin-right: auto; float: none; clear: both; text-align: center; margin: 0px auto 25px; }
.imgR {display: block; margin-left: auto; margin-right: auto; float: none; clear: both; text-align: center; margin-top: 0px;}


/*FORM*/
form { padding: 10px; overflow: hidden; margin: 0 0px; float: left; width: 96%; padding: 5px; }
/* Footer */
footer { max-width: 100%; padding-bottom: 15px; clear: both; margin-top: 25px; }
.foot-left { display: block; float: none; clear: both; text-align: center; margin: 0px auto; padding-top: 35px; }
.foot-center {display: block; margin-left: auto; margin-right: auto; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; text-align: center; }
.foot-right { display: block; margin-left: auto; margin-right: auto; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; text-align: center; }

/* Images */
.alignleft { display: block; margin-left: auto; margin-right: auto; float: none; }
.alignright {display: block; margin-left: auto; margin-right: auto; float: none; }
.alignnone {display: block; margin-left: auto; margin-right: auto; float: none; }
.aligncenter {display: block; margin-left: auto; margin-right: auto; float: none;}
.imgL { display: block; float: none; clear: both; text-align: center; margin: 0px auto 25px; }
.imgC {display: block; margin-left: auto; margin-right: auto; float: none; clear: both; text-align: center; margin: 0px auto 25px; }
.imgR {display: block; margin-left: auto; margin-right: auto; float: none; clear: both; text-align: center; margin-top: 0px;

}

/*.TH { display: block!important; margin-left: auto!important; margin-right: auto!important; float: none!important; clear: both; }*/
.TH{display:block!important;margin-left:auto!important; margin-right: auto!important;float: none!important; clear: both;}
}

/*TABLET*/
@media screen and (min-width: 600px) { 
body {}
#wrapper { max-width: 960px; margin: 0px auto; padding: 0px; clear: both; text-align: left; }
#page { }
#cassowary { display: none; }
header { padding: 2em 0px 0px; }
.logo { max-width: 400px; float: left; margin: 0em 0px 1em 2em; padding: 0px; }
#contact { text-align: right; float: right; padding: 0px 25px 0px 0px; }
#contact p { margin: 0px; padding: 0px; }
#tag { text-align: left; margin-right: auto; margin-left: auto; clear: right; width: 500px; padding-top: 0px;}
/*Links
#content a:link { color: #a65a2a; text-decoration: none; font-weight: bold;}
#content a:visited { color: #a65a2a; text-decoration: none; font-weight: bold; }
#content a:hover, #content a:active, #content a:focus { color:#000; text-decoration: underline; font-weight: bold; float: none; }*/

/*NAVEGATIION - mobile first***********************************************/
.show-menu {		display:block;	border-bottom: none;}
.show-menu {display: none; }
.show-menu img {display: none; }
/*Strip the ul of padding and list styling*/
ul {	list-style-type:none;	margin:0;	padding:0; display: block;	position: absolute; }
/*!!!!!Floats menu links to left*/
#nav li { display:inline-block; float: left; border-bottom: none; }
/*Style for menu links*/
li a { font: bold 11px/normal Verdana, Geneva, sans-serif!important; color:#ffb441 text-decoration: none; line-height: 40px!important; display:block; height: 40px; background: #69717e; border-bottom: none; }
li a:hover { font: bold 11px/normal Verdana, Geneva, sans-serif!important; color:#ffb441 text-decoration: none; line-height: 40px!important; display:block; height: 40px; background: #000; border-bottom: none;}
/*!!!!!Styles menu links*/
ul li, li a, ul li, li a:hover, ul li, li a:active, ul li, li a:focus, ul li, li a:visited  {		width: 80px!important;	padding-left: 0px; text-align: center;}
/*Style for dropdown links*/
li:hover ul a {color:#ffb441; background: #69717e; height:40px; line-height: 40px;}
/*Hover state for dropdown links*/
li:hover ul a:hover {color:#fff; text-decoration: none; background: #000000;}
/*Hide dropdown links until they are needed*/
li ul {	display: none;}
/*Make dropdown links vertical*/
li ul li {	display: block;	float: none;}
/*Prevent text wrapping*/
li ul li a { width: auto; min-width: 100px;}
/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {	display: block;}	
#centeredmenu {width:100%;  overflow:hidden; position:relative;}
#centeredmenu ul {margin-left: 0px; }
#centeredmenu ul {   clear:left;   float:left;   list-style:none;   margin:0;   padding:0;   position:relative;   left:50%;   text-align:center;}
#centeredmenu ul li {display:block;   float:left;   list-style:none;   margin:0;   padding:0; position:relative;   right:50%;}
#centeredmenu {background: #69717e!important; width: 100%!important;}
#centeredmenu ul li a { text-align: center; padding-left: 0px!important; }
#centeredmenu ul li a, #centeredmenu ul li a:hover, #centeredmenu ul li a:active, #centeredmenu ul li a:focus, #centeredmenu ul li a:visited  { text-align: center; padding-left: 0px!important; }
#nav li a { border-bottom: none;  }
/*CONTENT*/
#hero { }
#content { clear: both; padding-right: 25px; padding-left: 25px;}
.pullquote { float: right; text-align: center; width: 200px; margin: 0px auto 10px 25px; padding: 0px 10px 10px; background: #fff; border-left: 5px solid #ffb441; border-bottom: 5px solid #ffb441; border-top-style: none; border-right-style: none;margin-bottom: 0px;  }
/* Home Page - content boxes*/
.box{display: block; margin-left: auto; margin-right: auto; float: none; clear: both; margin-top: 0px; margin-bottom: 15px; }
.boxL { text-align: left; float: left!important; width: 30%!important; margin: 0px 5% 0px 0px; padding: 0px;}
.boxC {float: left!important; width: 30%!important; margin: 0px; margin: 0px 5% 0px 0px; padding: 0px;}
.boxR {text-align: right; float: left!important; width: 30%!important; margin: 0px; padding: 0px;}


/* Footer */
footer { margin-top: 0px; padding: 25px; height: 130px; width: 100!important; overflow: hidden; }
.foot-left { text-align: left; float: left!important; width: 30%!important; margin: 0px 12% 0px 0px; padding: 0px;}
.foot-center { float: left!important; width: 18%!important; margin: 0px; margin: 0px; padding: 0px; }
#wrapper #page footer .foot-center a img {}
.foot-right { text-align: right; float: right!important; width: 30%!important; margin: 0px; padding: 0px;}


/* Images */
.alignleft { display: block; margin-left: auto; margin-right: auto; float: none; }
.alignright {display: block; margin-left: auto; margin-right: auto; float: none; }
.alignnone {display: block; margin-left: auto; margin-right: auto; float: none; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; float: none; background: #0FF; }
.box{display: block; margin-left: auto; margin-right: auto; float: none; clear: both; margin-top: 0px; margin-bottom: 15px; }
.imgL { text-align: left; float: left!important; width: 30%!important; margin: 0px 5% 0px 0px; padding: 0px;}
.imgC {float: left!important; width: 30%!important; margin: 0px; margin: 0px 5% 0px 0px; padding: 0px;}
.imgR {text-align: right; float: left!important; width: 30%!important; margin: 0px; padding: 0px;}
/*Elements*/
.columnL { float: left; width: 48%;}
.columnR { float: right; width: 48%;}
/*Pages*/
.service { border-bottom: 1px solid #69717e; overflow: auto; padding-top: 10px; padding-bottom: 10px; }
.service h2 { text-align: left; clear: none; margin: 15px 0px; padding: 0px; }
.service img { margin: 0px 25px 0px 0px; padding: 0px; float: left; }
.service p { text-align: left; clear: none; }
}

/* DESKTOP - for large screens - view cassowary*/
@media screen and (min-width: 1350px)  {
body {}
#wrapper { max-width: 1340px; margin: 0px auto; padding: 0px; clear: both; text-align: left;}
#page { max-width: 1040px; margin: 0px auto; padding: 0px; clear: none; text-align: left; float: left; outline: 1px solid #000000;/*#69717e;border: 1px solid #ffb441;*/ }
#cassowary { max-width: 300px; clear: none; float: right; display: inline; }
.logo { max-width: 500px; float: left; margin: 0em 0px 0em 8em; padding: 0px; }
#contact {}
#contact p { }
#tag { clear: both; margin-left: auto; margin-right: auto; padding-top: 0; text-align: right; width: 500px; }
/*NAVEGATIION - mobile first***********************************************/
ul li, li a { text-align: center!important; width: 130px!important; margin: 0px; padding: 0px; }
li a { font: bold 15px Verdana, Geneva, sans-serif!important; /*color:#ffb441 text-decoration: none; display:block; height: 40px; line-height: 40px; background: #69717e; border-bottom: none;*/ }
li a { font: bold 15px/normal Verdana, Geneva, sans-serif!important; color:#ffb441 text-decoration: none; line-height: 40px!important; display:block; height: 40px; background: #69717e; border-bottom: none; }
li a:hover { font: bold 15px/normal Verdana, Geneva, sans-serif!important; color:#ffb441 text-decoration: none; line-height: 40px!important; display:block; height: 40px; background: #000; border-bottom: none;}
/*CONTENT*/
#hero {margin: 0px 0px 0px; padding: 0px 0px;  clear: both; }
#hero .container h1 { /*clear: right; float: left; font: bold xx-large 'Nothing You Could Do', cursive; color: #F9FCF1; padding-top: 15px;*/}
#content { clear: both;}
.pullquote { }
/* Home Page - content boxes*/
.box { }
.boxR {}
.boxL { }
.boxC { }
.imgL {}
.imgC {}
.imgR {}

/* Footer */
footer {}
/* Images */
.alignleft { float: left; margin: 0px 25px 25px 0px; }
.alignright {float: right!important; margin: 0px 0px 15px 25px; }
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
}
/* Lists */
.content ul, .content ol {	padding: 0 15px 15px 40px; }
#content ul li { width: 100%!important; background: #0F0; text-align: left; }
#wrapper #page #content .columnR h2 { margin: 0px; padding: 0px; }