/* andreas00 - an open source xhtml/css website layout by Andreas Viklund */
/* http://andreasviklund.com/ . Free to use for any purpose as long as the */
/* proper credits are given to the original author. */
/* Version: 2.0 (Jan 29, 2007) */

/********************************************************
 CSS Color Constants - Dictionary of used colors
 Use rgb() definitions as the colors will look the
 same no matter what browser is used
 
 White				rgb(255,255,255)
 Whitesmoke			rgb(244,244,244)
 Black				rgb(0,0,0)
 Dark Gray (acronyns, tips, footer links)		rgb(169,169,169)
 Dim Gray (header slogan)							rgb(105,105,105)
 Gainsboro (menu border darker)					rgb(220,220,220)
 Light Gray (menu border lighter)				rgb(211,211,211)
 Silver (superheader links, menu bg dark)		rgb(192,192,192)

 Maroon				rgb(128,0,0)
 Light Slate Gray (superheader text)			rgb(119,136,153)
 Orange (superheader hover)						rgb(255,165,0)
 Royal Blue			rgb(65,105,225)
 Steel Blue (h1-h6)									rgb(70,130,180)
 Gold					rgb(175,140,0)
 
 ********************************************************/
 
/**********************************************
 Global Settings for Web Pages
 *********************************************/

/***** HTML and BODY *****/

html {
	background-color: rgb(255,255,255);
	border: 0;
	font: 100.01%/1.25 verdana, tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	font: .9em/1.5 verdana, tahoma, arial, sans-serif;
	margin: 0 auto;
	padding: 0;
}


/***** Common Universal Classes *****/

h1, h2, h3, h4 {
	font: bold 1em "trebuchet ms", arial, sans-serif;
}
h1 {
	color: rgb(128,0,0);
	font-size: 1.75em;
}
h2 {
	color: rgb(0,0,0);
	font-size: 1.5em;
}
h3 {
	color: rgb(0,0,0);
	font-size: 1.3em;
}
h4 {
    color: rgb(0,0,0);
    font-size: 1em;
}

acronym, abbr {
	border-bottom: 1px dashed rgb(169,169,169);
	cursor: help;
}
p, h1, h2, h3 {
	margin: 10px 15px 16px;
}
a, a:active, a:visited {
	background: inherit;
	color: rgb(0,0,205);
	text-decoration: underline;
}
a:hover {
	background: rgb(250,250,210);
	color: rgb(0,0,0);
	text-decoration: underline;
}
ul, ol {
	margin: 0 0 16px 20px;
	padding: 0;
}
ul ul, ol ol {
	margin: 2px 0 2px 20px;
}
ul li, ol li {
	margin: 0 0 2px 10px;
	padding: 0 0 0 4px;
}
blockquote {
	margin: 15px 75px 16px 25px;
	padding: 2px 10px 2px 45px;
	background: url(../graphics/quote.gif) no-repeat rgb(250,250,250) 5px 10px !important;
	background-position: 8px 10px;
	border-bottom: 1px solid rgb(220,220,220);
	border-left: 4px solid rgb(128,0,0);
	border-right: 1px solid rgb(192,192,192);
	border-top: 1px solid rgb(192,192,192);
	font-weight: normal;
}
.announce {
	background: rgb(250,250,250) !important;
	border-bottom: 1px solid rgb(220,220,220);
	border-left: 4px solid rgb(128,0,0);
	border-right: 1px solid rgb(192,192,192);
	border-top: 1px solid rgb(192,192,192);
	clear: left;
	line-height: 1.3em;
	margin: 10px 15px;
	padding: 7px 3px 3px 5px;
	width: 95%;
}
blockquote p, .announce p {
	background: transparent;
	font-size: 98%;
	line-height: 1.3em;
}


/***** Main Layout *****/
#wrap {
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
}
#content-wrap {
	background: rgb(255,255,255);
	margin: 0;
	padding: 0 10px 0 5px;	
	width: 98%;
}


/***** Main content variations *****/
#content {
	line-height: 1.5em;
	margin: 10px 170px 10px 160px;
	padding: 0;
	text-align: left;
}
#contentwide {
	line-height: 1.5em;
	margin: 10px 10px 10px 160px;
	padding: 0;
	text-align: left;
}
.rowOfBoxes {
	width: 98%;
	vertical-align: top;
	overflow: hidden;
}
.quarter, .oneThird, .half, .fullWidth {
	margin: 1em 0;
	float: left;
	border-left: 1px solid rgb(220,220,220);
	vertical-align: top;
}
.quarter, .oneThird, .half, .threeQtr, .fullWidth {
	padding: 0 1.9%;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.quarter {
	width: 21%;
}
.oneThird {
	width: 29%;
}
.half {
	text-align: justify;
	width: 46%;
}
.threeQtr {
	text-align: justify;
	width: 71%;
}
.fullWidth {
	text-align: justify;
	width: 96%;
}
.dividingBorderAbove {
	border-top: 1px solid rgb(220,220,220);
}
.dividingBorderBelow {
	border-bottom: 1px solid rgb(220,220,220);
}
.noBorderOnLeft {
	border-left: none;
}
.noBorderAll {
	border: none;
}


/***** Header *****/
.superHeader {
	color: rgb(119,136,153);
	background-color: rgb(33,50,66);
	text-align: right;
	margin: 0;
	padding: 0.5ex 10px;
	height: 18px;
	font-size: .9em;
}
.superHeader a {
	color: rgb(192,192,192);
	background-color: transparent;
	text-decoration: underline;
	margin: 0;
	padding: 0 0.25ex 0 0;
}
.superHeader a:hover {
	color: rgb(255,255,255);
	background-color: transparent;
	text-decoration: underline;
}
#header {
	background: url(../graphics/head/headerbg.gif) repeat-x bottom left;
	color: rgb(255,255,255);
	height: 120px;
	margin: 0 0 45px;
	padding: 0;
}
#header h1#logo {
	position: absolute;
	top: 25px;
	left: 15px;
	font: bolder 2.5em "trebuchet ms", verdana, tahoma, arial, sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
}
#header h2#slogan {
	position: absolute;
	top: 70px;
	left: 85px;
	color: rgb(105,105,105);
	text-indent: 0px;
	font: bold 1em Tahoma, "trebuchet ms", sans-serif; 
	text-transform: none;	
}
#header img.banner_rt {
	position: absolute;
	top: 35px;
	right: 20px;
	border: none;
}
/*#header img.banner_lft {
	border: none;
	float: left;
	padding: 11px 5px 0 0;
}*/


