/* @override 
http://localhost:8888/copycats/css/main.css
http://192.168.1.2:8888/copycats/css/main.css
*/

/* @group reset browser styles */
* {
margin:0;
padding:0;
}
html { overflow: -moz-scrollbars-vertical; }
/* @end */

/* @group font styles */
@font-face {
font-family: 'ChunkFiveRegular';
src: url('Chunkfive-webfont.eot');
src: local('☺'), url('Chunkfive-webfont.woff') format('woff'), url('Chunkfive-webfont.ttf') format('truetype'), url('Chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
font-weight: normal;
font-style: normal;
}

body {
text-align:left;
font-family: Arial, Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
line-height: 1em;
color: #ccc;
}
div {
font-size:1em;
}
img {
border:0;
}
a, a:link a:active {
text-decoration:none;
font-weight:bold;
color: #cc99ff;
/*color: #cb99ff;*/
outline: none;
}
a:link a:visited {
text-decoration:none;
color: #fff;

}
a:hover {
text-decoration: none;
color: #fff;
}
h1 {
font-size: 1.8em;
font-style: normal;
font-weight: bold;
line-height: normal;
letter-spacing: 1px;
margin: 0 0 10px 0;
padding: 0;
color: #fff;
}
h2 {
font-size: 1.5em;
font-style: normal;
font-weight: bold;
line-height: normal;
margin: 0 0 5px 0;
padding: 0;
color: #fff;
}
h3 {
font-size: 1.4em;
font-style: normal;
font-weight: bold;
line-height: normal;
margin: 0;
padding: 0;
color: #fff;
}
.sidebar-1 h3	{
border-bottom: 1px solid #CCCCCC;
/*-webkit-box-shadow: 0 1px 1px #FFFFFF;
-moz-box-shadow: 0 1px 1px #FFFFFF;
box-shadow: 0 1px 1px #FFFFFF;*/
/*color: #30503F;*/
font-size: 1.7em;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
text-shadow: 0 1px 0 #333;
margin: 0 0px 5px 0;
padding: 0 0 5px 0;
behavior: url(PIE.php);
}
h4 {
font-size: 1.4em;
font-weight: normal;
line-height: normal;
margin: 10px 0 5px 0;
padding: 0px;
color: #fff;
}
h5 {
font-size: 1.2em;
font-weight: normal;
line-height: normal;
margin: 0;
padding: 0;
color: #231f20;
}
h6 {
font-size: 1.1em;
font-weight: normal;
line-height: normal;
margin: 0;
padding: 0;
color: #231f20;
}
p,
.content-main p,
.content-main li,
address {
font-size: 1.1em;
font-weight:normal;
margin:0 0 8px 0;
line-height: 1.4em;
padding:0;
}
blockquote {
font-style:italic;
font-size: 1.2em;
}
.cite	{
text-align: right;
font-weight:normal;
}
strong,b {
font-weight:bold;
}
em,i {
font-style:italic;
}
address	{
font-style: normal;
}
.backlink	{
font-size: 1.4em;
display:block;
margin:0 0 10px 0;
}
.offpage	{
text-indent: -999em;
}
a.buy-btn	{
display:  block;
height: 60px;
padding: 30px 0 0 85px;
background: url(../images/layout/buy-online.jpg) 0 50% no-repeat;
}

div a.readmore-btn	{
float: right;
display: block;
color: #fff;
font-size: 11px;
line-height: 11px;
margin: 10px 0;
padding: 4px;
background: #808080;
border:  2px solid #fff;
-webkit-box-shadow: #888 0 0 6px;
-moz-box-shadow: #888 0 0 6px;
box-shadow: #888 0 0 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);
}
a.readmore-btn:hover	{
color: #ff6600;
cursor: pointer;
-webkit-box-shadow: #000 0 0 6px;
-moz-box-shadow: #000 0 0 6px;
box-shadow: #000 0 0 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.php);
}
.highlight	{
font-weight: bold;
font-size: 1.2em;
color: #ff6600;
}
p.devnote, span.devnote	{
/*display: block;*/
font-size: 13px;
font-style: italic;
font-weight: bold;
line-height: 1.4em;
padding: 5px;
/*background: #efefef;*/
color: #cc0000;
}


/* @end */

/* @group page layout */
body {
margin:0;
padding:0;
background: #444;
}
.pagewrapper {
overflow: hidden;
width: 980px;
margin: 0px auto;
background: #000;
-webkit-box-shadow: #000 0 0 8px;
-moz-box-shadow: #000 0 0 8px;
box-shadow: #000 0 0 8px;
behavior: url(PIE.php);
}
.pagewrapper .inside	{
padding: 0px;
}
/* @end */

/* @group header */
.header-wrapper	{
position: relative;
height: 120px;
margin: 0 0 0 0;
}
.header {
position: absolute;
width: 510px;
padding: 0px 0 0px 0;
margin: 0 auto;
}
.header h5 {
position: absolute;
left: 0px;
top: 15px;
width: 510px;
height: 90px;
margin: 0;
padding: 0;
text-indent: -999em;
z-index: 20;
}
.header h5 a {
width: 550px;
height: 90px;
display: block;
font-size: 2em;
text-indent: -999em;
text-decoration: none;
background: url(../images/layout/logo.jpg) no-repeat left 0;
}
/* @end */

/* @group tagline */
.tagline	{
position: absolute;
left: 515px;
top: 70px;
width: 340px;
height: 20px;
/*font-family: Georgia, "Times New Roman", serif;*/
font-size: 18px;
font-style:  normal;
color: #ccc;
}
/* @end */

/* @group headerpic */
.headerpic	{
margin: 0;
padding: 0;
width: 980px;
height: 300px;
/*background: url(../images/layout/headerpic-bg.jpg) 0 bottom no-repeat;*/
}
/* @end */

/* @group content */
.content-wrapper {
position: relative;
z-index: 1px;
margin: 15px 0 20px 0;
overflow: hidden;
width: 100%;
background: url(../images/layout/content-bg.jpg) 0 bottom repeat-y;
}

.content-wrapper-2 {
position: relative;
z-index: 1px;
margin: 0 0 0px 0;
overflow: hidden;
width: 100%;
}
.content-wrapper-inside {
padding: 0px 20px 0px 20px;
}
.content-top	{
position: absolute;
left: 0;
top: 0;
z-index: 20px;
}
.content-main {
float: left;
width: 640px;
}
.content-main .inside {
padding: 20px 20px 20px 0;
}
.content-main-wide {
padding: 20px 0 20px 0;
min-height: 400px;
}
.content-column-1	{
float: left;
width: 280px;
}
.content-column-2	{
float: right;
width: 280px;
}
.content-column-2 img	{
margin: 0 0 20px 0;
}
/* @end */

/* @group sidebars */
.sidebar-1 {
float: right;
width: 300px;
/*background: url(../images/layout/sidebar-bg.jpg) 0 0 repeat-y;*/
/*background: #ddd;*/
}
.sidebar-1 .inside {
padding: 20px 0 20px 20px;
}

/* @end */

/* @group footer */
.footer {
width: 980px;
height: 40px;
margin: 10px auto 20px auto;
padding: 0px 0;
color: #999;
}
.footer p {
padding:0;
font-size: 1.1em;
}
.footer a, .footer p a {
color: #999;
text-decoration: none;
font-weight: normal;
}
.footer a:hover, .footer p a:hover {
text-decoration: underline;
}
.footer-1	{
margin: 0 0 20px 0;
text-align: right;
}
.footer-2	{
margin: 0 0 0 600px;
text-align: right;
width: 380px;
font-size: 0.9em;
}
/* @end */

/* @group navigation */

/* @group nav-main */
.nav-main {
position: relative;
height: 46px;
width: 100%;
background:  url(../images/layout/navmain-bg.jpg) 0 0 repeat-x;
z-index: 100;
}

.nav-main ul {
list-style-type:none;
margin: 0;
padding: 10px 0 0 5px;
}
.nav-main li {
float:left;
list-style:none;
margin:0;
line-height: normal;
}
.nav-main a {
margin: 0;
font-size: 1.4em;
font-style: normal;
font-weight: bold;
padding: 0 16px;
text-decoration: none;
text-transform: lowercase;
color: #fff;
}
.nav-main li a:hover {
color: #cc99ff;
text-decoration:none;
}
.nav-main a span {
padding:0;
}
.nav-main li.menuactive,
.nav-main li.menuactive .menuparent,
.nav-main li.menuactive a:hover,
.nav-main li.active a {
color: #cc99ff;
}



/* @group SUPERFISH */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding:0;
list-style:none;
z-index: 100;/* for ie7 */
/*background: #f400a0;*/
}
.sf-menu {
line-height: 1.0em;
}
.sf-menu ul {
position:absolute;
top:-999em;
/*width:10em;*/ /* left offset of submenus need to match (see below) */
width: 240px;
}
.sf-menu ul li {
width:100%;
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:left;
position:relative;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0px;
/*top:2.5em;*/ /* match top ul list item height */
top: 40px;
z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:10em; /* match ul width */
left:240px;
top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:10em; /* match ul width */
left:240px;
top: 0;
}

