/*darrenstyles.css*/

body {
		 background-color: #eeeeee;
		 margin: 0;
		 text-align: center;
		 font-family: ariel,helvetica, sans-serif;
		 font-size: 1.2em;
		 
		 }

#container {
					 width: 760px;
           height: 100%;
           background-color: #eeeeee;
           border: 1px ridge #000000;
					 text-align: left;
					 margin: 0 auto;
					 margin-top: 50px;
}

#header {

 width: 760px;
 height: 100px;
 /*border: 1px solid #000000;*/
 background-color: #000;
 background: url(images/waterjar.jpg) repeat-y;
}
#tagline  {

					font-size: 1.5em;
 					text-align: left;
 					font-variant: all-caps;
 					padding-right: 1em;
					color: #ffccff;
					Padding-left: 0.5em;
					border: 1px solid #00ffff;
					margin-top: 0;
					width: 300px;
					/*font-family:*/
					
					
					}

#content		 {
  		 width: 758px;
			 margin-top: 0;
			 background: url(images/seabg.jpg) repeat-y;
			 border: 1px solid #000000;
			 text-align: justify;
			 }

#topnav	{

	position: relative;
	top: 20px;
	left: 150px;
	background-color: transparent;
	font-size: 10pt;
	font-weight: 600;
	color: #fff;
	}

#topnav	a:link, #topnav a:visited {
					text-decoration: none;
					color: #66ffff;
					background-color: transparent;
					}
#topnav a:hover	{
		Color: #099;
		text-decoration: underline;
		}

#topnav li {
		display: inline;
		margin-left: 15px;
		padding: 0 5px 0 3px;
		}
	
	


#nav {

 width: 140px;
 height: 500px;
 border: 1px solid #000000;
 background-color: #00ffff;
 float: left;
}
#navigation {

 width: 100px;
 height: 500px;
 background-color: 556655#;
  margin-left: 20px;
}

#navigation ul	{

		width: 90px;
		margin-left: 5px;
		
		}

#navigation li {
		border: 1px solid #000;
		background-color: #eee;
		font-size: 0.8em;
		margin-bottom: 0.3em;
		padding-left: 0.3em;

		}
 

/*_______________________ classes _____________________________________ */

.essentialtext 	{
	border-bottom: 1px solid #000;
	width: 150px;
	/*text-align: center;*/
	}
	
.tinytext {
 font-size: 60%;
 padding-left: 10px;
 
}

.hidebullet {
 list-style: none;
 margin-left: 0;
}


					
.para1		{
					font-size: 1000;
					}

.centre   {					 									/* images only */
					margin-left: 180px;
					}
					

.centretext   {

					text-align: center;
					/*text*/
					}
.rightalign	{
						float: right;
						margin-left: 10px;
						}
.centreimage {
						 margin-left: 199px;
						 }					
						
/*_______________________ headings _____________________________________ */


h1 	{

	font-size: 1.3em;
	font-family: helvecica, geneva, arial, sens-serif;/**/
	color: #303;/**/
	text-align: center; 
	padding-top: 1.3em;
	border-bottom; 1px ridge #0f0;
	}


h2	{

	font-size: 1.1em;*/
	font-family: helvecica, geneva, arial, sens-serif;*/
	color: #006;*/
	padding-left: 0.2em;/**/
	padding-top: 0.2em/**/
	border-bottom: 2px ridge #eee;*/
	background-color: transparent;*/
	width: 50%;*/

	}
	
h4	{

		Font-size: 2em;
		text-align: center;s
		}





div > h1	{					/*eliminate mozilla top margin bug*/

		margin-top: 0;
		
		
		}



div > h2	{					/*eliminate mozilla top margin bug*/

		margin-top: 0;
		
		}

/*____________________________________ Text Formatting____________________________________*/
#images	{

				margin-left: 4px;
				width: 750px;
				background-color: transparent;
				}
#images p

		{

		margin-left: 0;
		margin-right: 0;

		}
#content p

		{

		margin-left: 2em;
		margin-right: 2em;

		}


blockquote	{

		font-size: italic;
		text-align: justify;
		margin-left: 2em;
		margin-right: 2em;
		padding-left: 1em;
		margin-top: 3em;
		/*background-color: ccc;*/

		}

.booktitle	      {
		
 		font-size: 1.5em;
 		text-align: right;
 		padding-right: 1em;
		text-decoration: overline;
		float: right;
		padding-bottom: 1em;
								}