/*---------------------------- Main -------------------------------*/

html, body {
	margin: 0px;
	padding: 0px;
	font: 12px/15px 'HoeflerText-Regular', 'Hoefler Text', 'Times New Roman', 'serif';
	background-color: #edffdd;
	color: #7f7f7f;
	text-align: center; 
}

/*---------------------------- Links -------------------------------*/

a {  
	color:#0496b1;
	text-decoration: none;
	}	
a:visited {
	color: #b19604;
	text-decoration: none;
	}
a:hover {
	color: #046691;
	text-decoration: none;
	}		
a img {
	border: none;
	}		
	
/*---------------------------- General Html -------------------------------*/

h2, h3 {
    color: #7f7f7f;
    font-family: 'HoeflerText-Regular', 'Hoefler Text', 'Times New Roman', 'serif';
    text-align: left;
    margin: 0px;
    font-syle: normal;        
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    text-indent: 0px;
    }

h2 {		
    font-size: 24px;
    line-height: 29px; 
    padding-top: 5px; 
    padding-bottom: 0px;
    }

h3 {
    font-size: 16px;
    line-height: 19px; 
    padding-top: 0px; 
    padding-bottom: 5px;
    }

.space {
    border: none;
    height: 5px;
    margin: 0px; 
    width: 100%;
    text-align: left;
    }


/*---------------------------- Page Content --------------------------*/

#content {
	border: none;
	background-color: #ffffff;
	width: 700px;
	margin: 0px auto;	
	overflow: hidden; 	
	background: url(images/watercooloer_bkgnd.jpg) repeat scroll top left; 
	text-align: left; 
	display: block; 
	}

#topbar {
    border: none;
	top: 0px;
	left: 0px;
	height: 95px; 
	margin-left: 0px;
	margin-top: 0px; 
	padding: 0px;
	position: relative; 
	width: 700px; 
	display: block; 
	}

#topbar_bkgd {
    border: none;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    height: 55px;
    width: 800px;
    }

#page_title {
    border: none;
    left: 40px; 
    position: absolute; 
    top: 15px; 		
    }

#main_title {
    border: none;
    left: 32px; 
    position: absolute; 
    top: 2px; 
    z-index: 5;		
    }

#page {
    position: relative;
    left: 0px;
    top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 700px;        
    display: block; 
    }
 
#entry {
    position: relative; 
    left: 0px; 
    top: 0px; 
    padding: 25px 180px 35px 50px;   
    }

#index_image {
    position: relative;
    left: 0px;
    top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 700px;        
    height: 406px;
    display: block; 
    }

#mymusic_image {
    float: right;
    right: 0px;
    top: 0px;
    margin-top: 0px;
    margin-right: 30px;
    width: 180px;        
    }

.body_text {
    line-height: 17px;
    margin: 0px;
    padding: 0px;
    font-size: 12px; 
    }

.small_text {
    line-height: 12px;
    margin: 0px;
    padding: 0px;
    font-size: 10px; 
    }

.list ul{
    list-style-type: disc;   
    }

.indent {
    margin-left: 20px;
    }
	
/*---------------------------- Navigation Bar --------------------------*/

#navbar {    	
    }

#navbar ul{
    display: inline;
    list-style: none;			
    }

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

#navbar a, #navbar a:visited  {
    cursor: pointer;
    text-decoration: none;			
    }	

#navbar a.navbar_0 {
    background: transparent url(images/navbar_0_normal.jpg) no-repeat;  
    position: absolute;
    top: 70px;
    left: 30px;
    width: 73px; 
    height: 31px; 
    border: none;
    }

#navbar a.navbar_0:hover {
    background: transparent url(images/navbar_0_rollover.jpg) no-repeat;
    }

#navbar a.navbar_1 {
    background: transparent url(images/navbar_1_normal.jpg) no-repeat;
    position: absolute;
    top: 70px;
    left: 113px;
    width: 77px;
    height: 31px;
    border: none;
    }

#navbar a.navbar_1:hover {
    background: transparent url(images/navbar_1_rollover.jpg) no-repeat;
    }

#navbar a.navbar_2 {
    background: transparent url(images/navbar_2_normal.jpg) no-repeat;
    position: absolute;
    top: 70px;
    left: 200px;
    width: 75px;
    height: 31px;
    border: none;
    }

#navbar a.navbar_2:hover {
    background: transparent url(images/navbar_2_rollover.jpg) no-repeat;
    }

#navbar a.navbar_3 {
    background: transparent url(images/navbar_3_normal.jpg) no-repeat;
    position: absolute;
    top: 70px;
    left: 285px;
    width: 48px;
    height: 31px;
    border: none;
    }

#navbar a.navbar_3:hover {
    background: transparent url(images/navbar_3_rollover.jpg) no-repeat;    
    }

#navbar a.navbar_4 {
    background: transparent url(images/navbar_4_normal.jpg) no-repeat;
    position: absolute;
    top: 70px;
    left: 343px;
    width: 63px;
    height: 31px;
    border: none;    
    }

#navbar a.navbar_4:hover {
    background: transparent url(images/navbar_4_rollover.jpg) no-repeat;    
    }

/*-------- Footer on Index page ------------------*/

#footer {
    border: none;
    position: relative;
    left: 0px;
    top: 0px;
    height: 80px;
    z-index: 1;
    }

#welcome_text {
    border: none;
    position: absolute;
    left: 35px;
    top: 10px;
    z-index: 2;   
    }

#copyright {
    border: none;
    position: absolute;
    left: 470px;
    top: 10px;
    z-index: 2;    
    }

/*-------- Images ------------------*/

#index_background {
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 0px;	
    width: 700px;
    height: 406px;
    background: url(images/home_background.png); 
    z-index: 1;
    display: block;
    }	

#image_left_frame {
    border: none; 
    width: 405px; 
    height: 326px; 
    left: 20px; 
    top: 52px; 
    position: absolute; 
    z-index: 2; 
    }

#image_left {
    border: none; 
    position: absolute; 
    height: 270px; 
    width: 349px; 
    left: 45px; 
    top: 76px; 
    z-index: 3; 
    }

#image_topright {
    border: none; 
    height: 145px; 
    left: 466px; 
    position: 
    absolute; 
    top: 33px; 
    width: 189px; 
    z-index: 2; 
    }

#image_bottomright {
    border: none; 
    height: 192px; 
    position: absolute; 
    top: 192px; 
    left: 487px; 
    width: 147px; 
    z-index: 2;
    }

#image_mymusic_1 {
    border: none; 
    position: absolute; 
    top: 110px; 
    left: 350px; 
    height: 180px; 
    width: 220px; 
    z-index: 2; 
    }
#image_mymusic_2 {
    border: none; 
    top: 720px; 
    left: 480px; 
    position: absolute; 
    height: 192px; 
    width: 147px; 
    z-index: 2;  
    }
#image_mymusic_3 {
    border: none; 
    position: absolute; 
    left: 460px; 
    top: 260px; 
    height: 123px;     
    width: 161px; 
    z-index: 3; 
    }
#image_mymusic_4 {
    border: none; 
    top: 930px; 
    left: 400px; 
    position: absolute; 
    height: 123px; 
    width: 161px; 
    z-index: 3;  
    }
#profile_photo {
    border: none; 
    width: 96;
    height: 124;
    margin-left: 10px;
    margin-bottom: 10px;
    float: right; 
    }