html {
height:100%;
}




body {
padding: 0px;
height:100%;
font-family: Verdana, Arial, Helvetica,  Century Gothic, sans-serif;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#ffffff;
}





@media only screen and (max-width: 600px) {
  body {
font-size: 1.5em; 
  }
}


@media only screen and (min-width: 601px) and (max-width: 960px) {
  body {
    font-size: 1.2em; 
  }
}


@media only screen and (min-width: 961px) {
  body {
    font-size: 1.0em; 
  }
}



.maxwidth {
min-width:200px;
display:block;
margin-left:auto;
margin-right:auto;
max-width:900px;
}





div.top1-outer {
margin-bottom:0px;
display:block;
clear:both;
background-image:linear-gradient(90deg, #ffffff, #ffffff, #ffffff, #ffff00);
}




div.top1-inner {
clear:both;
margin:auto;
min-height:50px;
}



div.top2-outer {
display:block;
background-color:#008b5b;
min-height:55px;
clear:both;
}






div.top2-inner {
display:block;
padding-top:2px;
margin:auto;
}




div.midriff {
display:block;
margin:auto;
border:0px solid #000000;
/*border-radius:20px;*/
padding:6px;
/*box-shadow:2px 2px 16px #222222;*/
}



div.footer {
display:block;
margin: auto;
padding-top:8px;
padding-bottom:8px;
/*background-color:#203a3a;*/
background-color:#666666;
color:#ffffff;
}


.footer a {
text-decoration:none;
color:#ffffff;
}


.footer a:hover {
color:#cccccc;
text-decoration:underline;
}



div.footerflexi {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
border:0px solid #ffff00;
}



div.megabox {
border:0px solid #ffaa00;
font-size:94%;
padding:0px;
padding-bottom:8px;
padding-left:8px;
}







img.menu-icon {
border:0px;
width:50px;

}

div.menu-icon {
display:inline-block;
margin-right:20px;
border:0px solid #000000;
cursor:pointer;
}

.top-icon-container {
float:right;
margin-right:20px;
margin-top:12px;
margin-bottom:10px;
border:0px solid #000000;
xwidth:50%;
}

.hamburger {
font-size:160%;
cursor:pointer;
color:#ffffff;
float:left;
padding:left:10px;
padding-right:10px;
}








/* /////////////////////////////  menus //////////////////////////// */


/*//////////////////////// phone style ///////////////////*/

#menuclicker {
display:block;
float:left;
position:absolute;
z-index:5;
padding:6px;
font-size:140%;
color:#ffffff;
cursor:pointer;

}

#menuclickerup {
display:block;
float:right;
padding:4px;
padding-left:16px;
font-size:140%;
color:#ffffff;
cursor:pointer;
}

#mobile_nav_wrap {
display:block;
float:left;
position:absolute;
z-index:5;
min-height:20px;
min-width:100px;

}

#mobile_nav_wrap ul {
list-style:none;
margin:0;
padding:0;
background-color:#558855;
font-size:100%;
}


#mobile_nav_wrap ul ul {
list-style:none;
padding-left:20px;
/*background-color:#508050; */    /*447744    95*/
background-image:linear-gradient(90deg, #558855, #447744);
font-size:92%;
}

#mobile_nav_wrap ul ul ul {
list-style:none;
padding-left:20px;
/*background-color:#4c7c4c;*/    /*336633   90*/
background-image:linear-gradient(90deg, #558855, #336633);
font-size:85%;
}


#mobile_nav_wrap ul a {
display:block;
color:#ffffff;        /* link TEXT colour for ALL menu items */
text-decoration:none;
font-weight:bold;
padding:15px;
text-justify:none;
}


#mobile_nav_wrap ul a:hover {
color:#cccccc;                  /* hover colour of the TEXT for ALL menu items*/     
text-decoration:underline;
background-color:#113311;
}


/*/////////////////////// end phone style /////////////////////////////////////////////*/




/* //// dropdown style ////////////////////////////////////////////////*/ 
#primary_nav_wrap {
display:block;
width:100%;
xfloat:left;
}



