/* Specification of default styles */
body {
	font-family: Comic, sans-serif;
	color:white;
	font-size:medium;	
	background-color: black;
	text-align:justify;
	font-style: normal;
	line-height:125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin:0 0 0 0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0;
	border:0;
	height:100%;
	width:100%;
	overflow: auto;
	overflow-x: hidden;
	}
a:link              { color:yellow; text-decoration:underline; }
a:visited           { color:yellow; text-decoration:underline; }
a:hover             { color:green; text-decoration:underline; }
a:active            { color:yellow; text-decoration:underline; }
a.otherLink:link    { color:yellow; text-decoration:none; }
a.otherLink:visited { color:yellow; text-decoration:none; }
a.otherLink:hover   { color:yellow; text-decoration:underline; }
a.otherLink:active  { color:yellow; text-decoration:none; }
p  		    { vertical-align:top; text-align:justify;}

HR           {clear:left; text-align:center; width:90%; height:2px; color:green; border: none; } /* For Internet Explorer */
HTML>BODY HR {clear:left; margin-right:auto; margin-left:auto; width:90%; height:2px; background-color:green;} /* For Opera and Gecko-based browsers */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;	
	text-align:justify;
	font-style: normal;
	line-height:125%;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: silver;
        font-size:20px;
	text-align:center;
	font-style: normal;
	line-height:125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin:0;
	padding:0;
        margin-top: 15px;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-align:center;
	font-style: normal;
	line-height: normal
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin:0;
        margin-top:10px;
	padding:0;
	}
#frog ul {text-align:left; list-style-type:none; padding:0; margin:0;}
#frog li {text-align:left; background-image:url(FrogBullet.jpg); background-repeat:no-repeat; background-position:0 0; padding-left:4em; height:1.5em; margin-bottom:1em;}
	
/* Definition of class styles */
.buttoned {
	padding: 3px; 
	background: silver; 
	border-left: 2px solid white; 
	border-top: 2px solid white; 
	border-right: 2px solid gray; 
	border-bottom: 2px solid gray;
	}
.standard { /* Used for alignment of unbordered tables within the content pages */
	width:90%; 
	margin-left:auto; 
	margin-right:auto;	
	margin-top:0;
	margin-bottom:1em;
	padding:8px;
	background-color:black;
	border:none;
	clear:left;
	}
.bordered { /* Used for alignment of bordered tables within the content pages */
	width:90%; 	
	margin-left:auto;
	margin-right:auto;	
	margin-top:0;
	margin-bottom:1em;
	background-color:black;
	border:1px solid silver;
	padding: 8px;
	clear:left;
	}
.bordered th { /* Used for alignment of bordered tables within the content pages */
	border:1px solid silver;
	padding:8px;
	}
.bordered td { /* Used for alignment of bordered tables within the content pages */
	vertical-align:top;
	}
.bordered p { /* Used for alignment of bordered tables within the content pages */
	font-size:small;
	text-align:left;
	}
.bordered a:link { /* Used for alignment of bordered tables within the content pages */
	font-size:small;
	text-align:left;
	color:yellow;
	}
.bordered a:visited { /* Used for alignment of bordered tables within the content pages */
	font-size:small;
	text-align:left;
	color:yellow;
	}
table.bordered td { /* Default cell properties for bordered tables */
	padding:0.5em;
	margin:0px;
	background-color:black;
	border:1px solid silver;
	vertical-align::top;
	}
table.bordered td.borderedc {
	padding: 8px;
	margin:0px;
	background-color:black;
	border:1px solid silver;
	vertical-align::top;
	}
div.figure {
	padding: 8px; 
	border: none;
	}
div.figure img { 
	width: 100%; 
        display:inline;
	}
div.figure img.layouta {
	width:100%;
	border: thin solid silver;
	}
div.figure p { /* the default "legend" style, as opposed to "caption" */
	font-family: "comic sans ms", arial, sans-serif;
	font-size: small;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 1.3em;
        display:inline;
	}
div.figure p.caption { 
	text-align: center; 
	}

/* SARG HomePage */
div.cameoframe {
	text-align:center;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border:0;
	}
img.cameo {
	width:100%;
	border: thin solid silver;
	}
img.cameolarge {
	margin:3px; 
	padding:0;
	border:0;
	height:120px;
    display:inline;
	}
img.centred {
       border:0;
       padding:0;
       margin:0;
       margin-left:auto;
       margin-right:auto;
       width:90%;
       }
/* Used on the 'Animals' page */
div.float {
  	float:left;
  	padding:0px;
  	border:0;
	margin-left:0px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:0px;
  	}
div.float img {
	height:130px;
	border:0;
	}
div.float p {
	text-align:left;
	font-size:small;
	color:silver;
	margin-top:0px;
        }
   
div#header {
        position:absolute;
        top:0;
        left:0;
        width:98%; 
	    height:100px; 
        z-index:1;
        background-color:black;
        border:0;
        padding:0;
        padding-left:1%;
	    margin:0;
	    margin-left:auto; 
        margin-right:auto; 
        }
body>div#header {position:fixed;}	
div#content {
        position:absolute;
        top:0;
        left:0;
 	    width:98%;
        background-color:black;
        border:0;
        padding:0; 
        padding-top:101px; 
        padding-left:1%;
	    margin:0;
	    margin-left:auto; 
        margin-right:auto; 
        }
		
/* These styles used for page sub-menus*/
.buttonbar {
	margin-left:auto;
	margin-right:auto;
	margin-top:2px; 
    text-align:center;
    vertical-align:middle;
	width:90%
   }
.buttonbar td {
	background-color:silver;
	border:2px solid;
	border-color:white #666666 #666666 white;
	color:black;
	font-size:small;
	font-weight:bold; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0 1px 0 1px;
	padding:1px;
	text-align:center;	
	width:14%;
	}
.buttonbar td:hover {
	border-color:#666666 white white #666666;
	}
a img {border:none;}
.buttonbar a:link {
	font-family:"arial","Times New Roman",Times,serif; 
	color:black; 
	text-decoration:none; 
	font-variant:small-caps;  
	font-weight:bold; 
	font-size:1.1em; 
	letter-spacing:0.07em;
	}
.buttonbar a:visited {
	font-family:"arial","Times New Roman",Times,serif; 
	color:black; 
	text-decoration:none; 
	font-variant:small-caps;  
	font-weight:bold; 
	font-size:1.1em; 
	letter-spacing:0.07em;
	}
div.frame { margin:0; padding:0; height:100%;padding-top:121px;}
iframe { display:block; width:100%; border:none;overflow-x: hidden; }