/* element overrides */

body
{
	margin : 0px;
	padding : 0px;
	background-color : #FFFFFF;
	color : #000000;
	font-family : Verdana, sans-serif;
	font-size : 11px;
}

img
{
	display : block;
	border : 0px;
}

td
{
	font-family : Verdana, sans-serif;
	font-size : 11px;
}

p
{
	font-family : Verdana, sans-serif;
	font-size : 11px;
	margin-top : 0px;
	margin-bottom : 10px;
}

hr
{
	height : 1px;
	color : black;
	background-color : black;
}

/* generic classes */

.bordered
{
	border : 1px solid #000000;
}

.small
{
	font-family : Verdana, sans-serif;
	font-size : 9px;
}

.centered
{
	margin-left : auto;
	margin-right : auto;
}

/* thumb classes */

table.thumbs
{
	border-top : 1px solid #666666;
	border-left : 1px solid #666666;
}

table.thumbs td
{
	border-right : 1px solid #666666;
	border-bottom : 1px solid #666666;
	text-align : center;
}

table.thumbs td img
{
	margin-left : auto;
	margin-right : auto;
}

table.thumbs td.header
{
	font-size : 12px;
	font-weight : bold;
	background-color : #EEFFFF;
	color : #444444;
}

table.box
{
	border : 1px solid #666666;
}

table.box td
{
	background-color : #DDFFEE;
}

table.box td.boxtop
{
	font-size : 14px;
	border-bottom : 1px solid #666666;
}

/* paragraph classes */

p.big
{
	font-size : 14px;
}

p.box
{
	background-color : #DDFFEE;
	border : 1px solid #666666;
}

span.big
{
	font-size : 14px;
}

/* div classes */

div.topfloat
{
	z-index : 1;
	position : fixed;
	top : 0px;
	left : 0px;
}

div.bottom
{
	z-index : 0;
	position : absolute;
	top: 121px;
	left : 0px;
}

div.side
{
	font-family : Verdana, sans-serif;
	font-size : 11px;
	padding : 6px;
	border-left : 1px solid #BBBBBB;
	border-bottom : 1px solid #BBBBBB;
	width : 150px;
}

div.topbar
{
	width : 100%;
	background-image : url("/images/top_strip.gif");
	background-repeat : repeat-x;
	border-bottom : 1px solid black;
}

div.linkbar
{
	color : #EEFFFF;
	background-color : #008888;
	border-bottom : 1px solid black;
	width : 100%;
}

div.header
{
	background-color : #005555;
	font-family : Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-align : right;
	color : white;
	padding : 6px;
	border : 1px solid black;
}

div.header a
{
	color : #FFFFFF;
	background-color : transparent;
}

div.collapsable
{
	border-left : 1px solid black;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
}

div.content
{
	padding : 10px;
}

div.footer
{
	padding : 6px;
	font-family : Verdana, sans-serif;
	font-size : 9px;
	text-align : right;
	float : right;
}

/* table cell classes */

td.topstripes
{
	background-image : url("/images/top_strip.gif");
	background-repeat : repeat-x;
	width : 100%;
}

td.bar
{
	background-image : url("/images/bar.gif");
	background-repeat : repeat-x;
}

td.shadow
{
	background-image : url("/images/side_shadow.gif");
	background-repeat : repeat-y;
	width : 15px;
}

td.side
{
	background-color : #006666;
	width : 200px;
}

td.right
{
	background-image : url("/images/bar.gif");
	background-repeat : repeat-x;
}

td.header
{
	background-color : #336666;
	font-family : Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-align : right;
	color : white;
	padding : 6px;
	border-bottom : 1px solid black;
}

td.ad
{
	font-family : Verdana, sans-serif;
	font-size : 11px;
	padding : 6px;
}

td.form
{
	background-color : #EEFFFF;
	color : #444444;
	border-bottom : 1px solid black;
	font-size : 12px;
	font-weight : bold;
}

/* link classes */

a.top
{
	display : block;
	padding : 4px;
	font-family : Verdana, sans-serif;
	font-size : 9px;
	text-decoration : none;
	color : #EEFFFF;
	background-color : #008888;
	text-align : center;
	letter-spacing : 3px;
}

a.top:hover
{
	color : #EEFFFF;
	background-color : #77AAAA;
}

a.quick
{
	display : block;
	padding : 4px;
	font-family : Verdana, sans-serif;
	font-size : 11px;
	text-align : right;
	text-decoration : none;
	color : #000000;
	background-color : #FFFFFF;
}

a.quick:hover
{
	color : #000000;
	background-color : #DDDDEE;
	background-image : url("/images/arrow.gif");
	background-position : center left;
	background-repeat : no-repeat;
}

a.button
{
	display : block;
	padding : 4px;
	font-family : Verdana, sans-serif;
	font-size : 11px;
	text-align : right;
	text-decoration : none;
	color : #000000;
	background-color : #FFFFFF;
	border : 1px solid black;
}

a.button:hover
{
	color : #000000;
	background-color : #DDDDEE;
	background-image : url("/images/arrow.gif");
	background-position : center left;
	background-repeat : no-repeat;
}
