body {
	background-color: rgb(255,255,255);
	color: rgb(59,67,68);
	margin: 0;
	padding: 0;
	font: 1em/1.4 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}

h1, h2, h3 {
	margin: 0;
	padding: 0 0 1em 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

ul, ol, p {
	list-style-type: none;
	margin: 0;
	padding: 0 0 1em 0;
}

h1 {
	font-size: 137.5%;
	color: rgb(241,47,93);
}

h2 {
	font-size: 125%;
	color: rgb(18,25,111);
}

h3 {
	font-size: 100%;
}

p {
	font-size: 90%;
	color: rgb(0,0,0);
}
.wrapper {
	width: 940px;
	margin: 0 auto 0 auto;
}

.header {
	text-align: right;
	padding: 40px 0 0 0;
	border-bottom: 8px solid rgb(59,67,68);
	margin-bottom: 40px;
}

.header h1 {
	font-size: 187.5%;
	border-bottom: 1px solid rgb(59,67,68);
	margin-bottom: 2px;
	padding-bottom: 10px;
	color: rgb(59,67,68);
}

.header h1 span {
	font-style: italic;
	color: rgb(241,47,93);
}

.leftside {
	float:left;
	width: 200px;
}

.rightside {
	width: 640px;
	float:right;
}

.footer {
	clear: both;
	background-color: transparent;
	color: rgb(0,0,0);
	padding: 20px;
	
	/*overflow: auto;*/
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

li a {
    display: block;
    padding: 8px;
    background-color: transparent;
	font-size: 90%;
	color: rgb(209,6,11);
	font-weight: 900;
}
a:link, a:visited {
	color: rgba(209,6,11);
}

a:hover {
	color: rgb(0,0,255);
	text-decoration: none;
}

.nav {
	list-style-type: none;
	padding: 0;
}

.nav a:link, .nav a:visited {
	text-decoration: none;
	display: block;
	border-top: 1px solid rgb(232,243,248);
	padding: 0.5em 0 0.5em 0;
	color: rgb(66,148,182);
}
.nav a:hover {
	background-color: rgba(232,243,248,0.3);
}