/*Editing your colors and fonts with this Style Sheet is simple!
First, the command for the template page to use a particular style sheet is located 
near the bottom of the "Head" area in your page's HTML code, and it will be 
named "something.css". The matching style sheet file name will be in your main file 
directory. 

To edit the style sheet, simply open it in Notepad or some other editor...
You will see a column of "tags" and then a list of commands, with each tag "set" 
separated by a "}" bracket. In each PAGE's HTML code, you will find cells and 
tables assigned a "class", which will read something like "class="body" . 
That means that the cell or table is commanded by the "body" and/or ".body" tag 
in your matching page style sheet. 

To make modifications. remember, every "tag" in the Style Sheet has a connection 
to a table or cell in the Web Template, and to modify the way the text appears, or 
the cell is colored, all you need to do is locate the correct tag - which is ALWAYS 
preceeded by a (.) period, and change the values.

For example, if you wanted the Template to use 9 point Times Roman font, just locate 
the main body tag (the one without the "." in front of it), then change 
the "font-family: Verdana, Arial, sans-serif;" to "font-family: Times New Roman;" 
and change the font-size to read '9pt"!

Experiment with the different changes (but keep a back-up of the original stylesheet!), 
and if you have problems or questions, visit our website at Web In A Minute or email us.

There is only one major rule to remember... DO NOT CHANGE OR DELETE THE MARKS IN THE STYLE SHEET! 
All of the "}, {, ; etc., have a purpose. Do your editing in the text!*/

/* this following a:link group sets the normal link colors */

a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: underline overline;
}

a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
/*this is the main page command tag and it includes the scrollbar colors!*/
body {
	background: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
/*	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;*/
/*	margin-top: 20px;*/
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #FEFEFE;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #8C7D92;
	scrollbar-highlight-color: #FEFEFE;
	scrollbar-shadow-color: #8C7D92;
	scrollbar-track-color: #000000;
}
/*following are the Headline Tags (H1, etc) the Horizontal Line, and the 
default paragraph, table and bullet list or line item tags*/
h1 {
	color: #000000;
	font-size: 16pt;
	font-weight: bold;
}

h2, h3, h4, h5, h6 {
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 1px;
}

hr {
	color: #000000;
	height: 3px;
	width: 70%;
}

p, td, li, ul, table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
}
/*from here on are special tags that set the special appearances
of the many cells and tables in your Template Pages. Just locate the 
"class=" command in the page HTML code and you'll see what these tags do!*/
table.amain {
/*	border-left: 1px solid #000000;
	border-right: 1px solid #000000;*/
	text-align: center;
	width: 770px;
}

.body{
	background-color: #FFFFFF;
	padding: 5px;
	vertical-align: top;
}

.calloutdotted{
	border-collapse: collapse;
	border-color: #000000;
	border-style: dashed;
	border-width: 1px;
	padding: 3px;
	width: 90%;
}

.calloutdotted .cheader{
	background-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #FEFEFE;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

.copyright{
	background-color: #FFFFFF;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}

.copyright a:active, .copyright a:visited, .copyright a:link{
	background-color: #FFFFFF;
	color: #000000;

}

.navigation{
	background-color: #8C7D92;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #FFFFFF;
	font-weight: bold;
	height: 25px;
	text-align: center;
	white-space: nowrap;
	word-break: keep-all;
	text-decoration: none;
}

.navigation a:active, .navigation a:visited, .navigation a:link{
	background-color: #8C7D92;
	color: #FFFFFF;
}

.top{
	background-color: #FFFFFF;
	color: #FFFFFF;
	height: 100px;
	vertical-align: top;
}
/*Navigation Drop Menu Styles*/
.navdropmenu{
	color:#FEFEFE;
	background-color: #8C7D92;
	border: 1px #000000;
	layer-background-color: #8C7D92;
	left: 0;
	padding: 0px;
	position: absolute;
	top: 25;
	visibility: hidden;
	width: 200;
}
#dropmenu0,#dropmenu1,#dropmenu2,#dropmenu3,#dropmenu4,#dropmenu5,#dropmenu6{
	top
	
	
}