/*** SUPERFISH SKIN ***/
.sf-menu {
float:left;
position: absolute;
left: 5px;
top: 3px;
width: 100%;
/*background: #ccc;*/
/*height: 44px;*/
/*margin-bottom: 1em;*/
}
.sf-menu a, li.sectionerheader a {
font-size: 1.1em;
font-weight: normal;
padding: 0px 14px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
.sf-menu li, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: #4791dd;
color: #fff;
}
.sf-menu li {
/*background: #BDD2FF;*/
/*font-size: 11px;*/
/*line-height: 1em;*/
line-height : 43px;
}
.sf-menu li li {
/*font-size: 12px;*/
padding: 5px 0;
background: #999900;
background: #005931;
color: #fff;
line-height : 20px;
}
.sf-menu li li a, .sf-menu li li a:visited {
color: #fff;
border: none;
}
.sf-menu li li li {
background: #666;
background: #25412e;
background: #25412e;
line-height : 20px;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li.activeparent a,
.sf-menu li.current a {
/*background: #999900;*/
background: #005931;
color: #fff;
outline:0;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active
{
color: #fff;
/*background: #7a7b00;*/
background: #cc9900;
outline:0;
}

.sf-menu li.activeparent a {
background:none;
outline:0;
/*background: #e8e3d0;*/
color: #e8e3d0;
}

.sf-menu li.activeparent li a {
background:none;
outline:0;
color:#fff;
}
.sf-menu li.activeparent li a:hover {
background:none;
outline:0;
color:#fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 	2.25em;
min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			.8em;/* was .75em */
top:			1.05em; /* IE6 only */
width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:			.5em;/* was .8em */
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:	url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/* @end */


/*-- menu dividers etc --*/
.hidden {
visibility:hidden;
display:none;
}
.divider {
padding: 2px 5px 0 5px;
color: #ddd;
}
.gapLeft {
padding:0 0 0 10px;
}
.gapRight {
padding:0 10px 0 0;
}

/* currentpage */
.nav-main li.currentpage h3 {
font-size:12px;
font-weight:bold;
padding:5px 20px 0 0;
color:#666;
}



/* @end */

/* @group nav-utility */
.nav-utility	{
position: relative;
width: 980px;
height: 36px;
}
.nav-utility ul	{
position: absolute;
right: 15px;
top: 10px;
list-style: none;
margin: 0;
padding: 0;
}
.nav-utility li	{
float:left;
list-style:none;
margin:0;
line-height: 13px;
font-size: 13px;
color: #333;
}
.nav-utility li a	{
color: #333;
font-weight: normal;
padding: 0;
}
.nav-utility li a:hover	{
color: #0099ca;
font-weight: normal;
padding: 0;
}
/* @end */

/* @group nav-sub */
.sidebar-1 .nav-sub	{
}
.sidebar-1 .nav-sub ul	{
list-style: none;
margin: 0 0 10px 0;
padding: 0px 0;
}
.sidebar-1 .nav-sub ul li	{
list-style: none;
/*font-family: Georgia, "Times New Roman", serif;*/
font-size: 1.1em;
line-height: 1.6em;
padding: 0;
margin:0 0 2px 0;
}
.sidebar-1 .nav-sub ul li a	{
display: block;
text-decoration: none;
margin:0;
padding: 0 0 0 10px;
color: #990000;
font-weight: normal;
}
.sidebar-1 .nav-sub ul li a:hover	{
text-decoration: none;
margin:0;
color: #d99559;
}
/* parent header and nick nairn link */
.sidebar-1 .nav-sub ul li.parent a.parent,
.sidebar-1 .nav-sub ul li.nick-nairn-cook-school-recipes a	{
background: #cc9900;
color: #fff;
font-weight: bold;
margin: 0 0 5px 0;
padding: 5px;
}
.sidebar-1 .nav-sub ul li.parent a.parent:hover,
.sidebar-1 .nav-sub ul li.nick-nairn-cook-school-recipes a:hover	{
/*background: #cc5500;*/
background: #9b0d1e;
color: #fff;
}
/* active parent header */
.sidebar-1 .nav-sub ul li.parent a.menuactive.parent	{
/*background: #cc5500;*/
background: #9b0d1e;
color: #fff;
font-weight: bold;
margin: 0 0 5px 0;
padding: 3px 10px;
}
.sidebar-1 .nav-sub ul li.parent a.menuactive.parent:hover	{
background: #cc0000;
background: #cc9900;
color: #fff;
}
/* active  */
.sidebar-1 .nav-sub ul li h3,
.sidebar-1 .nav-sub ul li a.menuactive	{
color: #cc0000;
list-style: none;
font-size: 1.0em;
line-height: 1.6em;
font-family: arial, sans-serif;
font-weight: bold;
padding:0;
margin:0 0 2px 10px;
border: none;
}

.sidebar-1 .nav-sub ul ul li.menuactive	{
padding: 0 0 0 0px;
}


/* this works with up to 5 menu levels */
/* to increase it up to more levels just copy the last line and add "li.menuactive ul" */
/* (this might be similar to the default stylesheets of the default CSS dropdown menu) */
.sidebar-1 .nav-sub ul li.currentpage ul,
.sidebar-1 .nav-sub li.menuactive ul,
.sidebar-1 .nav-sub li.menuactive ul li.menuactive ul,
.sidebar-1 .nav-sub ul li.menuactive ul li.menuactive ul li.menuactive ul,
.sidebar-1 .nav-sub ul li.menuactive ul li.menuactive ul li.menuactive ul li.menuactive ul
{
display:block;
}

/* hide all other submenus */
.sidebar-1 .nav-sub ul li ul,
.sidebar-1 .nav-sub ul li.menuactive ul li ul
{
display:none;
}

/* @end */



/* @group nav-footer */
.nav-footer	{
margin: 0;
padding: 0;
}
.nav-footer ul	{
list-style: none;
margin: 0;
padding: 0;
}
.nav-footer ul li	{
display: inline;
padding:0 0px 0 0;
color: #f2dfce;
font-size: 11px;
}
.nav-footer ul li a	{
padding: 0;
color: #f2dfce;
text-decoration: none;
font-size: 12px;
font-weight:normal;
}
.nav-footer ul li a:hover	{
text-decoration: underline;
}
.nav-footer .divider	{
padding: 0 5px 0 5px;	
}
/* @end */


/* @group nav-sitemap */
/*-- SITEMAP --*/
ul.sitemap	{

}
ul.sitemap li a	{
font-size:14px;
}
ul.sitemap li li a	{
font-size:13px;
}
/* @end */

/* @group sitemap ul */
#content-main #sitemap ul	{
margin:0;
padding:0;
}
#content-main #sitemap ul li	{
font-size:11px;
font-weight:bold;
padding:0 0 0 10px;
}
#content-main #sitemap ul ul li	{
font-size:10px;
font-weight:normal;
}
#content-main #sitemap ul ul ul li	{
font-size:10px;
font-weight:normal;
}
/* @end */

