/* CSS Document Peter McSherry*/

body {
	background-color: white; 
	margin: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
#slartibartfast {
	background-image: url(../i/bg-content.gif); 
	background-repeat: repeat-y; 
	width: 100%;
}

#topbar {
background-color: #3b7196; color: #fff; height: 27px; background-image: url(../i/bg-header.gif); background-repeat: repeat-y
; background-position: left;
}

#header {
border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #fff; height: 110px;  background-repeat: no-repeat; text-align: right; padding-right: 7px; padding-top: 20px; 
}

#bottombar {
background-color: #3b7196; color: #fff; height: 27px;  background-image: url(../i/bg-3dots.gif); background-repeat:no-repeat; background-position: right; padding-right: 7px
}

#menu {
color: #3b7196; font-size: 12px; left: 10px; position: absolute; width: 160px; top: 200px;
}

#menu li {
line-height: 18px; padding-bottom: 12px;
}

#menu ul {
list-style-type: square;
}

#menu a:link, #menu a:visited {
text-decoration: none; color: #3b7196; background-color: transparent;
}

#menu a:hover {
color: #f00; background-color: transparent; text-decoration:none;
}

#content {
margin-left: 200px; padding-top: 10px; padding-bottom: 15px; margin-right: 20px;
}

#content h1 {
color: #2c5571; background-color: transparent; font-size: 1.5em; font-weight: normal; margin-top: 0;
}

#content h2 {
	color:	#993300;
	background-color: transparent;
	font-size: 1.1em;
	font-weight: normal;
}

#content p, #content li {
	color: #333;
	font-size: .9em;
}

#content a:link, #content a:visited {
	color: #0066FF;
	background-color: transparent;
	text-decoration: none;
}

#content a:hover {
	color: #f00;
	background-color: transparent;
	text-decoration: underline;
}
#content ul {list-style-type:square;}
#content li {line-height: 2em;}

#footer {
	background-color: #3b7196; 
	color: #fff; 
	height: 18px; 
	text-align: right; 
	padding-right: 8px; 
	font-size: 10px; 
	padding-top: 9px;  
	background-image: url(../i/bg-3dots.gif); 
	background-repeat:no-repeat; 
	background-position: left; 
	padding-left: 7px;
}

#footer a:link, #footer a:visisted {}

#footer a:hover {}

#modalOverlay { height:100%; width:100%; position:fixed; left:0; top:0; z-index:3000; background-color:#000; cursor:wait; }
#modalContainer { height:140px; width:160px; position:fixed; left:50%; top:25%; margin-left:-80px; z-index:1000; background-color:#fff; border:3px solid #666; }
#modalContainer #progress-message { padding:10px; text-align:center; color:#666; }