body {
	text-align: center;

		/* custom */
		background: #d3d3d3 url(../images/gardbak.jpg) repeat-x;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


fieldset {
padding:10px;
border:1px inset silver;
}


#c1 {
	margin: 0 auto;
	width: 948px;
	text-align: left;

		/* custom */
		background:  url(../images/contbak.jpg);
		margin-top: 0;
}

#c2 {

		/* custom */
		padding-top:22px;
		background:  url(../images/topgrad.jpg) no-repeat;
}

#c3 {
	margin: 0 auto;
	width: 932px;
}

#topbar {
		position:relative;
		/* custom */
}

	#topbar #snpalogo {
	margin-top: 57px;
	margin-bottom: 33px;
	margin-left: 44px;
	}

	.cmyk {
	padding-right:32px;
	}

	.cmyk div {
	height:18px;
	width:58px;
	float:right;
	}

	.cmyk .c{
	background:#72c7fe;
	}
	.cmyk .m{
	background:#e38fff;
	}
	.cmyk .y{
	background:#ffde59;
	}
	.cmyk .k{
	background:#999999;
	}


#publisher_login{
	position:absolute;
	right:0;
	margin-top: 50px;
	margin-right: 32px;
	font-size: 10px;
	color: #555555;
}

#publisher_login select, #publisher_login input {
	font-size: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#menu {
	/* most menu options found in css/menucss.asp */

		/* custom */

}

#content {

		/* custom */
		margin: 16px;
		margin-right:32px;
		background: #ffffff;
}

#content img[align=right] {
		margin-bottom: 5px;
		margin-left: 10px;
		float:right;
}

#content img[align=left] {
		margin-bottom: 5px;
		margin-right: 10px;
		float:left;
}

#content ul {
		list-style-image:url("/images/bullet.gif");
		list-style-type:square;
		}

#lhs {
	float:left;

		/* custom - set width of lhs */
		width: 652px;
}

	#lhs .inner {
		margin: 20px;
		margin-right: 30px;
	}

	#lhs div, #lhs p {
		margin-left: 15px;
	}

	#lhs #map {
		width: 320px;
		height: 520px;
		border: 1px solid #444444;
	}

	#lhs #map div, #lhs #data div {
		margin-left: 0;
	}

	#lhs #data {
		float:right;
		width:240px;
		background: white;
		border: 1px solid #444444;
	}

	#lhs #data div {
		padding: 10px;
	}

	#lhs #data div div {
		padding-bottom: 0;
	}

	#lhs #data h3 {
		padding-top: 10px;
	}



#lhs-panels {
	float:left;

		/* custom - set width of lhs */
		width: 652px;
}

#rhs {
	float: right;

		/* custom - set width of rhs */
		width: 232px;
}

	#rhsnews {
	margin-top: 16px;
	background:#f8e9fe;
	}

	#rhsnews h4 {
	text-transform:uppercase;
	color:white;
	background:#72c7fe;
	text-align:center;
	font-size:14px;
	padding:3px;
	padding-left:12px;
	padding-right:12px;
	}

	#rhsnews a {
	display:block;
	border-bottom:1px solid white;
	padding:3px;
	padding-left:12px;
	padding-right:12px;
	font-weight:normal;
	}




#bottmenu {

		/* custom */
		font-size:.675em;
		padding-left:24px;
		padding-right:24px;
		padding-top: 40px;
		border-top:1px solid #cccccc;
		text-align:center;
		color:#a1a1a1;

}

	#bottmenu a {
	color:#a1a1a1;
	}


#footer {
	margin: 0 auto;
	width: 948px;

		/* custom */
		padding-top: 10px;
		padding-bottom: 5px;
		background:  url(../images/footshado.jpg) no-repeat;
		text-align: center;
		font-size: .675em;
		color: #ffffbb;
		margin-bottom: 15px;
}

#footer a {

		color: #ffffbb;
}


.clear {
	clear: both;
}

#sitemap li {
margin-left: 15px;
padding-left: 5px;
list-style-type: disc;
}

#sitemap li li {
list-style-type: square;
}

#sitemap li li li {
list-style-type: circle;
}


#searchform table {
width: 100%;
background: #166d9a;
}

#searchform table th {
text-align: right;
padding: 4px;
background: #c4c4c4;
}

#searchform table td {
padding: 4px;
background: #ffffff;
}


#panel1 {position: relative;}
#lpanels {float: left; width: 318px;}
#rpanels {float: right; width: 318px;}

#lpanels div, #rpanels div {padding: 16px;}

.panel-silver {background: #EAEAEA url(/images/greygrad.jpg) no-repeat; margin-top: 14px;}
.panel-logoback {background: #EAEAEA url(/images/logograd.jpg) no-repeat; margin-top: 14px;}


/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#fff;
    background-color: #4444ff;
    font-weight: bold;
    text-decoration:none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    left: 5px;
    cursor: help;}

a.info:hover{z-index:25; background-color:#7777ff;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:2em; width:15em;
    border:1px solid #ddddbb;
    background-color:#ffffe0; color:#000;
    text-align: center;
    font-weight: normal;
    padding: 5px;}