/* @end menus */

/*Page Elements*/

/* @group print link */
.print-page	{
position: relative;
float: right;
text-align:right;
width: 200px;
z-index: 30;
}
/* @end */

/* @group search */
.search {
position:absolute;
right: 20px;
top: 60px;
width: 260px;
height: 40px;
padding: 0;
margin: 0;
background: url(../images/layout/search-bg.png) no-repeat;
}
.search label	{
display: none;
}
.search input.search-input {
position:absolute;
top: 9px;
left: 4px;
width: 176px;
height: 22px;
padding: 0 26px;
line-height: 22px;
border:none;
font-family: "lucida grande", verdana, sans-serif;
font-size: 10px;
color: #fff;
background: #fff;
background:url(../images/layout/searchinput-bg.png) no-repeat;
background-position: 0 0;
}
.search input.search-button {
position:absolute;
top: 8px;
right: 6px;
border:none;
height: 24px;
width: 64px;
margin:0;
padding:0;
cursor:pointer;
font-family: "lucida grande", verdana, sans-serif;
font-style: normal;
color: #000;
/*text-indent: -9999em;*/
font-size: 9px;
font-weight: normal;
background: #999900;
background:url(../images/layout/searchbtn-bg.png) no-repeat;
}
/* @end */

/* @group social-networking */
.social-links	{
position: absolute;
right: 20px;
top: 60px;
height: 40px;
}

