/*
CSS for Purple Crocodile site
*/



body {
     font-family: "Arial Narrow", Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
     background-color:  #FFFFFF /* (White) */;
     line-height: 100%;
     font-size: 110%;
     padding: 0px;
     margin: 0px;
     border: 0px solid navy;
     }


h1 {
   font-family: "Arial Narrow", Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 45px;
   color: #FFFFFF /* #CC0099 */ ;
   padding-top: 1.5em;
   padding-bottom: 1.5em;
   padding-left: 1.0em;
   padding-right: 0em;
   margin: 0px;
   background: #CC0099 /* #A4C2E6 */  /* url(Purple Croc Logo draft 5.png) no-repeat right bottom */ ;
   }



h2 {
   color: #CC0099;
   padding-top: 15px;
   padding-left: 0px;
   margin: 0;
   font-size: 130%;
   font-weight: normal;
   font-family: "Arial Narrow", Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   }

h3 {
   color: #FFFFFF;
   font-size: 85%;
   font-weight: normal;
   font-family: "Arial Narrow", Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding-left: 1.0em;
   }

ul {
   margin-top: 15px;
   }


li {
   color: #CC0099;
   font-size: medium;
   list-style-type: none;
   left: 0px;
   }


p {
	font-size: medium;
	line-height: 85%;
	font-size: 100%;
	color: #CC0099;
	padding-left: 0em;
	left: 0px;
	}


em {
   font-size: 130%;
   font-style: normal;
   font-weight: bold;
   }


#tagline p {
	font-style: italic;
	font-family: "Arial Narrow", Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-top: .2em;
	padding-bottom: 1.0em;
	padding-left: 2.0em;
	margin: 0;
	background: #CC0099 /* #A4C2E6 */ ;
	color: #FFFFFF /* #CC0099 */ ;
	  }


#navlist ul {
	font-family: "Arial Narrow", Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	top: 50em;
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	}

	#navlist li
	{
	display: inline;
	list-style-type: none;
	}

	#navlist a { padding: 5px 10px; }

	#navlist a:link, #navlist a:visited
	{
	color: #666666 /* FFFFFF */ ;
	background-color: #EAEBEF /* 99958E */ /* 036 */ ;
	text-decoration: none;
	}
	
	#navlist a:hover
	{
	color: #FC7801 /* fff */;
	background-color: #369;
	text-decoration: none;
	}




.fun {
     font-family: Bodoni, Georgia, Times, serif;
     color: #339999;
     font-style: italic;
     letter-spacing: 0.05em;
     }



/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured
from the top-left corner of the browser's content display.
*/



#header, #navigation, #bodycontact, #bodycontent, #navcontainer, #foot, #footer {
	position: absolute;
	}


#navigation, #bodycontact, #bodycontent{
	top: 15.0em;
	}

#navcontainer {
	top: 11.0em;
	left: 0px;
	background-color: #EAEBEF;
	}


#footer {
	padding: 20px;
	padding-top: 200px;
	color: #99958E;
	top: 38.0em;
	height: 50px;
	background-color: #99958E;
	/* background-image: url(bg-footer.jpg); */
	background-repeat: repeat-x;
	width: 100%;
	}


#bodycontact {
	left: 1.0em;
	}

#bodycontent {
	right: 1.0em;
	}

#header {
	width: 100%;
	}


.feature {
	 float: right;
	 margin: 10px;
	 }

#navcontainer {
	width: 100%;
	}