@charset "utf-8";

/*body material*/

body {
  color: #000; background: #fff;
  padding-top: 40px;
  font-family: verdana, arial, geneva, sans-serif;
}  


/*outside division*/
#wrapper {
  width: 850px; 
  margin: auto;
  color: #000; 
  background: #C1CAF1; 
  border: outset;
}


/*header division*/
#header {
  color: #fff;
}

#header h1 {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

#header p {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 75%;
  font-style: italic;
  text-align: center;
} 


/*sidebar division*/
#contentleft {
  color: #000; 
  background: transparent;
  width: 240px;
  float: left;
}

#contentleft ul { 
  margin: 0; 
  padding: 0; 
  list-style-type: none;
  float: left; 
} 

#contentleft li {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 80%;
  text-align: left;  
  margin:2px;
} 

#contentleft a:link { 
  display: block;
  color: #fff; 
  background: #1b2549;

  padding: 4px 6px; 
  text-decoration: none; 
} 


#contentleft a:visited {
  display: block; 
  color: #fff; 
  background: #1b2549; 

  padding: 4px 6px; 
  text-decoration: none; 
} 

#contentleft a:hover {
  display: block; 
  color: #fff; 
  background: #6d769d;

  padding: 4px 6px; 
  text-decoration: none; 
} 

#contentleft a:active {
  display: block; 
  color: #fff; 
  background: #6d769d;

  padding: 4px 6px; 
  text-decoration: none; 
} 





/*content1 division*/

#contentleft {
  color: #000; 
  background: transparent;  
  float: left;
  text-align: left;    
  margin: 0; 
}

#contentleft h2 {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 1em;
  margin-left: 10px;
  font-weight: bold;
  text-align: left;  
} 

#contentleft p {
  font-family: Arial, Helvetica, sans-serif;  
  font-size:.8em;
  text-align: left;  
  padding-left: 10px;
  padding-right: 20px;
} 

#contentleft {
  width: 140px;
  border-right: dashed;
  border-width: thin;
  border-color: #6d769d;
  color: #000; background: transparent;  
  float: left;
  text-align: left;    
  margin: 0; 
}

#contentleft a:link { 
  color: #1b2549;
  background: transparent;  
  text-decoration: underline 
} 


#contentleft a:visited {
  color: #1b2549;  
  text-decoration: underline 
} 

#contentleft a:hover {
  color: #fff; 
  text-decoration: none; 
} 


#leftnav {
	float: left;
	width: 240px;
	background: transparent;
	margin: 0;
} 

  

#rightnav {
	float: right;
	width: 500px;
	background: transparent;
	margin: 0;
} 


/*sidebar division*/
#sidebar {
  color: #000; 
  background: transparent;
  width: 155px;
  float: right;
  padding: 40px 0;
}

#sidebar ul { 
  margin: 0; 
  padding: 0; 
  list-style-type: none;
  float: right; 
} 

#sidebar li {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 80%;
  text-align: left;  
  margin:2px;
} 

#sidebar a:link { 
  display: block;
  color: #fff; 
  background: #1b2549;
  width: 145px; 
  padding: 4px 6px; 
  text-decoration: none; 
} 


#sidebar a:visited {
  display: block; 
  color: #fff; 
  background: #1b2549; 
  width: 145px; 
  padding: 4px 6px; 
  text-decoration: none; 
} 

#sidebar a:hover {
  display: block; 
  color: #fff; 
  background: #6d769d;
  width: 145px; 
  padding: 4px 6px; 
  text-decoration: none; 
} 

#sidebar a:active {
  display: block; 
  color: #fff; 
  background: #6d769d;
  width: 145px; 
  padding: 4px 6px; 
  text-decoration: none; 
} 



/*content2 division: center */

#content {
  width: 400px;
  color: #000; 
  background: transparent;  
  text-align: center;   
}


#content h2 {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 100%;
  font-weight: bold;
  text-align: left;  
} 

#content p {
  font-family: Arial, Helvetica, sans-serif; 
  margin: auto; 
  padding-left: 120px;
  font-size: 90%;
  text-align: left;  
} 


#content2 a:link { 
  color: #1b2549;  
  text-decoration: underline 
} 


#content2 a:visited {
  color: #1b2549;  
  text-decoration: underline 
} 

#content2 a:hover {
  color: #fff; 
  background: #1b2549;
  text-decoration: none; 
} 




#blogs{
	height:500px;
	text-align: left;	
	background-color:#C1CAF1;
	margin: 0;
	padding: 10px;
}

.blogList{
	padding:2px;
	float: left;
	text-align: left;
}

.blogList li{
	list-style-type:none;
	text-align: left;
	border:1px solid #333;
	background-color:#fff;
	padding: 2px;
	color:#000;
	cursor: pointer;
}

.blogList li.playMouseout {
	border:1px solid #333;
	color:#000;
	background:#fff;
}

.blogList li.playMouseOver{
	border:1px solid #000;
	color:#fff;
	background-color:#C1CAF1;	
}
.blogList li.playClick{
	color:#fff;
	background-color:#000;
}








  /*footer division*/

#footer {
  clear: both;
  text-align: center;
  color: #fff; background: transparent;
}

#footer p {
  font-family: Arial, Helvetica, sans-serif;   
  font-size: 70%;
  text-align: center; 
  font-style: italic;
}   

#footer ul { 
  margin: 0;
  padding: 0; 
  list-style-type: none;
}

#footer li {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 80%;
  text-align: center;  
  padding-left: 20px;
  padding-right: 20px;
} 
#footer a:link {
  color: #1b2549; 
}
#footer a:visited {
  color: #1b2549;
}
#footer a:hover {
  color: #6d769d; 
}
#footer a:active {
  color: #6d769d; 
}
 
 
	
/*credits: footer of document*/
/*credits: footer of document*/
#credits {
  clear: both;
  margin: 50px 0;
  text-align: center;
  color: #fff; background: transparent;
}

#credits p {
  font-family: Arial, Helvetica, sans-serif;   
  font-size: 70%;
   color: #1b2549;  
  text-align: center; 
  font-style: italic;
}   

#credits a:link {
  color: #1b2549; 
}
#credits a:visited {
  color: #1b2549;
}
#credits a:hover {
  color: #6d769d; 
}
#credits a:active {
  color: #6d769d; 
}
   
 
/*extra span elements not included in div properties*/  

.addspacebottom {
  padding-bottom: 30px; 
  
}
.italics {
  font-style: italic;
}

.PINK {
  color: #CC00FF
}

.Boldit {
  font-weight: bold;
}

.centerit {
  text-align: center;
  margin: auto;
}

.phototitle {
  padding: 20px 20px 0 20px;
  color: #1b2549;
  text-align: center; 
  font-style: italic;
}
.padbottom {
   padding-bottom: 30px;
}