.social-link-button	{
float: left;
margin: 0 0 0 7px;
}
.social-link-button:hover	{
opacity: 0.5;
}
.social-links p {
color:#999;
font-size: 1.1em;
}
.social-links .twitter a	{
position:absolute;
left:0px;
top:25px;
height:32px;
padding:0.5em 0 0 36px;
background: url(../images/layout/twitter.gif) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}
.social-links .twitter a:hover	{
color:#fff;
text-decoration:underline;
}
.social-links .facebook a	{
position:absolute;
right:10px;
top:25px;
height:32px;
padding:0.5em 0 0 36px;
background:url(../images/layout/facebook-icon.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}
.social-links .facebook a:hover	{
color:#fff;
text-decoration:underline;
}
/* @end */

/* @group teasers */
.teasers	{
float:left;
width: 640px;
margin: 20px 0 20px 0;
}

.teaser	{
float: left;
position: relative;
width: 300px;
height: 300px;
margin: 0 20px 20px 0;
padding: 0;
background: #444;
border:  1px solid #333;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444), to(#0c0c0c));
background: -moz-linear-gradient(#444, #0c0c0c);
background: linear-gradient(#444, #0c0c0c);
-pie-background: linear-gradient(#444, #0c0c0c);
behavior: url(PIE.php);
}
.teaser.last	{
margin:0 0 20px 0;
}
.teaser-inside	{
padding: 10px;
}

.teaser-content, .sidebar.teaser-content	{
font-size: 1em;
line-height: normal;
margin: -10px 0 10px 0;
padding: 0 10px;
}
.teaser h3	{
font-size: 1.7em;
font-weight: normal;
line-height: normal;
margin: 0 0 10px 0;
padding:0 0 0 0;
color: #fff;
border-bottom: 1px solid #999;
}
.teaser p	{
font-size: 13px;
padding: 0;
margin:0;
}
.teaser-content a, .sidebar.teaser-content a	{
color: #cc9900;
font-weight: bold;
text-decoration:none;
}
.teaser-content a:hover	{
color: #444;
font-weight: bold;
}
.all-link 	{
position: absolute;
right: 10px;
bottom: 10px;
}
.all-link a 	{
font-size: 1.2em;
font-style: italic;
color: #ff6600;
}
/* @end */




/* @group infoboxes */

.infoboxes	{

}

.infobox	{
/*width: 300px;*/
margin: 0 0 10px 0;
background: #a9318d;
color: #fff;
-webkit-border-radius: 6px;
}

.infoboxes-inside	{
padding: 0px;
}
.infobox .inside	{
padding: 8px;
}
.infobox h3	{
font-family: "Arial Black";
font-size: 20px;
font-weight: normal;
height: 28px;
margin: 0;
padding: 4px 10px;
color: #fff;
text-align: left;
}
.infobox-content	{
padding: 8px;
font-size: 13px;
background: #777;
}

.infobox a	{
color: #000;
font-size: 13px;
}
.infobox a:hover	{
color: #0096ca;
}
.infobox a.readmore-btn	{
color: #fff;
}
.infobox a.readmore-btn:hover	{
color: #ffcc00;
}
/* @end */

/* @group contactbox */
.contactbox	{
/*width: 300px;*/
margin: 0 0 20px 0;
background: #a9318d;
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
behavior: url(PIE.php);
}
.contactbox-inside	{
padding: 8px;
}
/*.contactbox h3	{
font-family: "Arial Black";
font-size: 24px;
font-weight: normal;
height: 28px;
margin: 0;
padding: 4px 10px;
color: #fff;
text-align: left;
}*/
.contactbox-content	{
font-size: 22px;
font-weight: bold;
line-height: 30px;
}
.contactbox-content a	{
color: #fff;
font-size: 20px;
font-weight: bold;
}
.contactbox-content a:hover	{
color: #333;
}
/* @end */

/* @group event-list */
.event-list {
margin:20px 0;
color: #333;
}
.event-list-content {
padding: 0;
margin:0 0 20px 0;
}
.event-list-content2 {
padding:0 0 10px 0;
margin:0 0 20px 0;
border-bottom: 1px solid #ddd;
}
.event-list-content h4, .event-list-content2 h4 {
color: #30503f;
font-weight:bold;
font-size:14px;
padding:0;
margin:0 0 5px 0;
}
.event-list-date {
font-weight: bold;
font-style: normal;
font-size:12px;
padding:0;
margin:0;
}
.event-list-content p {
font-weight:normal;
font-size:12px;
line-height:normal;
padding:0;
margin:5px 0 0 0;
}

.event-list-summary {
font-size:12px;
margin:0 0 5px 0;
}

.event-list-content p.readmore a {
font-size:12px;
font-style:italic;
text-decoration:none;
text-transform: lowercase;
color:#003e7e;
margin:0;
}

.event-list-content p.readmore a:hover {
font-size:12px;
font-style:italic;
text-decoration:underline;
text-transform: lowercase;
color:#003e7e;
margin:0;
}

.eventlist-content p.readmore {
padding:0 0 5px 0;
}

.eventlist-ftr {
position:absolute;
bottom:0;
left:0;
height:30px;
width:100%;
background:url(../images/layout/eventlist-ftr-bg.jpg) no-repeat;
}

.eventlist-ftr h3 {
padding:8px;
color:#fff;
}



/* @end */

/* @group event-detail */

/*-- event detail page --*/

#event-detail {
margin:0;
position:relative;
}

#event-detail h3.Public {
font-size:1.8em;
margin:10px 0 10px 0;
color:#5d9632;
}
#event-detail h3.Private {
font-size:1.8em;
margin:10px 0 10px 0;
color:#da0661;
}

#event-detail .calendar-date-from {
font-size:1.3em;
font-weight:bold;
}