/***** Footer *****/
#footer {
	background: rgb(255,255,255);
	border-top: 5px solid rgb(175,140,0);
	clear: both;
	color: rgb(105,105,105);
	font-size: 0.9em;
	margin: 0 auto;
	padding: 8px 0;
	text-align: center;
	width: 98%;
}
#footer p {
	margin: 0;
	padding: 0;
}
/*#footer a, #footer a:visited, #footer a:active {
	color: rgb(169,169,169);
	font-weight: bold;
	text-decoration: underline;
}
#footer a:hover {
	color: rgb(128,0,0);
	font-weight: bold;
	text-decoration: underline;
}*/
#footer .footer-left{
	float: left;
	width: 65%;
	padding-left: 5px;
}
#footer .footer-right{
	float: right;
	width: 30%;
	padding-right: 5px;
}


/**** Left sidebar and menu ****/
#leftside {
	clear: left;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 150px;
}
#leftside ul.avmenu {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	width: 150px;
}
#leftside ul.avmenu li {
	display: inline;
	padding: 0;
	width: 150px;
}
#leftside ul.avmenu li a {
	background: url(../graphics/menu/menubg.gif) repeat-x bottom left rgb(244,244,244);
	border-bottom: 1px solid rgb(216,216,216);
	border-left: 4px solid rgb(192,192,192);
	border-right: 1px solid rgb(216,216,216);
	border-top: 1px solid rgb(216,216,216);
	color: rgb(0,0,0);
	float: left;
	font-size: .85em;
	font-weight: 700;
	margin-bottom: 5px;
	padding: 3px 1px 3px 5px;
	text-decoration: none;
	width: 138px;
}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
	background: url(../graphics/menu/menubg2.gif) repeat-x bottom left rgb(234,234,234);
	border-bottom: 1px solid rgb(176,176,176);
	border-left: 4px solid rgb(128,0,0);
	border-right: 1px solid rgb(176,176,176);
	border-top: 1px solid rgb(176,176,176);
	color: rgb(0,0,0);
}
#leftside ul.avmenu ul {
	font-size: 0.9em;
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
	width: 133px;
}
#leftside ul.avmenu ul a {
	padding: 3px 1px 3px 5px;
	width: 123px;
}
#leftside ul.avmenu ul ul {
	font-size: 1em;
	width:120px;
}
#leftside ul.avmenu ul ul a {
	width: 108px;
}


/***** Right sidebar *****/
#extras {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0;
	width: 225px;
}
#extras p, #extras ul {
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0 0 1.5em;
	padding: 0;
}
#extras li {
	list-style: none;
	margin: 0 0 6px;
	padding: 0;
}

.chance div { font-size: .8em !important; }
.chance dl { margin: 0 0 1.5em 0; padding: 0; list-style-type: none; }
.chance dt { float: left; clear: left; width: auto; padding: 5px; text-align: left; vertical-align: baseline; }
.chance dd { text-align: left; padding: 5px; vertical-align: baseline; height: 100%; }

/***** Tables and forms *****/
table {
	font-size: 100%;
}
thead tr, tfoot tr, tbody th {
	background-color: rgb(244,244,244);
	vertical-align: top;
}
tfoot td {
	font-size: .75em;
	font-style: italic;
}
td, th {
	padding: 5px;
	vertical-align: top;
}
caption {
	font-size: .75em;
	margin: 0;
	padding: 6px 0;
	text-align: left;
}


/***** Images *****/
.thumbnail {
	float: left;
	margin: 0 25px 15px 0;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	width: auto;
}
img.float-left {
	float: left;
	margin: 5px 0px 5px 15px;
	text-align: center;
	vertical-align: top; 
}
img.float-right {
	float: right;
	margin: 5px 15px 5px 0px;
	text-align: center;
	vertical-align: top; 
}



/***** Miscellaneous classes *****/
.small {
	font-size: 0.7em;
}
.large {
	font-size: 1.5em;
}

.formbtn a, .formbtn a:active, .formbtn a:visited {
	background-color: rgb(220,220,220);
	border: 1px solid rgb(0,0,0);
	color: rgb(0,0,0);
	font: .9em arial,tahoma,verdana,sans-serif;
	font-weight: normal;
	margin-left: 5px;
	padding: 3px 5px 3px 5px;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
}
.formbtn a:hover {
	background-color: rgb(255,255,255);
	padding: 3px 5px 3px 5px;
	cursor: hand;
}

/***** Use with <p> to create extra spacing *****/
.filler {
	background: url(../graphics/clear.gif);
}
.doNotDisplay {
	display: none !important;
}
.clear, .clearboth {
	clear: both;
}
.float-left {
	float: left;
	vertical-align: top;
}
.float-right {
	float: right;
	vertical-align: top;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-ctr {
	text-align: center;
}
.gold {
	color: rgb(175,140,0);
}
.silver {
	color: rgb(192,192,192);
}