/*  top menu bar  */
#primary_nav_wrap ul {
width:100%;
list-style:none;
position:relative;
float:left;
margin:0;
padding:0;
display:inline-block;
/*
text-align: justify;
-ms-text-justify: distribute;
text-justify: distribute;
*/

/* backgorund colour of top bar is set in top2-outer */
}



#primary_nav_wrap ul a {
display:block;
color:#ffffff;        /* link TEXT colour for ALL menu items */
text-decoration:none;
font-weight:bold;
font-size:80%;
line-height:32px;
padding:0 15px;
text-justify:none;
}


#primary_nav_wrap ul a:hover {
color:#cccccc;                  /* hover colour of the TEXT for ALL menu items*/     
text-decoration:underline;

}

#primary_nav_wrap ul li {
position:relative;
margin:0;
padding:0;
display:inline-block;   /* this prevents main bar stacking */
}

#primary_nav_wrap ul li.current-menu-item {
}

#primary_nav_wrap ul li:hover {
background-color:#003b3b;   /* list item HOVER background colour for ALL items - the darkest colour of all three */	
}



#primary_nav_wrap ul li:hover a {

}



/*  children of top menu bar  */

#primary_nav_wrap ul ul {
display:none;
position:absolute;
top:100%;
left:0;               
margin-left:0px;   /* offset this for stacked menu only - try 10 to 40 px*/
padding:0;
opacity:1.0;              /* keep it high (0.9) or ignore*/
z-index:2;
}

#primary_nav_wrap ul ul li {
float:none;
width:180px;
z-index:2;
background-color:#004b4b; /* the normal background colour of the CHILD items (drop downs the medium or middle colour */

}


#primary_nav_wrap ul ul ul li {
background-color:#444b4b; /* the normal background colour of the CHILD items (drop downs the medium or middle colour */

}



#primary_nav_wrap ul ul a {
line-height:120%;
padding:10px 15px;
}


#primary_nav_wrap ul ul a:hover {
text-decoration:underline;
}


/*  children of children of top menu bar  */
#primary_nav_wrap ul ul ul {
top:0;
left:100%;
margin-left:0px;   /* only needed if parent is offset in a stacked situation*/

}

#primary_nav_wrap ul li:hover > ul {
display:block;
}






/* /// end new menu   */





































a {
color: #000000;
}


a:hover {
color: #666666;
text-decoration: underline;
}



h1, h2, h3, h4, h5 {
color:#002200;
}


h1 {

font-size: 130%;
font-weight: normal;

}

h2 {
font-size: 110%;
font-weight: normal;
text-align: left;
}



h3 {
font-size: 105%;
font-weight: bold;
}

h4 {
font-size: 100%;
font-weight: normal;
}

h5 {
font-size: 100%;
font-weight: normal;
}































/* misc  bits and pieces     */


button {
cursor:pointer;
}

a button {
text-decoration:none;
}



.cursive {
/*font-family:"Qwigley", cursive*/
}



div.imgleft {
float: left;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 12px;
border: 0px solid #D6C1A2;
}


div.imgright {
float: right;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 0px;
border: none;
}



img.left {
float: left;
padding-top: 4px;
padding-bottom: 6px;
padding-left: 0px;
padding-right: 16px;
border: none;
}


img.right {
float: right;
padding-top: 4px;
padding-bottom: 6px;
padding-left: 16px;
padding-right: 0px;
border: none;
}


img.center1 {
float: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 4px solid #0000dd;
}


.transparent {
opacity: 0.5;
}



.radii {
padding: 12px;
border-radius: 9px;

}




.newedit {
padding:4px;
padding-left:8px;
padding-right:8px;
}

.bold {
font-weight:bold;
}


table.striped {

border-collapse:collapse;
width:100%;
}





div.honourboardframe {
border-top:8px solid #cc0000;
border-left:8px solid #cc0000;
border-bottom:8px solid #440000;
border-right:8px solid #440000;
}




div.honourboard {
border-top:10px solid #ff7733;
border-left:10px solid #bb3300;
border-right:10px solid #770000;
border-bottom:10px solid #330000;

padding:13px;
background-color:#AD5C1D;
background-image:url('../images/tiled_woodgrain1.jpg');
font-weight:bold;
color:#fddf44;
text-shadow: 3px 3px 0px #220000;
}