#event-detail .calendar-event-note {
margin:20px 0;
padding:10px;
font-weight:bold;
background: #eee;
border:1px solid #ddd;
}

#event-detail .photostack {
float:right;
width:284px;
height:228px;
margin:0 0 0 10px;
background:url(../images/layout/photostack-bg.jpg) no-repeat;
}

#event-detail .photostack img {
position:absolute;
top:105px;
right:22px;
width:240px;
height:180px;
}

#event-detail .event-date-from	{
font-weight: bold;
margin:0 0 10px 0;
}
/* @end */




div.hr {
height:1px;
padding: 0;
border-bottom:1px solid #ccc;
margin: 10px 0;
}


div.left49 {
width:70%;
}

div.right49 {
float:right;
width:29%;
text-align:right;
}

div.clear	{
clear:both;
}

/* @group lists */

/* LISTS */

.content-main ul, .content-main ol, .content-main dl,
.content-main-wide ul, .content-main-wide ol, .content-main-wide dl {
line-height:1.4em;
margin:10px 0;
padding:0;
list-style: square;
}
.sidebar-1 ul {
line-height: 1.4em;
margin: 10px 0;
padding: 0;
list-style: square;
}
.sidebar-1 ul li {
margin: 0 0 0 20px;
padding: 0 0 5px 0;
}
.content-main ul li, .content-main ol li,
.content-main-wide ul li, .content-main-wide ol li {
margin:0 0 0 40px;
padding:0 0 5px 0;
}

dl {
margin-bottom:2em;
padding-bottom:1em;
border-bottom:1px solid #c0c0c0;
}

dl dt {
font-weight:bold;
margin:0 0 0 1em;
}

dl dd {
margin:0 0 1em 1em;
}
/* END LISTS */
/* @end */



/* @group forms */
.contactform {
margin: 20px 0 0 0;
}
.contactform fieldset {
margin: 0 0 10px 0;
border-top: none;
border-left:none;
border-right:none;
border-bottom:none;
padding:10px;
}
.contactform legend {
font-size: 16px;
color:#8A734A;
margin-bottom:0.5em;
padding:0.5em;
width:auto;
}
.contactform div {
position:relative;
margin: 0 0 10px 0;
}
.contactform label, .contactform input, .contactform textarea {
font-size: 13px;
color: #999;
}
.contactform label {
display: block;
float: left;
width: 130px;
padding-right: 0px;
font-weight: bold;
}
.contactform label.label {
display: inline;
float: none;
width: 50px;
font-size: 10px;
}

.contactform input {
height:22px;
width: 300px;
padding:2px;
border:1px solid #ccc;
}
.contactform textarea {
width: 300px;
background-color: #fff;
border: 1px solid #ccc;
padding:2px;
}

.contactform div div label {/*checkbox or radiobutton*/
width: 130px;
}
.contactform div div input {/*checkbox or radiobutton*/
border:none;
width: 16px;
}

*html .contactform div div label {/* ie6 */
position:absolute;
left:0px;
top:4px;
line-height: normal;
}
*html .contactform div div input {/* ie6 */
position:absolute;
left:230px;
top:4px;
}
*+html .contactform div div label {/*ie7 */
position:absolute;
left:0px;
top:4px;
line-height: normal;
}
*+html .contactform div div input {/*ie7 */
position:absolute;
left:230px;
top:4px;
}
.contactform .message {
line-height: 16px;
padding: 0 0 8px 0;
}
.contactform .captcha	{
/*width:260px;*/
width:100%;
margin:0px 0 0 130px;
text-align: left;
}
.contactform .captcha img	{
width: 300px;
margin: 0 0 10px 0;
}
.contactform .captcha input	{
margin:0;
float:none;
}

.error_message, .contactform .error_message, .fb_invalid {
color:#cc0000;
font-weight:bold;
}

.contactform input.cms_submit {
height:auto;
width: 120px;
margin:0 0 0 130px;
padding: 6px;
border:1px solid #ccc;
background: #999;
color:#fff;
font-weight:bold;
cursor: pointer;
}
.contactform input.cms_submit:hover {
background: #666;
}
/* @end */

/* @group file icons */

/*-- FILE ICONS --------------------------------*/

/*-- pdf 16px icon --*/

a[href $='.pdf'] {
display:block;
padding:0 0 0 18px;
background:transparent url(../images/layout/fileicons/icon_pdf.gif) no-repeat top left;
}

/*-- doc 16px icon --*/
a[href$='.doc'] {
display:block;
padding:0 0 0 18px;
background:transparent url(../images/layout/fileicons/icon_doc.gif) no-repeat top left;
}

