
/* Basics */

*{margin:0; padding:0;}

body {
	background: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 13pt;
	margin: 20px;
	}

img{ border: none; padding: 0; margin: 0;}
img a{border:none;}

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}


/* Links and Headings */


a, a:link {
	color: #fff;
	text-decoration: none;
}

h1 {font-size: 28pt; color: #fff;}
h2 {font-size: 20pt; color: #fff; margin-top:10px;}
h3 {font-size: 14pt; color: #fff; margin-top:10px;}
h4 {font-size: color: #fff; 12pt;}
p {font-size: color: #fff; 10pt;}




/*  Container  */

#container {
	width: 700px; 
	margin: 0 auto;
	background: #1d4c61; 
	color:#fff;
	}

/*  HEADER  */

#header_shell {
	background:  #1d4c61 url(images/top.gif) no-repeat top;
	width: 700px;
	height: 100px;
	}

#header {
	background: transparent url(images/cornerr.png) no-repeat top right;
    margin: 0 -3px 0 0; /* pull the right image over on top of border */
	padding: 0;
	}

	
#header h1 {
	background: transparent url(images/corner.png) no-repeat top left;	
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	margin: 0 0 0 -4px;
	padding: 35px 0 15px 15px;
	letter-spacing: 2px;
	vertical-align: middle;
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	}

#header h1 a {
	color: #fff;
	text-decoration: none;
	}

#header h1 a:hover {
	color: #fff;
	text-decoration: underline;
	}

#header h3 {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	color: #fff;
	margin: 6px 0 0 13px;
	}

/* Pictures  */

#pics {
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	float: left;
	}	

/* Menu  */

#nav { 
	background: #1d4c61; 
	text-align: center;
	width: 100%;
	height:23px;
	margin: 0;
	padding: 20px 0 0 0;
	}
	
#nav ul{margin: 0 0 0 0;}
		
#nav li { 
	display: inline;
	position: relative;
	}
		
#nav a { 
	color: #FFF; 
	padding: 5px 12px 5px 12px;
	} 
		
#nav a:hover {
	color: 121212;
	text-decoration: underline;
	}

#nav li ul{ 
	position: absolute; 
	left: -999em;
	margin-top: 18px;
	border-bottom: 1px solid #1d4c61;
	border-left: 1px solid #1d4c61;
	border-right: 1px solid #1d4c61;
	} 
	
#nav li li, #nav li li a {display: block; text-align: left; background: #1d4c61;}
		
#nav li li a { width:150px; padding: 4px;}
#nav li li a:hover { width:150px; background: #fff;}

#nav li:hover ul { top: 0; left: 0 }




/*  Main Content  */

#content { 
	width: 505px;
	padding: 20px 0 0 0;
	float: left;
	overflow: hidden;
	height: 100%;
	background-color: #000;
	}

#content h1 {
	font-family: helvetica, arial, san-sarif;
	font-size: 20pt;
	font-weight: 300;
	margin: 8px 0 6px 0;
	color:#FFFFFF;
	}
	
#content h3 {
	font-family: helvetica, arial, san-sarif;
	font-size: 14pt;
	font-weight: 300;
	text-align: center;
	margin: 8px 0 6px 0;
	color:#FFFFFF;
	}

#content h4 {
	font-family: helvetica, arial, san-sarif;
	font-size: 12pt;
	font-weight: 300;
	text-align: center;
	margin: 8px 0 6px 0;
	color:#FFFFFF;
	}
	
#content p {
	font-family: helvetica, arial, san-sarif;
	font-size: 10pt;
	margin: 8px 0 6px 10px;
	text-align: left;
	color:#FFFFFF;
	}
				
#content ul li {
	list-style-type: none;
	}

#mail { 
	width: 300px;
	padding: 0 0 0 40px;
	float: left;
	overflow: hidden;
	height: 100%;
	background-color: #000;
	}



/* Left Sidebar */

#left {
	background: #1d4c61; 
	width: 180px;
	height: 100%;
	float:left;
	text-align: left;
	margin: 0 15px 15px 0;
	padding: 0 0 15px 0;
	overflow: hidden;
	}

#left h4 {
	color: #fff;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	padding: 3px 6px 0 6px;
	margin: 0px;
	}

#left p {
	color: #fff;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	padding: 3px 6px 0 6px;
	margin: 0px;
	}

#left a {
	color: #fff; 
	text-decoration: none; 
	margin: 0; padding: 0; 
	line-height: 14pt;
	font-size: 12px;
}
	
#left a:hover {color: #fff; text-decoration: underline;}

#left ul{
	list-style-type:none;
	margin:0 0 12px 0;
	padding:0;
	font-size: 12px;
	margin:0 0 0 12px;
	padding:5px;
}

#left ul ul{
	margin:0;
	padding:0;
}

#left ul ul li{
	list-style-type:square;
	list-style-position: inside;
	margin:0 0 0 12px;
	padding:0;
	color: #1d4c61;
}



#left ul li.recentcomments {
  margin: 0 12px 0 12px;
  }
  
#left ul li.recentcomments a{
  line-height: 12pt;
  }
	
	
	
/* Right Sidebar */

#right {
	background: #1d4c61;
	width: 180px;
	float:right;
	margin:  0 0 0 15px; /* top, right, bottom, left */
	padding: 15px 0 0 0; /* top, right, bottom, left */
	overflow: hidden;
	
	}

#right h4 {
	color: #fff;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	padding: 3px 6px;
	margin: 0 0 10px 0;
	}

#right p {padding:0; margin: 0 6px 0 12px;}

#right ul{
	margin:0 0 12px 10px;
	padding: 0;
	font-size: 12px;
	padding:5px;
	color:#FFFFFF;
	text-align: left;
}

#right ul ul{
	margin:0;
	padding:0;
}

/* Footer */

#footer {
	clear: both;
	width: 100%;
	border-top:solid 1px #000;
	color: #fff;
	}
	
#footer p{padding:5px; text-align: center;}

#footer a {
	color: #eee;
	
	}


