body {
font-family: verdana;
text-decoration: none;
color: #000000;
font-size: 12px;
text-align: justify;
background-color: #7a598a;
top: 0px;
left: 0px;
margin: 0px;
}

.small { font-size: 10px; }

img { border: none; }

hr { 
height: 1px;
color: #000000;
background-color: #000000;
width: 75%;
border: none;
}

a:link { color: #7a598a; text-decoration: none; font-weight: normal; font-size: 12px;}
a:visited { color: #7a598a; text-decoration: none; font-weight: normal; font-size: 12px;}
a:hover { color: #7a598a; text-decoration: underline; font-weight: normal; font-size: 12px;}

#boredomsolver {
width: 16px;
text-align: center;
position: absolute;
top: 145px;
left: 765px;
z-index: 100;
}

#boredomsolver a:hover { cursor: default; }


#wrapper {
position: absolute;
top: 0%;
width: 800px;
left: 50%;
margin-left: -400px;
}

h1 {
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1px solid #000000;
}

h2 {
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
}

h3 {
font-size: 12px;
font-weight: bold;
letter-spacing: 3px;
padding-top: 5px;
margin-bottom: 2px;
color: #7a598a;
}

.dropcap { 
position: relative;
float: left;
font-size: 24px;
top: 12px;
margin: 8px;
color: #999999
}

.description {
width: 400px;
text-align: justify;
}

table {
font-family: verdana;
text-decoration: none;
color: #000000;
font-size: 12px;
text-align: justify;
}

table td { padding: 5px; }

select, input { position: relative; top: 5px; }

.centre { text-align: center; }

.warning {
border: 2px dotted #760101;
background-color: #BD0202;
padding: 5px;
}

.warning a:link { color: #000000; text-decoration: none; font-weight: bold;}
.warning a:visited { color: #000000; text-decoration: none; font-weight: bold;}
.warning a:hover { color: #000000; text-decoration: underline; font-weight: bold;}

.form {
border-collapse:collapse;
}

.alignright {
text-align: right;
}

#phonenav { display: none;}
#compnav { display: block; text-align: right;}


/* SECTIONS */

#header {
position: absolute;
top: 10px;
left: 100px;
height: 110px;
width: 600px;
}

#ads {
position: absolute;
top: 130px;
left: 850px;
height: 600px;
width: 120px;
}

#nav {
position: absolute;
top: 130px;
left: 30px;
height: 35px;
width: 800px;
}

 
#content {
position: absolute;
top: 165px;
left: 10px;
height: auto;
width: 800px;
}

#footer {
border-top: 1px solid #000000;
font-size: 10px;
text-align: center;
margin-top: 20px;
}

#footer a:link { color: #7a598a; text-decoration: none; font-weight: normal; font-size: 10px;}
#footer a:visited { color: #7a598a; text-decoration: none; font-weight: normal; font-size: 10px;}
#footer a:hover { color: #7a598a; text-decoration: underline; font-weight: normal; font-size: 10px;}
















/* CORNERS */

ul.roundedCornerWrapper { 
	background-color: #ffffff;
	list-style: none;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}
			
ul.roundedCornerWrapper li.top, 
ul.roundedCornerWrapper li.top span, 
ul.roundedCornerWrapper li.bottom, 
ul.roundedCornerWrapper li.bottom span {
	background:  url(../../images/corners.png) no-repeat;
	font-size: 1px; /* Stop IE mucking up the height of the corners */ 
	line-height: 1px; /* Stop IE mucking up the height of the corners */ 
}

ul.roundedCornerWrapper li.top, 
ul.roundedCornerWrapper li.bottom {
	height: 20px; /* Height of corner */
	position: relative; /* Contains the span inside the list element */
}

ul.roundedCornerWrapper li.top {
	background-position: -20px -20px; /* Move corner image 20px up and to the left */
}

ul.roundedCornerWrapper li.bottom {
	background-position: -20px 0; /* Move corner image 20px to the left */
}

ul.roundedCornerWrapper li.top span, 
ul.roundedCornerWrapper li.bottom span {
	height: 20px; /* Height of corner */
	position: absolute; /* Removes the corner fromt the document flow */
	right: 0; /* Position the corner to the far right */
	width: 20px; /* Width of the corner */
}

ul.roundedCornerWrapper li.top span {
	background-position: 0 -20px; /* Move corner image 20px up */ 
}

ul.roundedCornerWrapper li.bottom span {
	background-position: 0 0; /* Don't move corner image */
}

ul.roundedCornerWrapper li.middle {
	margin: 0 20px; /* Left and right margin as wide as the corners */
}