/* STYLE SHEET FOR webcentresurf.com
SINGLE COLUMN 728px CENTRED */

/* Removing borders from linked images */
a img {border: none;}

/* removing extra margin from form elements */
form {margin: 0px;}

/* default font */
body, h1, h2, h3, h4, h5, h6, td { font: 12px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0px; }

/* Headlines :
h1 is used for the main (top) headline/content section
h2 is used for the rest of the content headlines
h3 is used for contentleft headings  
h7 is used for the copyright notice
*/
h1 { font-size: 20px; line-height: 1em; text-align: center; }
h2 { font-size: 16px; font-weight: bold; line-height: 1em; }
h3 { font-size: 12px; font-weight: bold; padding: 0px 0px 4px 16px; line-height: 1em; }

/* Ordered and unordered list elements */
ul,ol,li { margin: 0px; padding: 0px; }

pre { font-family: Courier; font-size: 9pt; color: blue; } 

b.typewriter { font-family: Courier; font-weight: normal; font-size: 9pt; color: blue; }

em { color: #cd0000; font-weight: bold; font-style: italic; }

/* ------------------------------------------------------
   Blue sky and white plate centering
------------------------------------------------------ */
body {
background-color: #C8E7FF;
background-image: url(images/bluesky_back.jpg);
background-position: top left;
background-repeat: repeat-x;
text-align: center; /* center all elements inside body*/
margin: 6px 6px; /* setting top and bottom margin */
}

/* ------------------------------------------------------
   Unordered list for lists of links
------------------------------------------------------ */

/* menu container */
ul.menu{
	padding: 0px;
}

/* menu item styling - creates the dotted line */
ul.menu li{
	background-image:url(images/dot.gif);
	background-repeat: repeat-x;
	background-position: top left;
	list-style-type: none;
	padding-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

/* Submenu container */
ul.menu li div ul{
	margin:3px 0px 0px 0px;
	list-style: none;
}

/* Submenu menuitem */
ul.menu li div ul li{
	background-image: none;
	margin:0px 0px 5px 0px;
	padding: 0px;
}

/* removing underline on menu item */
ul.menu a {text-decoration:none;}

/* class used for setting a menu item to be active*/
ul.menu .active {font-weight:bold;}

/* Link colors for menu items */
ul.menu a:link{color:#000;}
ul.menu a:visited{color:#000;}
ul.menu a:hover{color:#0000CC; text-decoration: underline;}
ul.menu a:active{color:#870101;}

/* arrow bullet for menus */
ul.menu li div{
	background-image: url(images/bullet_arrow.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 9px;
	margin-left:3px;
	line-height:14px;
	width:107px;
	overflow:hidden;
	}

/* hides all submenus */
ul.menu li ul {display: none}
ul.menu li ul li div {margin-left:-10px;}

ul {
	list-style-type: none;
	}

ul.main li div{
	list-style-type: none;
	background-image: url(images/bullet_arrow.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 9px;
	margin-left:3px;
	margin-top: 9px;
	}

#highlight { background: yellow; font-weight: bold; }

#frame {
	width:728px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align: left;
	}

#content {
	width:728px;
	font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	float: center;
	padding:0px;
	}

#copyright {
	font-size:10px;
	color:white;
	text-align:center;
	padding:10px;
	background: #cd0000;
	}

.tinytext {
	font-size: 9px;
	text-align: center;
	}

ul#q1 {	cursor: pointer; }
ul#q1 li { text-decoration: underline; }
ul#q1 ul { padding: 10px; display: none; cursor: default; }
ul#q1 ul li { text-decoration: none; }
ul#q2 {	cursor: pointer; }
ul#q2 li { text-decoration: underline; }
ul#q2 ul { padding: 10px; display: none; cursor: default; }
ul#q2 ul li { text-decoration: none; }
ul#q3 {	cursor: pointer; }
ul#q3 li { text-decoration: underline; }
ul#q3 ul { padding: 10px; display: none; cursor: default; }
ul#q3 ul li { text-decoration: none; }
ul#q4 {	cursor: pointer; }
ul#q4 li { text-decoration: underline; }
ul#q4 ul { padding: 10px; display: none; cursor: default; }
ul#q4 ul li { text-decoration: none; }
ul#q5 {	cursor: pointer; }
ul#q5 li { text-decoration: underline; }
ul#q5 ul { padding: 10px; display: none; cursor: default; }
ul#q5 ul li { text-decoration: none; }

#hi	{
	background-color: yellow;
	}

td.hi	{
	background-color: yellow;
	}	

/* ------------------------------------------------------
   ORIGINAL STYLE SHEET
------------------------------------------------------ */

.sss8lblue     { font-family: Arial; font-size: 8pt; color: #6699FF }
.sss10red      { font-family: Arial; font-size: 8pt; color: #C60000 }
.sss12red      { font-family: Arial; font-size: 12pt; color: #C60000 }
.sss12lblue    { font-family: Arial; font-size: 12pt; color: #6699FF }
.sss18red      { font-size: 18pt; color: #CD0000 }
.ss12          { font-size: 12pt; color:#000000; font-weight: bold }
.ss10red       { font-size: 10pt; color: #FF0000; font-weight: bold }
.ss12red       { font-size: 12pt; color: #FF0000; font-weight: bold }
.ss12lblue     { font-size: 12pt; color: #0099FF; font-weight: bold }
.ssblue        { font-size: 12pt; color:#0000FF; font-weight: bold }
.ssgreen       { font-size: 12pt; color:#336600; font-weight: bold }
.ssorange      { font-size: 12pt; color:#BF3F00; font-weight: bold }
.ssorange8     { font-size: 8pt; color:#BF3F00; font-weight: bold }
.ssorange10    { font-size: 10pt; color:#BF3F00; font-weight: bold }
.ssblue10      { font-size: 12pt; color:#0000FF; font-weight: bold }
.ssarialorange { font-size: 12pt; color:#BF3F00; font-weight: bold }
.ssarialblue   { font-size: 12pt; color:#0000FF; font-weight: bold }
.ssarialgreen  { font-size: 12pt; color:#336600; font-weight: bold }
.ssarialred    { font-size: 12pt; color:#cd0000; font-weight: bold }	
.bigorange { font-size: 20pt; color:#BF3F00; font-weight: bold }
.bigblue   { font-size: 20pt; color:#0000FF; font-weight: bold }
.biggreen  { font-size: 20pt; color:#336600; font-weight: bold }
.bigred    { font-size: 20pt; color:#cd0000; font-weight: bold }	
.ssw12         { font-size: 12pt; color:#FFFFFF; font-weight: bold }
.ss            { font-size: 14pt; color: #003D79; font-weight: bold }
.sss           { font-size: 14pt; color: #000000 }
.ssbuy         { font-size: 14pt; color: ##cc0000; font-weight: bold }
.s82           { font-size: 8pt; color: #0000FF }
.s83           { font-size: 8pt; color: #000080 }
.s81           { font-size: 8pt; color: #FF6600; font-weight: bold }
.s8green       { font-size: 8pt; color: #008000 }
.s8blue        { font-size: 8pt; color: #0000FF }
.s8yellow      { font-size: 8pt; color: #FFFF00 }
.s8red         { font-size: 8pt; color: #FF0000 }
.s81green      { font-size: 8pt; color: #008000; font-weight: bold }
.s81red        { font-size: 8pt; color: #FF0000; font-weight: bold }
.s81n          { font-size: 8pt; color: #C0C0C0 }
.s8white       { font-size: 8pt; color: #FFFFFF; text-decoration: none  }
.s8whitebold   { font-size: 8pt; color: #FFFFFF; text-decoration: none; font-weight: bold }
.s10white      { font-size: 10pt; color: #FFFFFF; font-weight: bold }
.s8            { font-size: 8pt; color: #003D79; font-weight: bold }
.s8black       { font-size: 8pt; color: #000000 }
.s10blue       { font-size: 10pt; color:#0000FF}
.s10black      { font-size: 10pt; color:#000000}
.s12black      { font-size: 12pt; color:#000000}
.s14black      { font-size: 14pt; color:#000000}
.s10red        { font-size: 10pt; color: #CD0000 }
.s10green      { font-size: 10pt; color:#336600}
.s80           { font-size: 8pt; color: #003D79;}
.s10           { font-size: 10pt; color: #003D79; font-weight: bold }
a              { font-size: 8pt; color: #003D79 }
a.s8white      { font-size: 8pt; color: #FFFFFF; text-decoration: none }
a.s8white:hover{ font-size: 8pt; color: yellow; text-decoration: underline }
a.ssw12        { font-size: 12pt; color: white; text-decoration: none }
a.ssw12:hover  { font-size: 12pt; color: orange; text-decoration: none }