div.honourboardheading {
padding:13px;
text-align:center;
font-size:200%;
}



div.honourboard table {
border:0px;
board-collapse:collapse;
width:100%;
font-size:88%;

}



div.honourboard table td {
padding-left:8px;
}



div.honourcolumnleft {
border:0px solid #000000;
vertical-align:top;
min-width:48%;
float:left;
margin-right:12px;

}


div.honourcolumnright {
border:0px solid #000000;
vertical-align:top;
min-width:48%;
float:left;
}



div.honourcolumnsplit {
xdisplay:table-cell;
float:left;
vertical-align:top;
width:20px;
height:100px;
font-size:80%;
}






.stripe_0 td {
background-color:#eeeeee;
border-right:1px solid #dddddd;
padding:2px;
vertical-align:top;
text-align:left;
}

.stripe_1 td {
background-color:#dddddd;
border-right:1px solid #eeeeee;
padding:2px;
vertical-align:top;
text-align:left;
}



#brectop-scroller {
border:0px solid #777744;
padding-right:6px;
width:30%;
display:table-cell;
}




#brectop {
top:0px;
position:relative;
border:1px solid #777744;
padding:6px;
border-radius:6px;
background-color:#ffff22;
width:300px;
}


.light-bankstat {
background-color:#ffffaa;
}

.ultralight-bankstat {
background-color:#ffffcc;
}


#tablecell-spacer {
width:312px;

}


#bankrecjourns-scroller {
padding:0px;
background-color:#ffff44;
border:3px solid #ffdd00;
display:table-cell;
}

#bankrecjourns {
clear:both;
border:1px solid #eecc00;
width:100%;
}


table.bankrec {
border-color:#aaaa00;
border-spacing:1px;
border-collapse:collapse;
background-color:#ffffff;
width:100%;
}

.flagit {
height:12px;
float:right;
cursor:pointer;



}

.unflagit {
height:8px;
width:8px;
float:right;
cursor:pointer;
background-color:#ffff00;
}

.flagged-cell {
background-color:#aaccff;
}

.unflagged-cell {
background-color:transparent;
}


.mouseimage {
width:50px;
float:left;
margin-right:6px;
margin-bottom:2px;
cursor:pointer;
}

.mouseimage:hover {
background-color:#ffcc00;
}


table.bankrec td {
text-align:right;
padding:4px;
}

tr.bankrec-heading td {
text-align:center;
padding:2px;
font-weight:bold;
}


table.bankrec tr:hover td {
background-color:#ffff88;
}


table.generic {
border-spacing:1px;
border-collapse:separate;
background-color:#dddddd;
width:100%;
}



td.generic {
background-color:#ffffff;
vertical-align: top;
padding:4px;
}


td.faded-generic {
background-color:#e2e2e2;
}



td.generic-heading {
background-color:#ffdd88;
font-weight:bold;
font-size:75%;
vertical-align: top;
padding:4px;
}



table.generic tr {
background-color:#ffffff;
}


table.generic tr:hover td {
background-color:#ffff88;
}


a.reversed_generic {
text-decoration:none;
color:#000000;
}

a.reversed_generic:hover {
text-decoration:underline;
}


.nohover {
background-color:#f2f2f2 !important;
}

.nohover:hover {
background-color:#f2f2f2 !important;
}



.table-ute {
border-collapse:collapse;
border:1px solid #cccccc;
width:98%;
}




.table-ute tr:nth-child(even) {
background-color: #f4f4f4;
}


.table-ute tr:hover {
background-color:#ffffaa;
}


.table-ute td {
border:1px solid #cccccc;
padding:1px;
padding-left:4px;
padding-right:4px;
} 






.generic-edit {
padding:20px;
border-radius:12px;
margin:12px;
border:1px solid #aaaaaa;
}



.inputmargin {
margin-left:12px;
margin-bottom:6px;
}



.light-background {
background-color:#eeeeff;
}

.dark-background {

background-color:#eeeeee;
}


