/* @override http://localhost:8888/fb_hopkinson/style.css */
/* @group Reset */

body {
	padding: 0;
	margin: 0;
	background: #DDD;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div, ul, h1, h2, h3, h4, p, img, form {
	padding: 0;
	margin: 0;
}

.blank {
	font-size: 0px;
	clear: both;
	line-height: 0px;
}

/* ============== */
/* = Typography = */
/* ============== */
h1, h2, h3, h4, h5, h6 {
   font-family: Arial, Helvetica, sans-serif;
   padding-bottom: 5px;
}

p {
   padding-bottom: 10px;
}

ul {
	list-style-type: none;
}

img {border:0;}

img.left {
   float: left;
   margin: 0 10px 10px;
}

img.center {
   display: block;
   margin: 10px auto;
}

/* @end */

#container {
   width: 778px;
	margin: 0 auto;
	background-color: #FFF;
}

/* @group Header */

#headerPan {
	width: 778px;
	margin: 0 auto;
	background: url(images/bg-header.jpg) no-repeat;
	height: 343px;
}

#headerPan ul {
	padding: 5px 0 0 0;
	display: block;
	height: 21px;
	text-align: center;
}

#headerPan ul li {
	display: inline;
	height: 21px;
	margin: 0;
	padding: 0;
}

#headerPan ul li a {
	font-size: 12px;
	padding: 0 14px 0 14px;
	color: #EAEAEA;
	text-decoration: none;
	margin: 0;
	height: 21px;
}

#headerPan ul li a:hover {
	color: #FFF;
}

#headerPan h1 {
	margin: 130px 0 0 251px;
	color:  #FFF;
	font-weight: normal;
	font-family: Georgia;
	text-transform: uppercase;
	text-indent: -9999px;
}

/* @end */

#mainBody {
	width: 712px;
	padding: 24px 0 40px;
	margin: 0 auto;
}

/* @group Left Side */
#leftPan {
	width: 201px;
	padding-top: 19px;
	float: left;
	font-size: 11px;
}

#leftPan ul {
	font-size: 0;
}

#leftPan ul li {
	padding: 0 0 0 11px;
	height: 24px;
}

#leftPan ul li a {
	text-decoration: none;
	display: block;
}

#leftPan ul li a:hover {
}

#leftPan h3 {
	padding: 0 0 0 0;
	font-size: 24px;
}

#leftPan ul.says li {
}

#leftPan ul.says li a:hover {
	text-decoration: none;
}


/* @end */

/* @group Right Side */

#rightPan {
	width: 480px;
	margin: 0 0 0 0px;
	float: right;
	padding-top: 19px;
}

#rightPan h2 {
	font-size: 32px;
	text-transform: uppercase;
}

#rightPan p {
	line-height: 1.5;
	padding-bottom: 20px;
}

#rightPan p.more a {
	text-align: right;
	text-decoration: none;
	font: 14px/15px Arial, Helvetica, sans-serif;
	width: 80px;
	height: 15px;
	float: right;
}

#rightPan p a:hover {
	text-decoration: underline;
}

#rightPan h3 {
	font-size: 24px;
	margin: 0 0 0 0;
}

#rightPan ul {
	list-style-type: square;
	line-height: 1.5;
}

/* @end */

/* @group Footer */

/*-------------------------------footer---------*/
#footerMain {
	width: 100%;
}

#footer {
	background: url(images/bg-footer.gif) no-repeat 0 0;
	height: 97px;
	width: 778px;
	margin: 0 auto 0 auto;
	padding: 74px 0 0 0;
}

#footer ul {
	display: block;
	margin: 0px 0 0 190px;
	padding: 0;
	font-size: 0;
	height: 20px;
}

#footer ul li {
	color: #9B9B9B;
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	padding: 0;
	margin: 0;
}

#footer ul li a {
	color: #FFF;
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 3px 0 6px;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer p {
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 10px 20px 0;
	text-align: right;
}

#footer ul.css {
	width: 103px;
	display: block;
	font-size: 0px;
	margin: 0px 0 0 586px;
	padding: 0;
	height: 20px;
}

#footer ul.css li {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 0;
	color: #FFFFFF;
}

#footer ul.css li a {
	text-indent: -2000px;
	height: 11px;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 0;
	display: block;
}

#footer ul.css li a.cs {
	background: url(images/css.gif) no-repeat 0 0;
	width: 39px;
}

#footer ul.css li a.cs:hover {
	background: url(images/css_h.gif) no-repeat 0 0;
	width: 39px;
}

#footer ul.css li a.html {
	background: url(images/xhtml.gif) no-repeat 0 0;
	width: 61px;
}

#footer ul.css li a.html:hover {
	background: url(images/xhtml_h.gif) no-repeat 0 0;
	width: 61px;
}

#footer p.copy {
	width: 250px;
	display: block;
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #EAEAEA;
	margin: 0;
	background-color: #030303;
	padding: 0;
	float: right;
	display: block;
}

#footer p.copy a {
	text-decoration: underline;
	color: #EAEAEA;
	background-color: #030303;
}

#footer p.copy a:hover {
	text-decoration: none
}

/* @end */