/*** The contents of this file were (ostensibly) written by Owen Briggs
@ www.thenoodleincident.com, and any Copyright rests with him. No
credit for the work that has gone into researching the use of font
sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
This is an EDITED version of the original! You will want to play with
these settings to make your own style for fonts and color other
bits. ***/

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
	font-sizes in % (preferred) or ems ***/
	color:#000000;
	scrollbar-face-color: #9CCDFC;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: ##9CCDFC;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #AFC6DB;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #000099;
	}
	
a:visited {
	color: #990099;
	text-decoration: underline;
	}
	
a:active {
	color: #FF6600;
	}
	
a:hover {
	text-decoration: underline;
	color: #FF6600;
	}
a:link {
	color: #0000FF;
	text-decoration: underline;}
	
strong, b {
	font-weight: bold;
	}
	
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
	
h1, h5 {
	color: #000066; 
	margin:5px;  
	}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000066;
	BORDER-TOP: 1px solid  #FF6600;
	BORDER-BOTTOM: 1px solid #FF6600;
	BORDER-LEFT: 1px solid  #FF6600;
	BORDER-RIGHT: 1px solid  #FF6600;
	margin: 5px;
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
}    

h4 {
	color: #000066; 
	text-align: center; 
	margin:10px; 
	}

h3 {
	color: #000066; 
	text-align: center; 
	padding:10px; 
	}

h2 {
	color: #000066; 
	text-align: center; 
	padding:10px;
	}
	
p {
	font-size: 80%;
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	padding: 10px;
	text-align: left;
	}

p.table {
	font-size: 60%;
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	padding: 10px;
	}
	
p.center {
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	padding: 10px;
	text-align: center;
	}
	
#basicad {width: 225px; height: 225px}

#basicad div {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FFCC99;
	font-size: 80%; 
	padding: 0px;
	text-align: left;
	}	

#basicad h5 {
	margin: 0 0px 0px;
	background-color: #FFCC99;
	color: #0000FF;
	padding: 5px;
	text-align: center;
	}


#basiclisting {width: 300px; height: 200px}

#basiclisting div {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FFCC99;
	font-size: 80%; 
	padding: 0px;
	text-align: left;
	}	

#basiclisting h5 {
	margin: 0 0px 0px;
	background-color: #FFCC99;
	color: #0000FF;
	padding: 5px;
	text-align: center;
	}

#textgraphicad {width: 450px; height: 110px}

#textgraphicad div {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FF6600;
	font-size: 70%; 
	padding: 5px;
	text-align: left;
	}	

#textgraphicad h5 {
	margin: 0 0px 0px;
	background-color: #FFFFFF;
	color: #0000FF;
	padding: 0px;
	text-align: center;
	}
	
#textad {width: 350px; height: 100px}

#textad div {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FF6600;
	font-size: 70%; 
	padding: 5px;
	text-align: left;
	}	

#textad h5 {
	margin: 0 0px 0px;
	background-color: #FFFFFF;
	color: #0000FF;
	padding: 0px;
	text-align: center;
	}
	
#centerbox {width: 480px;}
 
#centerbox div {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FF6600;
	font-size: 80%; 
	padding: 5px;
	text-align: center;
	}

#contentbox {width: 480px;}
 
#contentbox div {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FF6600;
	font-size: 70%; 
	padding: 5px;
	text-align: left;
	}

#blogbox {width: 480px;}
 
#blogbox div {
	margin-left: 10px;
	background-color: #FFFFFF;
	border: 0px solid #FF6600;
	font-size: 80%;
	text-align: left;
	padding: 10px;
	}

#blogbox p {
	font-size: 100%;
	text-align: left;
	padding-left: 0;
	}	
	
li {
	font-size: 80%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
	
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
	
td {
	font-size: 90%;
	padding: 5px;
	}
	
hr {
	color: #FF6600;
	margin-top: 2.0em;
	margin-bottom: 2.0em;  
	height: 2px;
	}

hr.eighty {
	color: #FF6600;  
	height: 2px; 
	width:80%;
	align: center;
	}
	
ul.list {
	list-style-type: disc; 
	list-style-position: outside;
	}

#rightbox {width: 160px;}
 
#rightbox div {
	margin: 5px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #9CCDFC;
}
 
#rightbox h5 {
	margin: 0 0px 0px;
	background-color: #9CCDFC;
	color: #000099;
	padding: 5px;
	text-align: center;
	}
	
#rightbox p {
	padding: 5px; /* Also side padding */
	font-size: 70%;
	text-align: left;
	}	
	
#rightbox p.center {
	padding: 5px; /* Also side padding */
	font-size: 70%;
	text-align: center;
	}	
 
#rightbox p.rightpicbox {
	margin: 5px; /* Only vertical margins on the p */
	text-align: center;
	border: 1px solid #FF6600;
	}
	
#rightbox p.weatherbox {
	text-align: center;
	padding:1px;
	margin: 0; /* Only vertical margins on the p */
	}
	
#rightbox p.righttextbox {
	margin: 5px; /* Only vertical margins on the p */
	padding: 5px; /* Also side padding */
	font-size: 70%;
	text-align: center;
	border: 1px solid #FF6600;
	}
	
#leftbox {width: 150px;}
 
#leftbox div {
	margin: 5px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #9CCDFC;
	}
 
#leftbox h5 {
	margin: 0 0px 0px;
	background-color: #9CCDFC;
	color: #000099;
	padding: 5px;
	text-align: center;
	}
 
#leftbox p {
	margin: 5px; /* Only vertical margins on the p */
	padding: 5px; /* Also side padding */
	font-size: 70%;
	text-align: center;
	}
	
#footerbox {
	width: 800px;
	}	

#footerbox div {
	margin: 5px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #9CCDFC;
	}
	
#footerbox p {
	padding: 10px; /* Also side padding */
	font-size: 70%;
	text-align: center;
	}	

	
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */