/*** HTML Elements ***/

/* body {
	font-family: "Lucida Sans", sans-serif;
	font-size: 12px;
	text-align: center;
	min-width: 770px;
	background-color:gray;
	margin: 0px;
}
hr {
  	border: none;
  	border-top: 1px dashed gray;
	width:94%;
	margin-top:0;
	margin-bottom: 10px;
}
li {
	list-style-type: circle;
}
table {
	border-collapse: collapse;
}
th, td {
	padding: 3px;
}
a {
	color: navy; 
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
*/

/*** IDs ***/

#prewrapper {
	margin:0 auto;
	text-align: center;
	width: 770px;
}
#wrapper {
	margin:0 auto;
	text-align: left;
	width: 770px;  /* Squeeze this to temper the width */
	padding:10px;
	background-color:white;
}
#siteheader {
	text-align:right;
	font-size: 200%;
	/* font-family:"Lucida Sans", "Century Gothic", Gill Sans Light, Arno Pro, sans-serif; */
	font-family:"Lucida Sans", sans-serif;
	font-weight:bold;
	color: navy;
	/* background-color:navy;*/
	padding:15px 15px 15px 0;
	margin: 0px;
	border-bottom: 1px dashed gray;
}
#siteheader a {
	color: navy;
	text-decoration: none;
}

#navbar {
	/* background-color:#666666; */
	padding:10px 15px;
	/* margin-top: 5px; */
	color: navy;
	text-align:center;
	border-bottom: 1px dashed gray;
}
#nav ul{
    margin:0;
    padding:0;
    list-style:none;
    }
#nav li {
    display:inline;
    margin:0;
    font-size:97%;
    font-weight: bold;
    }
#nav li a {
    padding:3px 5px;
    color:black;
    background-color:#e9e9e9;
 	text-decoration:none;
 }    
#nav li a:hover {
	color:white;
 	background-color:navy;
 	text-decoration:none;
}

#col2_r {
	width: 260px;
	float:right;
	padding: 10px 0 0 9px;
	border-left: 1px dashed gray;
}
#col2_l {
	width: 500px;
	float:left;
}

/* #footer {
 	text-align: center;
 	padding:10px;
 	background-color: white;
 	color: navy;
 	font-size:95%;
 	border-top: 1px dotted gray;
}

*/


/*** Classes ***/

.heading {
	font-size:150%;
	margin: 15px 0px 10px 5px;
}
.sider {
	width: 260px;
	/* background: url(../images/gray_bg.jpg) repeat-x; */
	/* padding:10px; */
	font-size:95%;
}
.title {
	font-size:16px;
	font-weight: bold;
	line-height: 16px;;
	color: navy;
	margin-left:0 !important;
	margin-left: -10px;
}
.deck {
	margin: 2px 0px;
	font-style: italic;
	font-weight:bold;
	color:#000000;
}
.description {
	font-size: 90%;
		color:#333333;
}
.precontents {
	margin-top: -15px;
	padding: 15px;
}
.precontents-gray {
	margin-top: -5px;
	padding: 15px;
	/* background: url(../images/gray_bg.jpg) repeat-x 10px 0px; */
}
.contents {
	padding-top: 15px;
	/* margin: 15px;
	background-color:#e9e9e9;
	background: url(../images/gray_bg.jpg) repeat-x; */
	font-size: 90%;
	line-height:125%
}
.contents p {
	margin-left: 0;
	padding-left: 0;
}
.resultset {
	margin: -15px 15px 0 15px;
}
.piccolumn {
	width:130px; /* 220 */
	float:right;
	margin-left:10px;
	margin-bottom:15px;
	margin-right: 10px;
}
.picbox {
	width: 130px;  /* 220 */
	padding: 5px;	/* 5 */
	margin: 0;
	/* margin-left:10px;
	float:right;
	margin-bottom: 5px;
	*/
	background-color:#e9e9e9;
	text-align:center;
}
.clip {
	margin-top:-15px;
}
.piclabel {
	margin-top: -2px;
	margin-bottom: 5px;
	padding: 0 10px;
	color: #333333;
	line-height: 100%;
	font-size: 90%;
}
.img {
	background: white;
	border: 1px solid gray;
	padding:4px;
	margin:4px;
}
.img_first {
	margin-top: -4px;
}
a:hover .img  {
	border: 1px solid navy;
}

.attachment {
	border:1px solid darkgray;
	/* margin-left:5px; */
	padding: 5px;
	background-color: white;
	float:left;
	max-width:570px;
	line-height: 150%;
	margin-top:5px;
	margin-bottom: 10px;
}
.attachment a {
	padding:2px;
	color:navy;
	text-decoration:none;
}
.attachment a:hover {
	background-color:#e9e9e9;
}

.links {
	display:inline;
}
.links a {
	padding:2px;
	color:navy;
	text-decoration:none;
}
.links a:hover {
	background-color:#e9e9e9;
}
.links a[href^="http:"] { 
	background: url(external_link.gif) no-repeat left; 
	padding-left: 15px; 
	padding-right: 3px;
} 
.links a[href^="http://localhost:8888"], a[href^="http://localhost"] { 
	background-image: none; 
	/* padding-right: 0; */
}
.button {
	margin: 4px;
	padding: 0px 7px;
	border: 1px solid #666666;
	background-color: #e9e9e9;
	color:navy;
	text-decoration: none;
}


.clear {
	clear:both;
}


.navy {
	color: navy;
}
.darkgray {
	color: #666666;
	margin-left:3px;
}
.idt {
	padding-left:10px;
}
.pad {
	margin-top: 10px;
}
.ctr { 
	text-align: center;
}

/*** Rounded Corner Overlays ***/

.tl {
	// background: url(../images/tl_corner_15.gif) 0 0 no-repeat;
}
.tr {
	// background: url(../images/tr_corner_15.gif) 100% 0 no-repeat; padding:10px
} 
.bl {
	// background: url(bl.gif) 0 100% no-repeat;
}
.br {
	// background: url(br.gif) 100% 100% no-repeat;
}


/* Rounded Corner Technique
<div class="bl"><div class="br"><div class="tl"><div class="tr">
Lorem ipsum dolor sit amet consectetur adipisicing elit
</div></div></div></div> 
*/

/*** Targets ***/