body,html { background-color: #3e3f41; margin:0; padding:0; font-family:Arial; font-size:14px;}

h1 { color:#000099; font-size:16px; font-weight:bold;}
h2 { color:#000099; font-size:14px; font-weight:bold; padding-bottom:0px;}

#wrapper { width:960px; background-color:white; margin:auto;}

#header { background-color:#ffffe5; height:168px; width:960px;}
#header #col1 { width:520px; float:left;}
#header #col2 { width:180px; float:left; padding-top:15px; border:1px dotted #9999cc; margin-top:15px; padding:5px; text-align:center; }
#header #col3 { width:160px; float:right; margin-top:50px; padding-right:15px}


#topnav { background-image: url('/images/design/topnavdarkm.jpg'); height:46px;}
#topnav ul { list-style:none; padding:0px; margin:0px;}
#topnav ul li { list-style:none; padding:0px; margin:0px; float:left; }
#topnav ul a { padding:0px 25px; display: block; line-height:40px; vertical-align:middle; font-size:14px; font-weight:bold; color:white; text-decoration:none;}
#topnav ul a:hover { background-color:#8484b1; color:#000099 }
#topnav ul a.selected { background-color:#ababe5; color:#000099}
#topnav ul a:active { background-color:#c0c0e5; color:#000099}

#leftnav { width:180px; padding-top:20px; float:left;}
#leftnav ul { list-style:none; padding:0px; margin:0; }
#leftnav ul li { margin:0; padding:0; list-style:none; }
.leftnavline { border-bottom:1px dashed #cbcbf4;}

#leftnav ul li a { color:white; font-size:14px; font-weight:bold; text-decoration:none; display:block; padding:5px; padding-left:20px;}
#leftnav a.selected { color:#000099;}
#leftnav a.selectedline { color:#000099; border-bottom:1px dashed #cbcbf4;}
#leftnav a:hover { background-color:#ababe5; color:#000099;}
#leftnav ul li ul li { padding:0; margin:0; }
#leftnav ul li ul li a { padding:0; margin:0; padding-left:40px; font-size:14px; line-height:28px; vertical-align:middle; border:0 !important;}

#footer { width:960px; background-color:#333399; height:70px;}
#footer a {color:White;}
#footer a.selected {color:White;}
#footer a:hover {color:#ababe5;}
.footertext {color:White; font-size:12px; text-align:right; padding:20px 20px 0px 0px; font-weight:bold;}
#footerbase {width:960px; background-color:#3e3f41; height:46px;}

#maincontent { background-image:url('/images/design/body960.jpg'); min-height:500px; width:960px;}
#pagecontent { float:left; width:750px; padding:15px;}
 
/*Home Page*/
.contentleft { width: 539px; float:left; padding-right:15px;}
.contentright { width: 180px; float:right; border-left:1px solid #9999cc; padding-left:15px; min-height:620px;}
.imagespace { margin-left:25px;}
.imagepad { padding-left:15px;}
.hometext { width:380px; font-family:Arial; font-size:14px; color:#000000;}
.newsbox {width: 180px;  border-bottom: 1px dashed #cbcbf4; margin-bottom:20px; text-align:center;}
.newsboxnoline {width: 180px; text-align:center;}
.newsboxtitle {color:#000099; font-weight:bold}
.pawtext { color:#000099; font-size:14px; font-weight:bold; margin-bottom:20px;}

/*Any pages*/
.imageleft { float:left; padding: 10px 15px 5px 0px}
.imageright { float:right; padding: 10px 0px 5px 15px}
.imageleft50 {float:left; margin-left:50px;}
.backtotop { width:750px; height: 35px; background-image:url('/images/design/backtotop.gif'); float:right; margin:10px 0px 20px 0px;}
.centretext { text-align: center;}
.centreitalic {text-align: center; font-style:italic;}
.bottomborder { border-bottom:1px solid #9999cc; padding-bottom:10px; margin-bottom:20px;}
.bottonborderdash { border-bottom:1px dashed #9999cc; padding-bottom:10px; margin-bottom:20px;}
.up { width:750px; height: 35px; background-image:url('/images/design/up.gif'); float:right; margin: 10px 0px 15px 0px;}
.upnoline { width:750px; height: 28px; background-image:url('/images/design/upnoline.gif'); float:right; margin:0px;}

/*Quotation page*/
.quotes { padding-bottom:30px;}

/*Take Action page*/
.takeaction {padding-bottom:20px; line-height:20px;}

/*Links and Thankyou Us pages*/
.linksleft { width: 340px; float:left; border-right:1px dotted #9999cc; padding: 0px 10px 0px 0px; min-height:0px;}
.linksright { width: 340px; float:right; margin: 0px 15px;}

/*hyperlinks*/
#pagecontent a { font-family:Arial; font-size:14px; color:#000000}
#pagecontent a:hover { color: #000099;}


/*news page*/
#news {width: 750px}
#news .section {}
#news .col1 { width:150px; float:left;}
#news .col2 { width:440px; float:left;}
#news .col3 { width:130px; float:right; text-align:center; border-left:1px dashed #9999cc;
              padding-bottom:10px; font-weight:bold; color:#000099; min-height:160px; }
#news ol { list-style: decimal; padding:15px; margin:0; }
#news ol li { margin:0; list-style:decimal; }
.newsactiontext { color:#000099; font-size:14px; font-weight:bold; text-align:left; }

/*news details page*/
.newsdetailright { width:215px; float:right;}
.newsdetailtext { color:#000099; font-size:14px; font-weight:bold; text-align:right; }
.newsdetailaction { border:0;}

/*media page*/
#media {width: 750px}
#media .section {}
#media .col1 { width:150px; float:left;}
#media .col2 { width:440px; float:left;}
#media .col3 { width:130px; float:right; text-align:center; border-left:1px dashed #9999cc;
              padding-bottom:10px; font-weight:bold; color:#000099; min-height:130px; }
#media ol { list-style: decimal; padding:15px; margin:0; }
#media ol li { margin:0; list-style:decimal; }
.mediaactiontext { color:#000099; font-size:14px; font-weight:bold; text-align:left; }

/*media details page*/
.mediadetailright { width:160px; float:right; padding-bottom:30px;}
.mediadetailtext { color:#000099; font-size:14px; font-weight:bold; text-align:left; }
.mediadetailaction { border:0;}

/*subnav pages*/
.subnavright { width:215px; float:right;}
.subnavtext { color:#000099; font-size:14px; font-weight:bold; text-align:right; }
.subnavaction { border:0;}

/*Bullet points*/
.bullets ul { padding:0px; margin:0px;}
.bullets ul li {padding: 0px 0px 5px 15px; margin-left:15px;}

/*Happy Endings*/
.hecol1 {width:170px; float:left; padding: 0px 0px 50px 10px; text-align:center;}
.hecol2 {width:170px; float:left; padding: 0px 0px 50px 10px; text-align:center;}
.hecol3 {width:170px; float:left; padding: 0px 0px 50px 10px; text-align:center;}
.hecol4 {width:170px; float:left; padding: 0px 0px 50px 10px; text-align:center;}
.hetitle {text-align: center; font-weight:bold; color:#000099; padding-top:15px;}
.hesubsection {width:750px; height:220px; border-top: 1px dashed #9999cc; padding-top:20px;}
.hesubsection .col1 {width:180px; float:left; padding-left:10px; text-align:center;}
.hesubsection .col2 {width:180px; float:left; padding:0px; text-align:center;}
.hesubsection .col3 {width:180px; float:left; padding:0px; text-align:center;}
.hesubsection .col4 {width:180px; float:left; padding:0px; text-align:center;}
.hesubsection .title {padding:10px 0px 10px 25px; font-weight:bold; color:#000099;}
.helist {width:750px; }
.helist .col1 {width:185px; float:left;}
.helist .col2 {width:185px; float:left;}
.helist .col3 {width:185px; float:left;}
.helist .col4 {width:185px; float:left;}



.heorginal {width:750px; line-height:50px;}
.heoriginal .col1 {width:560px; float:left;}
.heoriginal .col2 {width:160px; float:right;}




/*Vegan*/
.rightnav {width: 160px; float:right; margin-left:15px;}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

.clearfix 
{
   display: inline-block;
} 

/* Hides from IE Mac \*/
* html .clearfix 
{
    height: 1%;
}
.clearfix 
{
   display:block;
}
/* End Hack */