a.pdf {/*-- ie6 jQuery Superselectors pdf 16px icon --*/
display:block;
padding:0 0 0 18px;
background:transparent url(../images/layout/fileicons/icon_pdf.gif) no-repeat top left;
}

a.doc {/*-- ie6 jQuery Superselectors doc 16px icon --*/
display:block;
padding:0 0 0 18px;
background:transparent url(../images/layout/fileicons/icon_doc.gif) no-repeat top left;
}



/* @end */

/* @group tables */
#content table {
border-collapse: 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin: 10px auto;
font-size: 1.2em;
}
#content table th	{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
line-height:normal;
padding:5px;
background:#0075a1;
color:#fff;
text-align: center;
}
#content table td {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
line-height:normal;
padding:5px;
text-align: center;
}
/* nutrition table*/
table.nutrition {
border-collapse: 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin: 20px 0 20px 0;
font-family: Georgia, "Times New Roman";
font-size: 1.1em;
font-weight: normal;
width: 95%;
}
table.nutrition th	{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
line-height:normal;
padding:5px;
background:#efefef;
color:#444;
font-weight: normal;
text-align: center;
}
table.nutrition td {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
line-height:normal;
padding:5px;
width: 150px;
text-align: center;
}
table.nutrition caption	{
/*text-align: left;
margin: 5px 0;*/
display: none;
}

/*-- noborder --*/
#content table.noborder{
width: 100%;
border-collapse: 0;
border-top:none;
border-right:none;
margin: 0px auto 20px auto;
font-size: 12px;
}
#content table.noborder th	{
border-bottom: 1px solid #ccc;
border-left:none;
line-height:normal;
padding: 5px 0;
background: none;
color:#444;
text-align: left;
}
#content table.noborder td {
border-bottom: 1px solid #ccc;
border-left: none;
line-height:normal;
padding: 5px 0;
text-align: left;
}



/* @end */

/* @group Content Images */
.img-left {
float:left;
margin:0 10px 0 0;
}

.img-right {
float:right;
margin:0 0 0 10px;
}

.img-left-border {
float:left;
border:1px solid #ccc;
padding:4px;
margin:0 10px 0 0;
}


.img-right-border {
float:right;
border:1px solid #ccc;
padding:4px;
margin:0 0 0 10px;
}

.img-right-picframe {
float:right;
position:relative;
width:284px;
height:228px;
margin:0 0 0 10px;
background:url(../images/layout/picframe.png) no-repeat;
}
.img-right-picframe img {
position:absolute;
/*left:22px;
top:24px;*/
left:40px;
top:40px;
}


.img-right-photostack {
float:right;
position:relative;
width:284px;
height:228px;
margin:0 0 0 10px;
background:url(../images/layout/photostack-bg.png) no-repeat;
}
.img-right-photostack img {
position:absolute;
left:22px;
top:24px;
}

/*-- image captions using jcaption --*/
div.caption {
border:1px solid #999;
padding:4px;
background: #eee;
/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
*/
-webkit-box-shadow: 0px 0px 5px #444;
-moz-box-shadow: 0px 0px 5px #444;
box-shadow: 0px 0px 5px #444;
}
div.caption.left	{
float:left;
margin:0 10px 0 0;
}
div.caption.right	{
float:right;
margin:0 0 0 10px;
}
div.caption img {
margin: 0 0 5px 0;
padding:0;
}
div.caption p {
margin:5px 0 0 0;
padding:5px;
/*border-top: 1px #ddd dotted;*/
font-size:12px;
color: #000;
text-align: center;
}
#sidebar-1 div.caption {
margin: 0;
padding:0;
position: relative;
}
#sidebar-1 div.caption p {
position: absolute;
margin: 0; padding: 2px;
font-size: .9em;
bottom: 0;
left: 0;
background:black;
color: white;
opacity: .7;
}
#sidebar-1 div.caption img {
margin: 0; padding: 0;
}

a[rel~="lightbox"] {/* remove styling on popup lightbox links */
text-decoration:none;
color:#000;
}
/* @end */

/*CMSms Modules and Tags*/

/* @group breadcrumbs */

div.breadcrumbs {
height:15px;
padding: 10px 20px;
font-size: 12px;
margin: 0 0 0px 0;
color: #333;
/*border-bottom:1px solid #ddd;*/
}
div.breadcrumbs a {
text-decoration:none;
color: #333;
}
div.breadcrumbs a:hover {
text-decoration:underline;
color:#999;
}
div.breadcrumbs span.lastitem {
font-weight:bold;
}
div.spacer	{
clear:both;
width:100%;
height:40px;
}
/* @end */

/* @group news-list */
.news-list {
overflow: hidden;
margin: 0;
padding: 10px;
background: #444;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE.php);
}
.news-list-hdr {
/*height:130px;*/
margin:0;
}
.news-list h3	{
/*padding: 8px;
color: #fff;
font-size: 24px;*/
}
.news-list-postdate {
color: #fff;
margin: 5px 0;
font-weight: normal;
font-size: 13px;
}
.news-list-content {
float: left;
/*width: 100%;*/
padding: 5px 0px 10px 0px;
margin: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}
.sidebar-news-list-content {
/*float: left;*/
/*width: 100%;*/
padding: 5px 0px 0px 0px;
margin: 0 0 0px 0;
}
.news-list-content h4 {/* news article title */
font-weight: bold;
font-size: 16px;
padding:0;
margin:0;
}
.news-list-content img	{
float:left;
margin: 0px 10px 0px 0px;
/*border: 2px solid #ccc;*/
}
.news-list-content em {
font-weight:bold;
color:#003e7e;
}
.news-list-content p {
padding: 0;
margin: 0;
/*font-size: 13px;*/
/*line-height:normal;*/
}
.sidebar-news-list-content p {
padding: 0;
margin: 0;
font-size: 13px;
line-height:normal;
}
.news-list-content p.readmore {
padding:5px 0 0 0;
text-align: right;
}
.news-list-content p.readmore a {
font-size: 13px;
text-decoration:none;
text-transform: capitalize;
font-style: normal;
/*color:#003e7e;*/
margin:0;
}
.news-list-content p.readmore a:hover {
text-decoration:underline;
color:#fff;
}
.news-list-paginate	{
clear: both;
font-size: 14px;
margin: 0;		
}
.news-list-ftr {
margin:0;
}
/* @end */

