/* BODY DIV - LAYOUT INFO*/

body{
	text-align:left;
	background-color: #fff;
	font:11px/17px Arial, Verdana, sans-serif;
	color: #333;
	}
	
	* {margin:0; padding:0}
	
	/* WRAP DIV - LAYOUT INFO*/
	
	
	#wrap {
	width:950px; 
	margin:auto;
	text-align:left;	
	float:left;
		}
	
	/* NAV DIV - DECORATIVE PANEL*/
	
	
	#nav{
	background-image:  url("images/panel1.gif");
	width:145px;
	height:986px;
	float:left;
	padding:0px;
	margin:0px;
	background-repeat: no-repeat;
		}
		
		
		
		#nav li{position:absolute;list-style:none}
		#nav li#nav_home{top:82px; left:40px}
		#nav li#nav_gallery1{top:107px; left:40px}
		#nav li#nav_gallery2{top:130px; left:40px}
	    #nav li#nav_gallery3{top:154px; left:40px}
		
		#nav li a, #nav li a:visited{color:#000; text-decoration:none; font-size:10px}
		#nav li a:hover{color:#333;}
		
		
	
	/* RIGHT INDEX DIV -  GIANT CIRCLES BACKGROUND ON INDEX PAGE*/	
		
	#index_right{
	width:770px;
	height:730px;
	float:right;
	margin-top:0px;
	background-image:  url("images/bigcircles_alt.gif");
	background-repeat: no-repeat;
		}
	
		
	/* RIGHT DIV -  GIANT CIRCLES BACKGROUND*/	
		
	#right{
	width:700px;
	height:730px;
	float:left;
	margin-top:0px;
	margin-left:30px;
	background-image:  url("images/bigcircles.gif");
	background-repeat: no-repeat;
		}
		
		
		/* INDEX HEADING DIV - ENCLOSING TITLE OF INDEX PAGE (GIF)*/	
	
	
		#index_heading{
	width:400px;
	height:155px;
	float:left;
	margin-top:90px;
	padding:0px;
	background-image:  url("images/index_heading.gif");
	background-repeat: no-repeat;
		}
		
		
	/* HEADING DIV - ENCLOSING TITLE OF PAGE GIF*/	
	
	
		#heading{
	width:400px;
	height:135px;
	float:left;
	margin-top:90px;
	padding:0px;
	background-image:  url("images/heading.gif");
	background-repeat: no-repeat;
	display:inline;
		}
		
		
		
		/* INDEX -  MAIN DIV - TEXT DEFINITIONS*/	
		
		
		#main_index{
	width:400px;
	height:135px;
	float:left;
	margin-top:0px;
	margin-bottom:280px;
	display:inline;
		}
		
		#main_index h2 {
		font: 400 13px/19px Arial, Verdana, sans-serif;
			} 
			
			#main_index p {			
			margin-top:0px; 
		margin-bottom:15px; 
		margin-left:113px;
		margin-right:50px;
		}
			 
		#main_index a{font-weight:normal;text-decoration: underline;}
		#main_index a:link {color:#7F4BE5; }
		#main_index a:visited {color: #693EBD;}
		#main_index a:hover {color: #693EBD; }
		
		.purple
		{font-weight:normal;
		color:#7F4BE5; 
			} 
			
		
			/* IREST OF PAGES -  MAIN DIV - TEXT DEFINITIONS*/	
		
		
		#main{
	width:380px;
	height:135px;
	float:left;
	margin-top:0px;
	margin-bottom:280px;
	display:inline;
		}
		
		#main h2 {
		font: 400 13px/19px Arial, Verdana, sans-serif;
			} 
			
			#main p {			
			margin-top:0px; 
		margin-bottom:15px; 
		margin-left:113px;
		margin-right:50px;
		}
			 
		#main a{font-weight:normal;text-decoration: none;}
		#main a:link {color:#7F4BE5; }
		#main a:visited {color: #693EBD;}
		#main a:hover {color: #693EBD; }
		
		.purple
		{font-weight:normal;
		color:#7F4BE5; 
			} 	
			
			
			
	
		/* CIRCLES DIV - INDEX PAGE*/	
	
	
		#index_circles{
	width:294px;
	height: 294px;
	position:absolute;
	top:150px;
	left:580px;
	display:inline;

		}
		 
	 
	 /* CIRCLES DIV - REST OF PAGES */	
	
	
#circles{}
	 
	 	/* FOOTER DIV - DISPLAYING COPYRIGHT*/	
		
	#box {
background-image:  url("images/footerbox.gif");
	width:95px;
	height:50px;
float:left;
	background-repeat: no-repeat;
	} 
	


#footer {
	width:700px;
	height:10px;
	float:left;
	text-align:center;
	color: #999;
	} 

#footer a{font-weight:bold;text-decoration: none;}
#footer a:link, #footer a:visited {color: #999; }
#footer a:hover {color: #333;}
#footer header {color: #333; }
