.class1 A:link {text-decoration: none; color: #FFFFFF }
.class1 A:visited {text-decoration: none; color: #FFFFFF }
.class1 A:active {text-decoration: none; color: #FFFFFF }
.class1 A:hover {text-decoration: underline overline; color: #FFFFFF }

.class2 A:link {text-decoration: underline }
.class2 A:visited {text-decoration: underline; color: blue }
.class2 A:active {text-decoration: none }
.class2 A:hover {text-decoration: underline overline; color: #000000 }


body {
	background-color: #f8f8f8;
	font-size: 62.5%;
	font-family: arial, helvetica, sans-serif;
	}

h1 {
	font-size: 2.5em;
	margin: 0;
	padding: 0;
	}

#container {
	border: 0px solid red;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #fff;
	}

#left_col {
	float: left;
	border: 0px solid blue;
	width: 50%;
	margin: 0 auto;
	padding: 1em 1em;
	text-align: left;
	}

#right_col {
	float: right;
	border: 0px solid green;
	width: 40%;
	margin: 0 auto;
	padding: 1em 1em;
	text-align: center;
	}

p 	{
	font-size: 1.2em;
	}

p.bold 	{
	font-size: 1.2em;
	font-weight: bold;
	}
	
p.top {
	font-size: .9em;
	text-align: center;
	}

ul li {
	font-size: 1.2em;
	font-weight: bold;
	}


#class_nav {
	border: 0px solid blue;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFCC00;
	}

#class_nav .title {
	border: 0px solid red;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 80%;
	background-color: #FFCC00;
	}

#class_nav h1 {
	font-size: 2.5em;
	}

#class_descr {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	}

#left_col img {
	margin: 0;
	padding: 0;
	width: 400px;
	height: 400px;
	background: #fff;
	}

#left_col {
	border: 0px solid red;
	display: block;
	overflow: hidden;
	}

#right_col {
	display: block;
	border: 0px solid blue;
	}