@charset "utf-8";
/* CSS Document */

form {padding:0px; margin:0px;}

body {
	font: 80% arial, helvetica, sans-serif;
	background: #f4eddc;
	margin: 0;
	color: #284c7a;
}

th {
	text-align: left;
}

h1 {
	margin: 0;
}

hr {
	height:1px;
	color:#b7dbf3;		
}

a:link{
	font-weight:bold;
	color:#3e608c;	
}
a:visited{
	font-weight:bold;
	color:#3e608c;	
}
a:hover{
	font-weight:bold;
	color:#afc2db;
}

#lightLink{font-weight:bold; color:#f4eddc;}
#lightLink:hover{font-weight:bold; color:#faf8f0}
img{border:none;}

.border {border: 3px solid #afc2db;}

.userRight{
	float: right; 
	margin: 10px; 
	border:solid 3px #afc2db;
}

.homeLeft{
	float: left; 
	margin: 7px; 
	text-align:center;
	font-style:italic;
}

.homeRight{
	float: right; 
	margin: 7px;
	text-align:center; 
	font-style:italic;
	max-width:270px;
	width:270px;
}

/* borders for images on view stories */
.topBottom td{border-top:solid 1px #afc2db; border-bottom:solid 1px #afc2db;}
#leftLine{border-left:solid 1px #afc2db;}
#rightLine{border-right:solid 1px #afc2db;}

#pb{border:solid 1px #afc2db;}

.name{font-size:24px; font-weight:bold; text-align:center;}

.show {display:none;}

.help {text-decoration:underline; font-weight:bold;	color:#3e608c; cursor:pointer; }
.help:hover{ color:#afc2db; }	

#line { 
	background:url(img/div.gif) no-repeat;
	margin: 8px auto;
	height: 2px;
	overflow:hidden;
}

.textBox{border:solid 1px #afc2db; color: #284c7a;}

#top{background:#b7dbf3; height:20px; padding:5px 0 0 8px; font-weight:bold;}
#mid1{background: #faf8f0 url(img/back1.jpg) no-repeat top right; border-right:solid 3px #b7dbf3; border-left:solid 3px #b7dbf3; border-bottom:solid 3px #b7dbf3; padding:5px 8px 20px 8px;}
#mid2{background: #faf8f0 url(img/back2.jpg) no-repeat top right; border-right:solid 3px #b7dbf3; border-left:solid 3px #b7dbf3; border-bottom:solid 3px #b7dbf3; padding:5px 8px 20px 8px;}

#header {
	background: #f4eddc;
	height: 170px;
	background-image:url(img/top.jpg);
}

#welcome {
	position:absolute; top:130px; width:768px; text-align:right; color:#f4eddc; font-weight:bold;
}

/* where the menu sits, in the left of content*/
#navigation {
	position: absolute;
	top: 173px;
	left: 0;
	width: 125px;
	/*color: white;*/
}

/* everything under the header */
#content {
	background: white;
	/*xpadding: 1px 1em 2em 1em;*/
	padding: 10px 7px 1em 6px;
	border-left: 125px solid #b7dbf3;
	border-top: 3px solid #b7dbf3;
	min-height: 200px;
	/* ie6 hack */
	height:auto !important;
	height:200px;
}

#footer {
	position: relative;
	background-image:url(img/bottom.jpg);
	width: 786px;
	margin: auto;
	min-height: 52px;
	/* ie6 hack */
	height:auto !important;
	height:52px;
}

/* the full box */
#container {
	position: relative;
	width: 786px; /* width + border for IE 5.x */
	w\idth: 780px; /* real width */
	border: solid #b7dbf3;
	border-width: 3px 3px 0px 3px;
	margin: auto;
}
.tb1 {
	background: #cfe7f7;
	padding-top:5px;
	padding-bottom:5px;
}

.tb2 {
	background: #f4eddc;
	padding-top:5px;
	padding-bottom:5px;
}
#commBack {
	background: #cfe7f7;
	padding: 5px;
}

#commBack2 {
	background:#fff;
	padding: 5px;
}

.tool {
	background: #000;
}

/* menu code */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	position: absolute; /* Menu position that can be changed at will */
	top: 0;
	left: 0;
	width: 122px;
}
		
#menu dt {
	cursor: pointer;
	margin: 2px 0;;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	border-width: 0;
	background: #f4eddc;
}

#menu dd {
	display: none;
}

#menu li {
	text-align: center;
}

#menu li a, #menu dt a {
	color: #284c7a;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#menu li a {
	color: #284c7a;
}

#menu li a:hover{
	background: #f4eddc;
	color: #284c7a;
}