body 
{
    background-color: black;
    font-family: Verdana;
    font-size: 12pt;            
}

a{
	text-decoration:none;
	color:#9900FF;
	padding:1px;
}

a:hover{
	color:Black;
}

#container
{
    width: 752px;    
    margin: 0px auto;
}

#side_logo
{
	height:560px;
	width:50px;	
	float:left;
	background-image: url("/Images/dtn_side_logo.png");
	background-repeat:no-repeat;	
}

#main_content
{
	float:right;
	width:700px;
	border-left: 1px solid #9900FF;	
	background-color: White;
    border-top: 5px solid #9900FF;
}

#header
{   
    text-align: right; 
    font-size: 16pt;    
    font-style: normal; 
    color: Black;  
    height: 65px;   
    background-color: White;    
    border-right: 1px solid #9900FF; 
}

#headerLeft
{
    float: left;
    background-image: url("../Images/dtn_logo_small.png");
    background-repeat: no-repeat;
    width: 129px;
    height: 53px;   
    margin-top: 5px;
    margin-left: 5px; 
    cursor:pointer;      
}

#headerRight
{
    float: right;
    padding:5px;    
}

#headerRight span
{
    color: #9900FF;
    font-weight: bold;    
}

.number
{
    font-size: 10pt;   
}

#footer
{
    font-size: 8pt;
    color: #FFFFFF;
    text-align: center;    
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #9900FF;
}

#footer a
{
    text-decoration: none;
    color: White;
}

#footer a:hover
{
    text-decoration: underline;
}

#menu
{
}

div#menu{float:left;width: 699px;padding-top:5px;background: #FFFFFF;border-right: 1px solid #9900FF;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{width:650px}
ul#nav li{float:left;margin-right: 3px;margin-left:3px;text-align: center;font-size:8pt;}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #eee;text-decoration:none;color: #666}
ul#nav a:hover{background: #9900FF;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #9900FF;color: #FFFFFF}

#content
{
    width: 679px;    
    border-top: 1px solid #9900FF;
    border-right: 1px solid #9900FF;    
    clear:both;    
    padding: 10px;
    text-align: left;
    overflow:auto;
}

#content_err
{
    width: 679px;   
    height: 425px; 
    border-top: 1px solid #9900FF;
    border-right: 1px solid #9900FF;    
    clear:both;    
    padding: 10px;
    text-align: left;
    overflow:auto;
}

#contentLeft
{
    float:left;
    width: 450px;
    border-right: 1px dashed #9900FF;
    padding-right: 20px;
}

#contentRight
{
    float:right;    
    width: 200px;            
}

#introText
{
	border: 1px solid #9900FF;
	font-size: 8pt;
	margin:8px;
	padding: 5px;
	color:black;
	text-align: center;
}

h1
{
    font-size: 13pt;
    color: #9900FF;
    padding:0;
    margin:0;
    padding-left:10px;
}

h2
{
    font-size: 10pt;    
    padding:0;
    margin:0;
    padding-left:10px;
}

p
{
    font-size: 8pt;    
    margin:10px;    
}

.story_container
{
	border-bottom: 1px dashed #aaa;
    padding-top: 10px;    
    overflow:auto;
}

.story
{    
    float:right;    
    width: 320px;
}

#tipTitle
{
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 10px;
    color: #9900FF;
}

.tip
{
    border-bottom:1px solid #aaa;    
    font-style:italic;
    padding-left: 5px;    
    padding-right: 5px;    
    margin-bottom: 10px;
}

.imageLeft
{
    float:left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:5px;    
}

.imageRight
{
    float:right;
    padding:10px;    
}

#archived_news_title
{
	font-size:110%;
}

.archived_news
{
	border-bottom: 1px solid #9900FF;
	padding: 5px;
	font-size:8pt;
	color: #9900FF;
	font-weight:bold;	
}

.archived_news:hover
{
	background-color:#eee;
	cursor:pointer;
}

.archived_news span
{
	font-weight:normal;
	color:Black;
}

.archived_news_link
{
	text-decoration: none;	
}

.back_to_latest_news
{
	font-size:70%;
	text-decoration:none;
	color:Black;
	padding-left:10px;
}

.back_to_latest_news:hover
{
	color:#9900FF;
}

#diary_title
{
	font-size:110%;
}

#gallery_title
{
	font-size:110%;
	display:none;	
}

#galleryViewer
{	
	margin-bottom: 10px;
	width:194px;		
	border:1px solid #9900FF;
	overflow:auto;
	padding:2px;
}

#galleryContainer
{
	font-size:70%;		
	width:600px;
	margin-left:40px;
}

#add_message_container
{
	font-size:8pt;
	background-color:#eee;
	padding: 8px;
	margin-top:10px;	
	margin-bottom:10px;
}

#add_message_container span
{
	color:#9900FF;
	font-size:7pt;
}

.message_board
{
	font-family: Verdana;
	font-size:8pt;
	width:175px;
}

.message_item
{
	overflow:auto;
	border-bottom:1px solid #9900FF;
	padding:5px;
	font-size:8pt;	
	margin-bottom:5px;
	background-color:#eee;
}

.message_item span
{		
	font-size:10pt;
	color:#9900FF;
	font-weight:normal;	
}

.albumContainer
{
	overflow:auto;
	border-bottom:1px solid #9900FF;
	padding-bottom:5px;
	padding-top:5px;
	font-size:8pt;
}

.albumCoverImage
{
	float:left;
}

.albumDetails
{
	float:left;
	padding-left:10px;
	width:400px;	
}

.albumDetails span
{
	color:#9900FF;
	font-size:10pt;
	font-weight:bold;
}

.albumDetails p
{
	margin:0;
	padding-bottom:3px;
	padding-top:3px;
}

.galleryControl
{
	font-size:8pt;
}

.button
{
	font-size:8pt;
}

#acc
{
	width:460px;
	margin-top:10px;
}

.accordionHeader
{
	background-color:#eee;
	font-size:10pt;
	color:Black;
	padding:5px;
	margin-top:2px;
	cursor:pointer;
	border:1px solid #ddd;
}

.accordionHeader:hover
{
	background-color:#ddd;
}

.accordionHeaderSelected
{	
	background-color:#9900FF;
	font-size:10pt;
	color:White;
	padding:5px;
	margin-top:2px;
	font-weight:bold;
	cursor:pointer;
}

.accordionContent
{
	border:1px solid #9900FF;
	padding:5px;
	font-size:8pt;
	margin-bottom:2px;	
}

.profile_left
{
	float:left;	
	overflow:auto;
	padding:5px;
}

.profile_right
{	
}

#contact_us
{
	font-size: 8pt;	
}

#contact_us span
{
	font-weight:normal;
}

.contact_us_panel
{
	background-color:#eee;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.contact_us_panel_map
{
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #9900FF;
}

.month_container
{	
}

.month
{
	border-bottom:1px solid #9900FF;	
	margin-top:10px;
	font-size:10pt;	
	color:#9900FF;
	font-weight:bold;
}

.month_content
{
	font-size:8pt;
	padding-top:2px;
	padding-left:10px;
}

.newsletters_item
{
	font-size:8pt;
	padding-left:10px;
	padding-top:5px;
}