html {height: 100%;}

a {color: #963;}
a:hover {color: #C60;}

body {
	background: #CCD8E0 url(img/bg.jpg) fixed;
	color: #333333;
	font: normal 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 400%;
	color: #F0F8FF;
}
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 250%;
	color: Navy;
	text-align: center;
	font-weight: normal;
}

h1,h2,h3 {padding-top: 20px;}


.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}

.top {
	padding: 20px 10px 0;
}

.header {
	background: #FFF;
	height: 120px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px;
}
.header .left, .header .right {
	background: #483D8B;
	color: #FFF;
	height: 120px;
}
.header .left {
	line-height: 55px;
	text-align: center;	
	width: 564px;
}

.navigation {	
	background: #D9E1E5 url(img/nav.jpg);
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;
}
.navigation a {
	background: #D9E1E5 url(img/nav.jpg);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em "MS Sans Serif", Geneva, sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}

.main {
	border-top: 4px solid #FFF;
	background: url(img/bgmain.gif) repeat-y;
}

.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 700px;
}

.content p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 100px;
	line-height: 180%;
}
.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

	 
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

.footer {
	background: url(img/footerbg.jpg) repeat-x;
	line-height: 39px;
	text-align: center;
	font-family: sans-serif;
	font-size: 80%;
	color: Black;
}