* {
padding: 0;
margin: 0;
} 

body {
background: #C0D8F0 url(images/bg.gif) top center repeat-y;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
color: #555;
line-height: 20px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.alignright {
	float:right; 
	margin:0 0 1em 1em
	}
img.alignleft {
	float:left; 
	margin:0 1em 1em 0
	}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto
	}
a img.alignright {
	float:right; 
	margin:0 0 1em 1em
	}
a img.alignleft {
	float:left; 
	margin:0 1em 1em 0
	}
a img.aligncenter {
	display: 
	block; margin-left: auto; 
	margin-right: auto}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/*img { border: none; } removed as a test*/

a { text-decoration: none; color: #3090F0; }
a:hover { color: #333; }
h3 { border-bottom: 1px dotted #ccc; color: #F0A848; padding: 10px 0 2px 0; }
h3 a { color: #3090F0; }
h3 a:hover { color: #F0A848; }


#wrap {
margin: 0 auto;
width: 980px;
}

#header {
background: #C0D8F0 url(images/header.gif) no-repeat;
height: 100px;
}

#header h1 { text-transform: uppercase; padding: 25px 0 0 30px; font-size: 30px; font-weight: 100; letter-spacing: -2px; }
#header h1 a { color: #3090F0; }
#header h1 a:hover { color: #333; }
#header h2 { padding: 0 0 0 30px; font-size: 19px; color: #333; font-weight: 100; }

#menu {
background: #C0D8F0 url(images/menu.gif) no-repeat;
height: 40px;
line-height: 40px;
padding-left: 20px;
}
#menu li {
float:left;
list-style-type:none;
}
#menu li a {
padding:0 10px;
text-decoration:none;
color: #fff;
letter-spacing:-1px;
font-weight: 100;
font-size: 17px;
}
#menu li a:hover {
color: #fff;
text-decoration: underline; 
}

#content { 
padding: 10px;
}

#left {
float: left;
width: 200px;
}
#left li { list-style-type: none; padding-left: 10px; }

#left h2 {
margin-left: 10px;
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background: #EEF0F1 url(images/hbg.gif) repeat-x;	
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}
#left .box {
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin: 0 0 10px 10px;	
padding: 5px 0 10px 0;
}

#right { 
float: right;
width: 740px;
margin-right: 10px; 
}
.contentleft {
float: left;
width : 550px;
}
.contentleft h2 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background: #EEF0F1 url(images/hbg.gif) repeat-x;	
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}
.contentleftbox {
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin: 0 0 10px 0;	
padding: 0 10px 10px 10px;
text-align: justify;
}

.contentright {
float: right;
width: 180px;
}
.contentright h2 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background: #EEF0F1 url(images/hbg.gif) repeat-x;	
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}
.contentrightbox {
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin: 0 0 10px 0;	
padding: 10px;
text-align: justify;
}

#footer {
height: 40px;
line-height: 40px;
background: #C0D8F0 url(images/footer.gif) no-repeat;
color: #fff;
text-align: center;
}
#footer a { color: #fff; }
#footer a:hover { color: #333; }