@charset "UTF-8";

html {
	height:100%;
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:21px;
	color:#565656;
	margin:0;
	padding:0;
	background: url(img/bg.png) repeat;
}

a { text-decoration:none; outline:0 none; color:#0066CC; }
a:hover { text-decoration:underline; }

#container {
	position:relative;
	margin: 0 auto;
	width:760px;
	padding:0 10px;
	background: url(img/bg_shadow.png) no-repeat center top;
}

.header { position:inherit; background:#fff; }

.header img { position:relative; margin:20px 27% 0 27%; }

.content {
	position:relative;
	padding:10px 25px 0;
	background:#fff;
}

.left { float:left; width:57%; }
.right { float:right; width:41%; }

.main { margin-top:20px; }

.main ul { padding-left:20px; line-height:1.5em; list-style:none; }

.main ul li { padding-left:15px; background:url(img/sprites.png) no-repeat -62px -49px; }

.clearfix,
.divider { clear:both; width:100%; }

.divider { height:4px; padding-top:4px; background:url(img/sprites.png) no-repeat -59px 0px; }

.divider hr { margin:0; height:1px; border:0; border-bottom:1px dotted #999; }

span.l,
span.r { margin:0 7px; }

span.l { float:left; }
span.r { float:right; margin-top:6px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

span.l a { display: inline-block; width:32px; height:32px; background:url(img/sprites.png) no-repeat -18px 0; }
span.l a:hover {
	background-position: -18px -32px;
	
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-o-border-radius:4px 4px 4px 4px;
	-ms-border-radius:4px 4px 4px 4px;
	
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}

.footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.93em;
	font-style:italic;
	color:#999;
	padding:10px 25px 20px;
	background-color:#fff;
}

.footer p { margin:0; }

h1, h2 {
	margin: 0;
	font-size: 21px;
	line-height: 28px;
}

h1 { color:#06c; }

/* toggler */
.toggler dl { margin:30px 0; }

.toggler dt h3 {
	height:30px;
	margin:2px 0;
	padding-left:28px;
	line-height:30px;
	font-size:0.9em;
	font-weight:normal;
	color:#06c;
	text-transform:uppercase;
	cursor:pointer;
	background:#eee url(img/sprites.png) no-repeat -51px -27px;
}

.toggler dt h3:hover { background-color:#ddd; }
.toggler dt h3.open { background-position:-51px -9px; background-color:#999; color:#fff; }

.toggler dd {
	display:none;
	margin:0;
	padding:10px;
}

.toggler dl dd p { float:left; width:47%; }

.toggler dl dd p.col1 { clear:left; padding:0 10px 0 0; }
.toggler dl dd p.col2 { padding:0 0 0 10px; }

.toggler dl dd a img { margin-right:5px; }

.toggler dl dd a:hover img {
	opacity: 0.75;
	-moz-opacity: 0.75;
	-webkit-opacity: 0.75;
	-ms-filter: alpha(opacity = 75);
	filter: alpha(opacity = 75);
}

/* table */
table { border:0; }

tr.head td { background:#999; color:#fff; text-align:center; }
tr.row1 td { background:#f9f9f9; }

td { margin:2px; padding:7px 12px; background:#eee; vertical-align:text-top; }

.right-a { float:right; }

span.l a { text-decoration: none; }