/* @group news-ticker */
.news-ticker-container	{
/*width:180px;*/
width: 500px;
margin:10px 0;
padding: 0;
}
.news-ticker	{
margin: 20px 0 20px 0;
padding: 10px;
background: #efefef;
border-bottom: 1px solid #ccc;
}
#content-main .news-ticker ul#slider1 {
margin: 0;
padding: 0;
}
#content-main .news-ticker ul#slider1 li{
margin: 0;
padding: 0;
}
#content-main .news-ticker ul#slider1 li {
padding:0 0px;
margin:0;
color: #000;
font-weight:normal;
font-size: 12px;
}
.news-ticker-item h4 a {
color: #444;
font-size: 16px;
margin: 0;
}
.news-ticker-item h4 a:hover {
color: #444;
text-decoration: underline;
}
/*.news-ticker-content ul	{
margin:0;
padding:0;
list-style: none;
}
.news-ticker-content ul li div	{
width:160px;
margin:auto 0;
padding:0;
border-top:1px dashed #ccc;
}*/

/*.news-ticker-content h4 {
color:#336699;
font-weight:bold;
font-size:13px;
line-height:normal;
padding:0;
margin:0;
}
.news-ticker-content img {
float:left;
margin:0 5px 0 0;
}
.news-ticker-content p {
padding:0;
margin:0;
}
.news-ticker-content p.readmore {
padding:0 0 5px 0;
margin:0;
}
.news-ticker-content p.readmore a {
font-size:11px;
text-decoration:underline;
text-transform: lowercase;
color:#336699;
margin:0;
padding:0;
}
.news-ticker-content p.readmore a:hover {
text-decoration:underline;
color:#cc0000;
}
.news-ticker-nav	{
height:20px;
background: #fff;
}
.news-ticker-ftr	{
width:180px;
height:20px;
background: url(../images/layout/news-list-ftr.jpg) 0 0 no-repeat;
}*/

/* @end */

/* @group news-detail */
/*-- news-detail --*/
.news-detail {
position:relative;
width: 100%;
}
.news-detail-postdate	{
color: #0096ca;
}
.news-detail-picbox	{
float: left;
width: 190px;
margin: 0 0 20px 0;
}
.news-detail img {
float: right;
margin:0px 0px 10px 10px;
border: 2px solid #ddd;
}
.news-detail-caption	{
width: 180px;
color: #0096ca;
font-size: 12px;
line-height: 14px;
text-align: center;
}
/* @end */

