/* General styles */
	
	body {
	margin: 0;
	/* This removes the border around the viewport in old versions of IE */		border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	width: 100%;
		min-width: 600px; /* Minimum width of layout - remove line if not required */
 /* The min-width property does not work in old versions of Internet Explorer */;
		font-size: 90%;
	background-image: url('class/my%20webpage/background.jpg');
		background-repeat: repeat; background-position: center top;
 margin: 0px;
}

.unhover a:hover {
    background: none;
   	}
.header{width:100%;text-align:center;}
		a:hover {
	color: #fff;
	background: #800000;
	text-decoration: none;}
	h1, h2, h3 {margin:.8em 0 .2em 0;
		padding:0;}
	
p {	margin:.4em 0 .8em 0;
	padding:0;} img {margin:10px 0 5px;}
	
/* Header styles */
	
#header {clear:both;
 float:center; width:100%;}

#header {border-bottom:1px solid #000;}
	
#header p,
	
#header h1,{text-align:center}
	
#header h2 {padding:.4em 15px 0 15px; margin:0;}
	
#header ul {clear:left;	float:left;width:100%;list-style:none;	margin:10px 0 0 0;padding:0;}

#header ul li {	display:inline;	list-style:none;margin:0;padding:0;}
	
#header ul li a {display:block;float:left; margin:0 0 0 1px;
padding:3px 10px; text-align:center;background:#eee;

color:#000;text-decoration:none;position:relative;
		left:15px;
		line-height:1.3em;}
	
#header ul li a:hover {background:#369;
		color:#fff;}
	
#header ul li a.active,
	
#header ul li a.active:hover {color:#fff;background:#000;
font-weight:bold;}

#header ul li a span {display:block;}
	
/* 'widths' sub menu */

	#layoutdims {clear:both;background:#eee;
		border-top:4px solid #000;margin:0;padding:6px 15px!important;
		text-align:right;}

#bottom_links a:hover {text-decoration:none;}
	
/* column container */
	
.colmask {position:relative;	
/* This fixes the IE7 overflow hidden bug */

		clear:both;	float:left; width:100%;			
/* width of whole page */
		
overflow:hidden;/* This chops off any overhanging divs */}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
	float: left;
	width: 75%;
	position: relative;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 40px;
}

.col1,
	.col2,
	.col3 {
	border: thin #800000 double;
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
	margin-left: 40px;
	margin-right: auto;
	padding-left: 10px;
body2_bottom {
	width: 200px;
	height: 200px;
	background: #D1C49D;
	vertical-align: top}
	 /* 2 Column (left menu) settings */ .leftmenu { border: thin #800000 double;
	font: "black" size="3";
	color: #000000; /* left column background colour */ ;
	text-decoration: none;
	white-space: normal; line-height: normal;
	
}		/* right column background colour */
}
	.leftmenu .colleft {right: 75%; /* right column width */;}
	.leftmenu .col1 {width:71%;			/* right column content width */
		left:102%;		/* 100% plus left column left padding */}
	.leftmenu .col2 {width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */}
		.menuAlignmentul.myVerticalMenu {
	list-style:none;margin:0;padding:0;} img{
	background-color: #FFFFFF;
	background: #800000;
	border: none;}
	
ul. circle {list-style: circle;
	margin-right: -15px;}
	
	.circle a:visited {	color: #0000FF;	font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold;}								
.circle a:link 	{	color: #000000;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
}									
.circle a:hover 	{
	color: #FFFF00;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;}
	
	.newStyle1 a:visited {
	color:black;font-weight: bold;}
	.newStyle1 a:hover {color:maroon;}

	/* Footer styles */
	
#footer {clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #000;
}
	
#footer p {padding:10px;
		margin:0;}
	/* --> */

	</style>