.section_public {
margin-bottom:38px;
clear:both;
text-align:justify;
}


.section_editor {
border:1px dashed #777777;
border-radius:10px;
min-height:100px;
padding:3px;
margin-bottom:62px;
clear:both;
text-align:justify;
}



.section-img {
width:100%;
border:0px;
}



.gallery-arrow {
opacity:0.2;
cursor:pointer;
font-size:150%;
display:table-cell;
vertical-align:middle;
text-align:center;
line-height:0.95em;
width:4%;
}

.gallery-arrow:hover {
opacity:1.0;
}



div.ajax-widget {
float:left;
margin:4px;
cursor:pointer;
text-decoration:underline;
color:#0066ff;
font-weight:normal;
font-size:85%;
}

.ajax-widget:hover {
color:#0033aa;

}


.ajax-widget a {
color:#0066ff;
}

.ajax-widget a:hover {
color:#0033aa;
}


.ajax-widget div {
display:inline;
}


.hover-drop {
width:100px;
min-height:20px;
padding:6px;


border:1px solid #000000;
}

.hover-drop:hover {
border:1px solid #0066ff;
}




.acc-action {
margin-bottom:10px;
}

.acc-pages {
float:left;
min-height:300px;
border:0px solid #0000ff;
}


.reversed {
text-decoration:none;
}

.reversed:hover {
text-decoration:underline;
}




.bees {
border:0px solid #000000;
height:8px;
visibility:hidden;
}


.shadowed {
margin-bottom:6px;
box-shadow:2px 2px 5px #aaaaaa;
}



.monster-button {
text-decoration:none;
padding:6px;
padding-left:20px;
padding-right:20px;
font-weight:bold;
font-size:130%;
color:#ffffff;
background-color:#ff0000;
border-radius:16px;
margin:auto;
box-shadow:4px 4px 6px #444444;
}

.monster-button:hover {
text-decoration:underline;
color:#cccccc;
background-color:#cc0000;
box-shadow:4px 4px 6px #888888;

}