/* @group BX-Slider */
/*next button*/
.bx-next {
position:absolute;
top:40%;
right:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(gray_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
position:absolute;
top:40%;
left:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(gray_prev.png) no-repeat 0 -30px;
}

.bx-pager	{
position: relative;
height: 20px;
margin: 30px 0 0 0;
}

/*pager links*/
.bx-pager a {
margin-right: 5px;
color: #fff;
height: 15px;/*-- for ie7 --*/
padding: 3px 8px 3px 6px;
font-size: 12px;
zoom:1;
background: url(gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
background: url(gray_auto.png) no-repeat 0 2px;
padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
background: url(gray_auto.png) no-repeat 0 -14px;
padding-left: 13px;
}

/*
* End color scheme styles
*/


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
background-position: 0 0;
}
/*pager wrapper*/
.bx-pager {
text-align:center;
padding-top: 7px;
font-size:12px;
color:#666;
}
/*captions*/
.bx-captions {
text-align:center;
font-size: 12px;
padding: 7px 0;
color: #666;
}
/*auto controls*/
.bx-auto {
text-align: center;
padding-top: 15px;
}
.bx-auto a {
color: #fff;
font-size: 16px;
}
/* thumbs links */
.thumbs-wrapper	{
float: left;
width: 100%;
margin: 50px 0px 20px 0;
/*background: #eee;*/ 
}
.thumbs	{
text-align: center;
}
.thumbs a	{
display: block;
float: left;
width: 92px;
height: 130px;
line-height: 15px;
margin: 0 12px 18px 0px;
/*color: #444;*/
/*background: #eee;*/
}
.thumbs a:hover	{
text-decoration: none;
color: #cc0000;
}
.thumb-item	{

}
.thumb-title	{
height: 40px;
margin: 60px 0 0 0;
font-size: 13px;
padding: 5px;
}
.thumb-picwrapper	{
position: relative;
left: 0;
top: 0px;
}
.thumbs .thumb-picframe	{
position: absolute;
left: 0;
top: 0;
z-index: 20;
}
.thumbs .thumb-pic	{
position: absolute;
left: 4px;
top: 0px;
z-index: 1;
margin: 0px 0 0 0;
padding: 0;
-webkit-box-shadow: #888 0 0px 10px;
-moz-box-shadow: #888 0 0 10px;
box-shadow: #888 0 0 10px;
behavior: url(PIE.php);
}
.thumbs .pager-active	{
/* color: #ffcc00; */
}
/* @end */

/* @group ListIt2: FAQs */
.faq-item	{
margin: 0 0 10px 0;
}

h3.faq-item-title {
color: #666;
cursor: pointer;
font-size: 14px;
margin: 0;
padding: 5px;
text-shadow: 0 1px 0 #fff;
/*text-transform: uppercase;*/
background: #ddd;
-webkit-border-radius: 4px 4px 0 0;

/*-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 1px #fff inset;
-webkit-box-shadow: 0 1px 1px #fff inset;
box-shadow: 0 1px 1px #fff inset;
background: #eeeeee;
background: -moz-linear-gradient(top, #eaeaea 0%, #d9d9d9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea ), color-stop(100%,#d9d9d9));
background: -webkit-linear-gradient(top, #eaeaea 0%,#d9d9d9 100%); background: -o-linear-gradient(top, #eaeaea 0%,#d9d9d9 100%); background: -ms-linear-gradient(top, #eaeaea 0%,#d9d9d9 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d9d9d9',GradientType=0 ); 
background: linear-gradient(top, #eaeaea 0%,#d9d9d9 100%);*/
}


.faq-item-content {
background: #666;
color: #ddd;	
padding: 10px;
font-size: 1.1em;
line-height: 1.4em;
	
/*-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 8px;
-moz-box-shadow: inset 1px 0 1px 1px #ccc;
-webkit-box-shadow: inset1px 0 1px 1px #ccc;
box-shadow: inset 1px 0 1px 1px #ccc;
background: #e9e9e9;
margin: 5px 0 10px 0;
padding: 5px 10px;
color: #444;
font-size: 13px;*/
}


/* @end */

/* @group ListIt:Feedback */
.feedback-item	{
background: #333;
border-bottom:  1px solid #666;
margin: 20px 0 20px 0;
/*padding: 10px;*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE.php);
}
.feedback-item-title	{
margin: 0;
padding: 5px;
background: #ddd;
color: #333;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
behavior: url(PIE.php);
}
.feedback-item-quote	{
padding: 10px;
}
.feedback-item-image	{
float: right;
margin: 0 0 0 15px;
}

/* @end */

/* @group ListIt2: Links */
.links-list	{
width: 90%;
margin: 20px 0 0 0;
padding: 0;
}
.link-item	{
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}
.link-item h3 a	{
color: #fff;
	}
.link-item-description, .link-item-description p	{
font-size: 1.1em;
margin: 5px 0;
}
.link-item-url	{

}
.link-item img	{
float: right;
}


/* @end */

/* @group ListIt: Teasers */
.teaser-item	{
float: left;
width: 300px;
margin:0 20px 20px 0;
padding: 0;
/*cursor: pointer;*/
color:#444;	
}
.teaser-item.alt3	{
margin:0 0 20px 0;	
}
.teaser-item-title h3	{
font-family: Georgia, "Times New Roman", serif;
font-size: 1.7em;
font-weight: normal;
line-height: normal;
margin: 0 0 5px 0;
padding:0 0 0 0;
color: #999;
}
.teaser-item-image	{
width: 300px;
height: 130px;
margin: 0;
background: url(../images/layout/teaserpic-bg.png) left bottom no-repeat;
}
.teaser-item-content,
.teaser-item-content p	{
font-size: 14px;
line-height: 18px;
margin: -10px 0 15px 0;
padding: 0 5px;
}
.teaser-content a	{
color: #30503f;
font-weight: bold;
text-decoration:none;
}
/* @end */





/* @group ListIt: Staff */
.staff-item	{
background: #ccc;
border-left: 12px solid #ff9933;
margin: 0 0 10px 0;
}
.staff-item-inside	{
padding: 15px 10px;
}
.staff-item-image	{
float: right;
margin: 0 0 0 10px;
}
.staff-item-title h3	{
display: inline;
font-size: 14px;
}
.staff-item-title span	{
font-size: 12px;
font-weight: bold;
}
.staff-item-biography	{
margin: 0 100px 0 0;
}
.staff-item-biography,
.staff-item-biography p	{
font-size: 12px;
}
.staff-item-email	{
font-size: 12px;
font-weight: bold;
}
.staff-item-phone	{
font-size: 12px;
font-weight: bold;
}
/* @end */

/* @group ListIt2: VideoPlayer */
.video-grid	{
float: left;
}
.video-grid-item	{
float: left;
width: 130px;
margin: 0 20px 20px 0;
}
.video-grid-item h4	{
color: #ddd;
font-size: 12px;
text-align: center;
border: none;
}
.video-grid-item h4 a	{
color: #999;
}
.video-grid-item h4 a:hover	{
color: #fff;
}
.video-grid-item-image	{
border: 2px solid #ddd;
margin: 0;
padding: 0;
}
.video-grid-item-image:hover	{
border: 2px solid #ccc;
opacity: 0.8;
}

/* single video */
.video-item	{

}
.video-item-image	{
margin: 0 0 15px 0;
}

/* @end */

/* @group ListIt: AudioPlayer */
.audio-grid	{
float: left;
margin: 20px 0;
}
.audio-grid-item	{
float: left;
width: 280px;
margin: 0 20px 20px 0;
}
.audio-grid-item h4	{
color: #ddd;
font-size: 16px;
font-weight: bold;
text-align: center;
border: none;
}
.audio-grid-item-description	{
color: #999;
font-size: 13px;
line-height: normal;
margin: 5px 0;
text-align: center;
}
/* @end */