/* -----------------------------------------------------------
Author: M Ferriera element electronic media 
Created: 24 June 2008
Last modified: 24 June 2008
Colours:	Red  - #CC3300
			Grey - #EBEBEB
-------------------------------------------------------------*/

.rule01 { margin: 0; padding-bottom:1px; border-bottom: 1px solid #CCC; width: 710px; }
.ruleside { margin: 0; padding-left:1px; border-left: 1px solid #CCC; }
.maintext { margin: 10px 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;}

#popup { margin: 0; padding:0;}

img { border: none;}
body { margin: 0; padding: 0;}
p { margin: 10px 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;}
#home { padding: 3px; border: 1px solid #EBEBEB; width: 774px;}
#scAnimals { padding: 0px; border: 3px double #EBEBEB; width: 700px;}

h1 { font: bold 12px Arial, Helvetica, sans-serif ; color: #CC3300; }

.redHed02 { 
	margin: 0 7px 0 0 ; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px ;color: #CC3300;}
	.redHed02 a { 
	margin: 0 7px 0 0 ; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px ;color: #777; text-decoration:none; font-weight:bold;}
	.redHed02 a:hover { 
	margin: 0 7px 0 0 ; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px ;color: #CC3300; text-decoration:none; font-weight:bold;}
	
#heading { margin: 0; padding:0;}
.redHed { font: bold 12px Arial, Helvetica, sans-serif ; color: #CC3300; }
.greyHed { font: bold 12px Arial, Helvetica, sans-serif ; color: #666; }
.greyHed02 { font: 12px Arial, Helvetica, sans-serif ; color: #666; padding-bottom: 5px; padding-top: 5px; }


.rule01 { border-bottom: 1px solid #EBEBEB;}
.rulebot { border-bottom: 1px solid #CCCCCC;}
.ruletop { border-top: 1px solid #CCCCCC;}
.toplft { border-left: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB;}
.toprght { border-right: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB;}
.botlft { border-left: 1px solid #EBEBEB; border-bottm: 1px solid #EBEBEB;}
.botrght { border-right: 1px solid #EBEBEB; border-bottm: 1px solid #EBEBEB;}

.vertleft { border-left: 1px solid #EBEBEB; }
.vertrght { border-left: 1px solid #EBEBEB; }


/* image thumbnails */
#picRow01 {margin: 0 ; padding:0;}
#picRow01 dl { margin: 0px 0 0 0; padding: 0; }
#picRow01 dt { margin: -2px 0; padding: 0; letter-spacing: 0px;}
#picRow01 dd { margin:  0; padding: 0;  font: 11px Arial, Helvetica, sans-serif; color: #CC3300;}
#picRow01 dd.enlarge a { float: right; margin: -1px 3px; padding: 0; text-align: right; font: 11px Arial, Helvetica, sans-serif; color: #666; text-decoration: none;}
#picRow01 dd.enlarge a:hover { margin: -1px 3px; padding: 0; text-align: right; font: 11px Arial, Helvetica, sans-serif; color: #CC3300; text-decoration: none;}
#picRow01 dd.img img { padding:0px; 
	border:1px solid #FFF;

	}


#textHome { margin: 0 90px; padding: 0; width: 550px;}
#textHome p { margin: 10px 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;}


#textPage { margin: 0 90px; padding: 0; width: 550px;}
#textPage ul { margin: 8px 19px; padding: 0;}

#textPage ul li { margin: 0; padding: 0 6px; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;
	list-style-type: none; list-style-image:url(../images/listicon.gif);}
#textPage a { margin: 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #777; text-decoration: none;}
#textPage a:hover { margin: 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #CC3300; text-decoration: none;}

#textPage ul li a { font: bold 11px Arial, Helvetica, sans-serif; color: #777; line-height:16px;
	text-decoration: none;}
#textPage ul li a:hover { font: bold 11px Arial, Helvetica, sans-serif; color: #CC3300; line-height:16px;
	text-decoration: none;}
	
#textPage h1 { margin: 0; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #CC3300;}

#textPage p { margin: 10px 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;}

#contactPage { margin: 0; padding: 0; width: 190px;}
#contactPage ul { margin: 8px 19px; padding: 0;}

#contactPage ul li { margin: 0; padding: 0 6px; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;
	list-style-type: none; list-style-image:url(../images/listicon.gif);}
#contactPage a { margin: 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #777; text-decoration: none;}
#contactPage a:hover { margin: 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #CC3300; text-decoration: none;}

#contactPage ul li a { font: bold 11px Arial, Helvetica, sans-serif; color: #777; line-height:16px;
	text-decoration: none;}
#contactPage ul li a:hover { font: bold 11px Arial, Helvetica, sans-serif; color: #CC3300; line-height:16px;
	text-decoration: none;}
	
#contactPage h1 { margin: 0; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #CC3300;}

#contactPage p { margin: 10px 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;}

#footer { margin: 0; padding: 0 5px; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;
	list-style-type: none; float: left;}

#footer ul li a { font: bold 10px Arial, Helvetica, sans-serif; color: #777; line-height:16px;
	text-decoration: none;}
#footer ul li a:hover { font: bold 10px Arial, Helvetica, sans-serif; color: #CC3300; line-height:16px;
	text-decoration: none;}


#popUp ul { margin: 0 30px; padding: 0;}

#popUp ul li { margin: 0; padding: 0 6px; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height: 16px;
	list-style-type: none; list-style-image:url(../images/listicon.gif);}
#popUp a { margin: 0; padding: 0; font: bold 11px Arial, Helvetica, sans-serif; color: #777; line-height:16px;
	text-decoration: none;}
#popUp a:hover { margin: 0; padding: 0; font: bold 11px Arial, Helvetica, sans-serif; color: #CC3300; line-height:16px;
	text-decoration: none;}
	
.panIcon {border:5px solid #cccccc;}
.panIcon:hover{border:5px solid #999;}

ul.panMenu li{ float:left; list-style:none; font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height:16px; }

ul.panMenu li a.next {font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height:16px; text-align:right;
	text-decoration: none; padding-left: 5px; } 
ul.panMenu li a.prev{font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height:16px; text-align:left;
	text-decoration: none; padding-right: 5px ;}

ul.panMenu li a.next:hover {font: normal 11px Arial, Helvetica, sans-serif; color: #CC3300; line-height:16px; text-align:right;
	text-decoration: none; padding-left: 5px; } 
ul.panMenu li a.prev:hover {font: normal 11px Arial, Helvetica, sans-serif; color: #CC3300; line-height:16px; text-align:left;
	text-decoration: none; padding-right: 5px ;}
.panIcon2 {border:10px solid #cccccc;}	

ul.panMenu li a.next2 {font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height:20px; text-align:right;
	text-decoration: none;  padding-right: 5px; }  
ul.panMenu li a.prev2{font: normal 11px Arial, Helvetica, sans-serif; color: #777; line-height:20px; text-align:left;
	text-decoration: none;  padding-left: 5px; } 

ul.panMenu li a.next2:hover {font: normal 11px Arial, Helvetica, sans-serif; color: #CC3300; line-height:20px; text-align:right;
	text-decoration: none;  padding-right: 5px; } 
ul.panMenu li a.prev2:hover {font: normal 11px Arial, Helvetica, sans-serif; color: #CC3300; line-height:20px; text-align:left;
	text-decoration: none;  padding-left: 5px; }

ul.panMenu li a.end { cursor: default; color: #E3E3E3;}
ul.panMenu li a.end:hover { cursor: default; color: #E3E3E3;}

a{font: normal 11px Arial, Helvetica, sans-serif;  }
a:hover { color: #CC3300!important; }

#footer ul {}

#footer ul li { float: left; list-style-type: none; padding-left: 5px;}