.debate-overview {
clear:both;
padding:4px;
background-image:linear-gradient(#ccffcc, #ffffff);
}



.debate {
clear:both;
padding-top:12px;
border-top:1px solid #cccccc;
background-image:linear-gradient(to bottom right,  #ededed,  #ffffff, #ffffff);
}


.debate-meta {
width:150px;
float:left;
font-size:75%;
border:0px solid #0000ff;

}

.debate-txt {
width:70%;
padding-left:18px;
float:left;
border:0px solid #ff0000;

}


.debate-reply {
 margin:20px;
 padding:20px;
 border-top:1px solid #cccccc;
background-color:#ccffcc;
}

.debate-closed {
 margin:10px;
 padding:10px;
clear:both;
font-weight:bold;
text-align:center;
background-color:#ffcccc;
}


.checkout-label {
text-align:right;
vertical-align:top;
padding:6px;
padding-right:12px;
}


.gpfrm_input {
padding:6px;
}

.gpfm_error_msg {
font-size:80%;
color:#cc0000;
margin-left:12px;
}


.gpfm_error {
border:2px solid #ff0000;
background-color:#ffffaa;
}

.gpfm_good {
margin-bottom:6px;
box-shadow:2px 2px 5px #aaaaaa;
}

.download {
border-radius:6px;
padding:1px;
padding-left:8px;
padding-right:8px;
margin:2px;

background-color:#4466ff;
color:#ffffff;
text-decoration:none;
}

.download:hover {
text-decoration:underline;
color:#dddddd;
}


.classiclink {
text-decoration:underline;
cursor:pointer;
color:#0000ff;
}




.report-table {
border-collapse:collapse;
width:95%;
margin:auto;
border:1px solid #666666;
}

.report-heading {
font-size:120%;
font-weight:bold;
padding:12px;
padding-bottom:4px;
border-bottom:1px solid #cccccc;
}

.report-left {
text-align:right;
vertical-align:top;
padding-right:12px;
padding-top:6px;
width:32%;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.report-right {
padding:6px;
border-bottom:1px solid #cccccc;
}

.graph-bar {
height:27px;
padding-left:4px;
float:left;
font-size:75%;
vertical-align:middle;
}

.graph-container {
height:28px;
width:96%;
border:1px solid #000000;

}

.girl {
background-color:#ffbbaa;
}

.boy {
background-color:#aabbff;
border-right:1px solid #666666;
}


.aged {
background-color:#00dd00;
}

.young {
background-color:#ffff44;
border-right:1px solid #666666;
}









.college-course {
background-size:contain;
background-repeat:no-repeat;
border:1px solid #000000;
border-radius:12px;
padding:0px;
margin-bottom:16px;
margin-top:8px;
min-height:30px;
}

.college-course-detail {
float:right;
background-color:#ffffff;
border-left:0px solid #dddddd;
border-top-right-radius:12px;
border-bottom-right-radius:12px;
padding:12px;
width:75%;
}

.college-h2 {
margin-top:-6px;
}

.college-print-diploma {
width:100%;
border:0px;
border:1px solid #ffffff;
}

.college-print-diploma:hover {
border:1px solid #777777;
opacity:0.5;
}




.college-welcome {
border:3px solid #00aa00;
background-color:#ccffcc;
padding:20px;
font-weight:bold;
text-align:center;
}


.college-drop {
border:6px solid #ff0000;
padding:20px;
}






.sponsor-gold-brand {
font-size:200%;
}


.sponsor-gold-brand a {
text-decoration:none;
}

.sponsor-gold-brand a:hover {
text-decoration:underline;
}


.sponsor-gold-punch {
border:0px solid #000000;
min-height:10px;
padding:12px;
padding-bottom:12px;
font-size:120%;
text-align:center;
}


.sponsor-gold-story {
/*
border:0px solid #000000;
min-height:100px;
padding:22px;
padding-top:6px;
*/
}



.sponsor-gold-logo {
float:left;
width:400px;
border:0px solid #ff0000;
min-height:100px;
margin-bottom:30px;
margin-right:18px;
}


.sponsor-gold-image {
border:0px;
width:100%;

}







.supporter-gold-brand {
font-size:130%;
float:left;
margin-right:12px;
}


.supporter-gold-brand a {
text-decoration:none;
}

.supporter-gold-brand a:hover {
text-decoration:underline;
}




.supporter-gold-story {
/*
border:0px solid #000000;
min-height:100px;
padding:22px;
padding-top:6px;
*/
}



.supporter-gold-logo {
float:left;
width:80px;
border:0px solid #ff0000;
margin-bottom:10px;
margin-right:18px;
}


.supporter-gold-image {
border:0px;
width:100%;

}
















.shad-pay {
margin-left:12px;
margin-bottom:10px;
box-shadow:2px 2px 5px #bbbbbb;

}



.paytable {
background-color:#ffffff;
}


.paytable td {
background-color:#eeeeee;
padding:4px;
padding-right:12px;
padding-left:6px;
}


.beeswax {
display:none;
}


.quicklinkrenew {
border-collapse:collapse;
width:80%;
margin-left:30px;
}

.quicklinkrenew-link {
width:40%;
padding:4px;
padding-right:12px;
font-weight:bold;
padding-bottom:20px;
}

.quicklinkrenew-detail {
padding:4px;
padding-left:12px;
padding-bottom:20px;
font-style:italic;
}

/*  //////////////////   end of plain TAG styles /////////// */ 





































































/*  //////////////////   index.php and related includes styles /////////// */ 









div.content-script-call {
display:block;
clear:both;
padding-top:0px;
padding-left:30px;
padding-right:20px;
}




/*//////////////////////// cart ///////////////////////////////////////////*/
.cartcontainer {
padding:0px;
border:1px solid #dddddd;
margin:12px;
}


.cart-table {
width:100%;
border-collapse:collapse;
}

.cart-table td {
padding:2px;
padding-left:4px;
padding-right:4px;
vertical-align:top;
text-align:right;
}

.tdleft {
text-align:left !important;
}



/*///////////////////////////// end cart ////////////////////////////////*/

















/* /////////////////  log on - admin and other backend ////////////// */


table.logon {
background: url('images/icons/gradient_silverwhite.jpg');
background-repeat: repeat-x;
border-radius: 8px;

border: 1px solid #aaaaaa;

box-shadow: 5px 5px 7px #555555;


}


a.logout {
color: #ffffff;
font-weight: bold;
background: #000000;
padding: 4px; 
}

a.logout:hover {
color: #ffff00;
font-weight: bold;
background: #000000;
padding: 4px;
}


a.adminpanel {
color: #000000 !important;
}


a.adminpanel:hover {
color: #0000ff !important;
}






td.public_gp_heading {
/*background-color: #66aaff;*/
background-color:#98C93A;
color: #386900;
font-weight: bold;
border-left: 1px solid #ffcc22;
border-right: 1px solid #eeaa00;

}


td.public_gp_subheading {
background-color: #6b0000;
font-weight: bold;
}


td.public_gp_row01 {  
/* darker */
background-color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
color: #000000 !important;
border-right: 1px solid #dddddd;
}


td.public_gp_row02 {
background-color: #dddddd;
padding-top: 3px;
padding-bottom: 3px;
color: #000000 !important;
border-right: 1px solid #ffffff;
}


table.public_gp_table {
/*background-color: #ffffff;*/
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
}


td.public_gp_row01 a {
color: #0000ff !important;
}

td.public_gp_row02 a {
color: #0000ff !important;
}


#markme {
background-color: #0000ff;
color: #ffffff;
}




/* ///////////////// end of  log on - admin and other backend ////////////// */






/* /////////////////  module specific !! ////////////// */
div.album {
background: #44ccff;
margin: auto;
width: 600px;
cursor: pointer;
padding: 6px;
z-index: 1000;
display: none;
position: fixed;
top: 20px;
}






a.news {
/*font-size: 90%;*/
font-weight: normal;
color: #444444;
text-decoration: none;
}

a.news:hover {
/*font-size: 90%;*/
font-weight: normal;
color: #000000;
text-decoration: underline;
}



li.search {
font-size: 110%;
font-weight: normal;
padding-top: 4px;
}







table.admin_gp_form_table {
border: 1px solid #000000;
background: #efefef;
/*background: #ffff00;*/
padding: 6px;
}


a.fakebutton {
background-color: #bbbbbb;
color: #000000;
text-decoration: none;

font-weight: bold;
font-size: 100%;

padding-top: 1px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;

border-left: 1px solid #fafafa;
border-top: 1px solid #fafafa;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}


a.fakebutton:hover {
background-color: #aaaaaa;
color: #ffffff;
text-decoration: underline;
font-weight: bold;
font-size: 100%;

padding-top: 1px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;

border-left: 1px solid #fafafa;
border-top: 1px solid #fafafa;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;

}



input.newpublogin {

font-size: 120%;
border: 1px solid #888888;
margin: 4px;

}

input.newpubbutton {

color:#ffffff;
background-color:#00aa00;
}



input.publogin {
/*height: 13px;*/
font-size: 100%;
border: 1px solid #888888;
padding-top: 1px;
padding-bottom: 1px;
}

select.publogin {
/*height: 12px;*/
font-size: 100%;
border: 1px solid #888888;
padding-top: 0px;
}

textarea.publogin {
/*height: 12px;*/
font-size: 100%;
border: 1px solid #888888;
padding-top: 0px;
}



input.publoginbutton {
/*height: 16px;*/
font-size: 100%;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #666666;
border-left: 1px solid #eeeeee;
border-right: 1px solid #666666;
padding: 2px;
}

input.publoginbuttonbold {
/*height: 16px;*/
font-size: 100%;
font-weight: bold;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #666666;
border-left: 1px solid #eeeeee;
border-right: 1px solid #666666;
padding: 2px;
}


span.publogin {
font-size: 100%;
font-weight: bold;
color: #888888;
}



.blog_container {
padding: 4px;
margin: 2px; 
margin-bottom: 40px;
border: 0px solid #cccccc;
border-top: 1px solid #aaaaaa;
}


.blog_authordate {
clear: both;
margin: 2px; 
font-weight: bold;
}

.blog_heading {
clear: both;
margin: 2px; 
font-weight: bold;
font-size: 120%;
}

.blog_story {
clear: both;
margin: 2px; 
}


.blog_comment {
clear: both;
margin: 2px; 
margin-top: 20px;
padding-left: 40px;
font-size: 85%;
}

.blog_comment_heading {
clear: both;
margin: 2px; 
margin-left: -12px;
font-weight: bold;
font-size: 100%;
}




a.itemhead {
color: #0077ff;
text-decoration: none;
font-size: 120%;
}

a.itemhead:hover {
color: #000077;
text-decoration: underline;
font-size: 120%;
}


a.iteminfo {
text-decoration: none;
}

a.iteminfo:hover {
text-decoration: underline;
}

div.pricerange {
color: #dddddd;
margin: 12px;
font-size: 120%;

}


div.sidebar1 {
background: #ebebeb;
padding: 18px;

}



.radii_nocolor {
/*for jobs table*/
border-radius: 6px;
border: 1px solid #aaaaaa;

}





div.pricerange {
color: #dd0000;
margin: 12px;
font-size: 120%;

}


div.sidebar1 {
background: #ebebeb;
padding: 18px;

}



table.productdetail {
border: 0px solid #555555;


/*layout: fixed;*/
}

/* ///////////////// end of module specific !! ////////////// */






/*///////////////////////  site specific - banners etc   */


ul.box{
	margin-bottom:1px; margin-top: 1px; padding-left:60px;
	list-style:none;
	}
	
ul.box li{

/*	line-height:10px;*/ 
	background-image:url(images/list_icon.jpg); background-repeat:no-repeat;
	background-position:0px 5px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color:#1F3400;
	margin: -2px;
	padding-left:15px;


	
	}
	
ul.box li a{
	line-height:20px; 
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#1F3400; text-decoration:none;
	}
	
ul.box li a:hover{
	background-color:#EBF8D8; color:#1F3400;
	}

span.panels {	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:30px; 
color:#5C6731; 
line-height:40px;
margin-left: 14px;
}


	
div.paginator {
margin: 4px; 
text-align: center; 
border: 0px solid #000000;
font-size: 85%;
}

div.paginator a {
text-decoration: none;
}

div.paginator span {
background: #76aec4;
padding-left: 3px;
padding-right: 2px;
font-weight: bold;
color: #000000;
}

div.paginator a:hover {
text-decoration: underline;
}



.datacard {
padding-top: 10px;
}



a.button_web2:hover {
text-decoration: underline;
background-color: #ffffaa;
}
.editform_tabular {
background-color: #ffbb44;

}



/********************** start of slide show styles ****************/
.gallery {
clear:both;
position:absolute;
height:auto;
}

#gallery1 {
/******* optional - allows styling of individual galleries over and above CLASS gallery*****/
top:200px;
left:100px;
width:400px;
border:2px solid #dddddd;
}


#gallery2 {
/******* optional - allows styling of individual galleries over and above CLASS gallery*****/
top:220px;
left:650px;
width:380px;
border:2px solid #6666ff;
}


.oneslide {
/* div which displays the current slide as a background - sits inside gallery[x] div*****/
height:290px;
width:100%;
background-size:cover !important;
}


.gallery-short-text {
/* white space below slide for short text snippit */
clear:both;
width:100%;
height:80px;
background-color:#ffffff;
color:#000000;
}


.more-anchor {
color:#0000dd;
text-decoration:underline;
font-size:85%;
}

.more-anchor:hover {
color:#0088ff;
text-decoration:none;
}


.nav-strip {
/* container for nav buttons */
background-color:#ffffff;
opacity:0.7;
position:relative;
top:250px;
color:#ffffff;
font-weight:normal;
width:100%;
height:30px;
text-align:center;
}


.nav-button {
border-radius:4px;
width:18px;
height:18px;
background-color:#444444;
margin:4px;
margin-left:6px;
float:left;
border:1px solid #000000;
cursor:pointer;
}

.nav-button:hover {
background-color:#4488ff !important;
}


.nav-button-selected{
background-color:#4488ff;
}




/********************** end of slide show styles ****************/




/********************** shop *********************************/

.shop-thumb {
width:220px;
min-height:350px;
border:1px solid #cccccc;
margin:5px;
margin-right:4px; 
margin-bottom:18px;
float:left;
position:relative;
}


.shop-thumb img {
border:0px;
}




.shop-thumb-shortname {
height:40px;
background-color:#008800;
color:#ffffff;
font-size:110%;
font-weight:bold;
padding:2px;
text-align:center;
}

.shop-thumb-portrait {
height:170px;
margin:6px;
margin-left:auto;
margin-right:auto;
display:block;
}


.shop-thumb-landscape {
width:90%;
margin:6px;
margin-left:auto;
margin-right:auto;
display:block;
}


.shop-thumb-nophoto {
height:100px;
width:90%;
margin:12px;
margin-left:auto;
margin-right:auto;
background-color:#e6e6e6;
text-align:center;
padding-top:40px;
color:#888888;
font-weight:bold;
font-size:140%;
display:block;
cursor:pointer;
}

.shop-thumb-shortstory {
font-size:80%;
padding:4px;
padding-left:10px;
text-align:left;
}

.shop-thumb-price {
font-size:150%;
padding:8px;
text-align:right;
position:absolute;
bottom:0;
width:90%;
border:0px solid #000000;
}


.shop-thumb-readmore {
background-color:#ffaa00;
text-align:center;
float:left;
font-size:60%;
font-weight:bold;
padding:2px;
padding-left:12px;
padding-right:12px;
border-radius:10px;
}

.shop-thumb-readmore a {
text-decoration:none;
color:#000000;
}


.shop-thumb-readmore a:hover {
text-decoration:underline;
}


.shop-thumb-edit {
clear:both;
padding:2px;
text-align:center;
border:1px solid #666666;
background-color:#eeeeee;
}



/******************** big view *************************************/



.shop-bigview {
width:100%;
min-height:350px;
border-bottom:1px solid #aaaaaa;
margin-top:20px;
margin-bottom:100px;
clear:both;
padding-top:20px;

}



.shop-bigview img {
border:0px;
}


.shop-bigview-shortname {
height:30px;
background-color:#008800;
color:#ffffff;
font-size:130%;
font-weight:bold;
padding:2px;
padding-left:12px;
text-align:left;
}

.shop-bigview-portrait {
height:300px;

margin-left:auto;
margin-right:auto;
display:block;
}


.shop-bigview-landscape {
width:90%;
margin:6px;
display:block;
}


.shop-bigview-nophoto {
height:200px;
width:90%;
margin:12px;
background-color:#e6e6e6;
text-align:center;
padding-top:40px;
color:#888888;
font-weight:bold;
font-size:140%;
display:block;
}

.shop-bigview-shortstory {
padding:4px;
text-align:left;
font-size:120%;
}

.shop-bigview-longstory {
padding:4px;
text-align:left;
}




.shop-bigview-back {
padding:8px;
text-align:left;
}


.shop-bigview-readmore {
background-color:#ffaa00;
text-align:center;
font-weight:bold;
padding:2px;
padding-left:12px;
padding-right:12px;
border-radius:10px;
display:inline-block;
}


.shop-bigview-readmore a {
color:#000000;
}



.shop-bigview-edit {
padding:2px;
text-align:center;
border:1px solid #666666;
background-color:#eeeeee;
}

.shop-bigview-buyme {
border:0px solid #dddddd;
border-radius:12px;
padding:20px;
text-align:left;
}


.shop-bigview-buyme input, select,textarea {
margin-bottom:10px;
box-shadow:2px 2px 5px #bbbbbb;
}

.shop-bigview-image {
width:40%;
display:table-cell;
vertical-align:top;
}


.shop-bigview-alltext {
display:table-cell;
vertical-align:top;
}


.shop-bigview-buybutton {
background-color:#ffaa00;
font-size:130%;
padding-left:16px;
padding-right:16px;
border-radius:12px;
}



.shop-need-field {
display:inline-block;
margin-right:12px;
vertical-align:top;
margin-bottom:12px;
}






/******************/