/* Generic Links */
a:link, a:visited	{
	color			: #0000BB;
	text-decoration	: none;
}
a:hover 	{
	color			: #808080;
	text-decoration	: none;
}
img {
	border			: 0px solid black;
}

/* no margins at the edge of the page */
body{	
	margin		 	: 0px;
	padding		 	: 0px;
	background-image: url(img/grid.png);
}

/* Misc Text */
span, li, ul, td, div {
	font-family 	: Verdana, Helvetica, sans-serif;
	font-size		: 11pt;
	color 			: #606060;
}

/* Paragraph Text */
p 	{
	font-family 	: Verdana, Helvetica, sans-serif;
	font-size		: 11pt;
	color 			: #606060;
	margin-top 		: 0em;
	line-height		: 16pt;
}

/* Decrease border above and below list */
ul {
	margin-top 		: 0.25em;	
}

/* headers */
h1 {	
	font-family 	: Verdana, Helvetica, sans-serif;
	font-size		: 20pt;
	color 			: #406050;
	margin-top 		: 0em;
	margin-bottom	: -1.2em;
}

h2 {
	font-family 	: Verdana, Helvetica, sans-serif;
	font-size		: 12pt;
	color 			: #605040;
	margin-top 		: 1.6em;
	margin-bottom	: 0em;
}

/* Decrease border above and below forms */
form {
	margin-bottom	: 0em;
	vertical-align	: text-bottom;
}

input, select, textarea {
	vertical-align	: middle;
	padding-left	: 2px;
	color			: #404040;	
}
input:focus, select:focus, textarea:focus {
	background-color: #F0F0FF;
	border			: 2px solid blue;
	color			: #000000;	
}

/* Dates */
.date, .small {
	color			: #006000;
	font-size		: 10pt;
}

/* Comment */
.comment {
	color			: #606060;
	font-size		: 9pt;
	font-family 	: Verdana, Helvetica, sans-serif;
}

.comment-bg {
	border			: 1px dotted gray;
	background-color: #F8F8F8;
}

/* Images that go with a particular category */
.catgimg {
	position		: relative;
	float			: left;
	padding-right	: 4px;
	padding-bottom	: 4px;
	top: 12px;
	margin-bottom	: 2px;
}

/* Form Formatting */
.form {
	border			: 1px solid black;
	background-color: #f0f0f0;
}


/* IE ignores styles with [attributes], so it will skip the following. 
This is used for translucent png's in the image layoute. */
.i3[class] {
	background-image: url(img/3.png);
}
.i7[class] {
	background-image: url(img/7.png);
}
.i9[class] {
	background-image: url(img/9.png);
}
.widget[class] {
	background-image: url(img/widget.png);
}