html, body 		{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				background:#000000 url(../styleImages/backgrounds/background.jpg);
				margin: 0; 
				padding: 0;
				color:#FFFFFF;}
		
#header h1 		{margin: 0; 
				padding:0px 18px;
				font-size:37px;}

#header h2 		{font-family:"Courier New", Courier, monospace;
				font-size:18px;
				letter-spacing:1.5px;
				padding-left:24px;
				position:relative;
				bottom:2px;
				margin:0px;}	
		
a				{text-decoration:none;
				border-bottom:none;
				display:inline;
				color:#ffffff;}
			
a:hover 		{color:#666666; 
				border-bottom:none;}
		
p 				{margin-left:20px;}

ul, li			{margin: 0;
				padding: 0;
				list-style:none;}	
		
#container 		{margin: 0 auto;
				width: 776px;
				position:relative;
				top:0px;
				text-align: left;
				border: 1px solid #98b3b1;
				margin-top:10px;} 	
	
#topheader 		{background: #000000 url(../styleImages/backgrounds/top-header-bg.gif);
				margin:auto;
				height:20px;}

#header 		{background:#000000 url(../styleImages/backgrounds/middle-header-bg.gif) repeat-y;
				height:70px;}				
		
#menu			{position:relative;}
			
#menu ul, #menu li	{margin:0; 
					padding:0;
					display:inline;}
							
#menu a			{float:left;
			width:79px;
			text-decoration:none;
			padding:10px 0px;
			padding-left:18px;
			background:url(../styleImages/backgrounds/menubg.jpg);
			border-bottom:none;
			font-size:15px;}	

#menu a:hover 		{color:#666666;}	

/** highlights current selected page without using javascript or php **/
#nav a#current 		{background:url(../styleImages/backgrounds/menubg2.gif); color: #fff;}

#mainContent 		{padding: 0px; 
			margin:0px;
			background:#000000;
			text-align:left;
			width:776px;
			line-height:20px;
			min-height:675px;}

#pic			{float:right;
			background:url(../styleImages/backgrounds/mainpic.jpg);
			width:290px;
			height:610px;}
	
#content		{width:485px; 
			float:left;
			height:590px;}
	
#contentboarder		{float:right; height:580px; width:1px;
			border-right:1px dotted white; 
			margin:15px 0px 100px 0px;}

#content p		{padding-right:20px;}	

#content h1 		{font-size:18px; 
			line-height:10px; 
			padding-top:10px; 
			font-weight:bold; 
			padding-left:20px;}
		
.boxTitleLeft, .boxTitleRight {
	background-image: url(../styleImages/backgrounds/boxTitleBg2.gif);
	width: 135px;
	height: 19px;
	padding-left: 5px;
	padding-top: 0px;
}
.boxContentLeft, .boxContentRight {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
.colLeft {position:relative;
	left: 20px;
	top:20px;
	width: 140px;
	float:left;}	

.boxContent	{width:310px; float:left; height:500px;position:relative; left:30px; top:20px;}	
  

.site		{background:url(../styleImages/backgrounds/BookmarkLogo.png); 
		width:20px;} /** this is the bookmark logo */
		
/**-- footer -- **/	
	
#footer				{padding-left: 15px; 
				padding-bottom:15px; 
				padding-top:15px; 
				font-size: 11px; 
				border-top: 1px solid #FFF;}
		
#footer ul li			{padding-right:5px;
				display:inline;}

#footer1 		{float: right; width:400px;}
#footer2 		{width:250px;}

/* --- footer bottom quick links --- */

ul#bottomlinks 			{margin: 0;
				padding: 0;
				list-style: none;}
				
ul#bottomlinks li 	{float:left;
			width:auto;}

ul#bottomlinks li a 	{padding-left: 16px; 
			display:block;}		
			
ul#bottomlinks li a.home {background:url(../styleImages/backgrounds/home.gif) no-repeat; background-position:left 0px;}
ul#bottomlinks li a.home:hover {background-image: url(../styleImages/backgrounds/home.gif); background-position:0px -14px;}
ul#bottomlinks li a.contact {background: url(../styleImages/backgrounds/mail.gif) no-repeat; background-position:left 2px;}
ul#bottomlinks li a.contact:hover {background-image:url(../styleImages/backgrounds/mail.gif); background-position:0px -14px;}
ul#bottomlinks li a.sitemap {background: url(../styleImages/backgrounds/sitemap.gif) no-repeat; background-position:left 0px;}
ul#bottomlinks li a.sitemap:hover {background-image:url(../styleImages/backgrounds/sitemap.gif); background-position:0px -14px;}
ul#bottomlinks li a.links {background: url(../styleImages/backgrounds/links.gif) no-repeat; background-position:left 0px;}
ul#bottomlinks li a.links:hover {background-image:url(../styleImages/backgrounds/links.gif); background-position:0px -13px;}
ul#bottomlinks li a.access {background: url(../styleImages/backgrounds/access.gif) no-repeat; background-position: left 0px;}
ul#bottomlinks li a.access:hover {background: url(../styleImages/backgrounds/access.gif) no-repeat; background-position:0px -13px;}