@charset "UTF-8";
/* CSS Document */
*{margin:0;padding:0;}
body {
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 100%;
	background-color: #662d91;
	background-image: url(/images/background.png);
	background-repeat: repeat-x;
}
/* --- text controls -------------------------------------- */
h1 {
	font: bold 110% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	font-style: italic;
}
p {
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
}
.plist {
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:left;	
	margin-left: 30px;
	list-style-type: square;
}
.plistCtr {
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:left;	
	margin-left: 200px;
	list-style-type: square;
}
.pContainer{
	position: relative;
	width:100%;
	margin-left: auto;
  margin-right: auto;
}
.pContainer50{
	position: relative;
	width:48%;
	float:left;
	margin-left: auto;
  margin-right: auto;
}
.pContainer60{
	position: relative;
	width:60%;
	margin-left: auto;
  margin-right: auto;
}
.pContainer80{
	position: relative;
	width:80%;
	margin-left: auto;
  margin-right: auto;
}
.p-Spc{
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:left;
	padding:5px 5px 5px 30px;
	white-space:normal;
}
.p1-Lft{
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:left;
	padding:10px;
	white-space:normal;
}
.p1-LftSpc{
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:left;
	padding:5px 5px 5px 30px;
	white-space:normal;
}
.p1-Ctr{
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:center;
	padding:5px;
	white-space:normal;
}
.p1-vCtr{
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	white-space:normal;
}
.p1-CtrLg{
	font: 100% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:center;
	padding:5px;
	white-space:normal;
}
.SubHeader{
	font: 80% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	line-height:24px;
}
.SubHeaderLg{
	font: bold 110% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	line-height:24px;
}
a:link, a:visited, a:active  {
	color: #ffffff;
	text-decoration:none;
}
a:hover {
	color: #ffffff;
	text-decoration:underline;
}
a.aLinkNone:link, a.aLinkNone:visited, a.aLinkNone:active, a.aLinkNone:hover {
	color: #ffffff;
	text-decoration:none;
} 


.LinkWBkgd:link, .LinkWBkgd:visited, .LinkWBkgd:active  {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	background-color:#ff3b00;
}
.LinkWBkgd:hover {
	color: #000000;
	font-weight:bold;
	text-decoration:underline;
}



/* --- main container -------------------------------------- */
#bodyWrapper {
	margin-left: auto;
  margin-right: auto;
	width: 900px;
	min-width: 905px;
}
/* --- header  -------------------------------------- */
#headerWrapper{
	position: relative;
	float:left;
	height: 100px;
	width:100%;
}
#headerLft {	
	padding: 0px;
	width: 275px;
  float:left; 
}
#headerMid {
	padding: 20px 20px 5px 20px;
	float:left;
	vertical-align:middle;
}
#headerRht {
 padding: 0px;
 float:right;
 width: 170px;
}
/* --- menu  -------------------------------------- */
#menuWrapper{
	margin:0 auto;
	width:100%;
	height: 27px;
	float:left;
}
/* --- controls  -------------------------------------- */
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* --- content  -------------------------------------- */
#colWrapper{
	position: relative;
	padding:3px;
	float:left;
	width:100%;
}
#imgContainter{
	vertical-align:top;
}
.contentWrapper{
	clear:both;
	padding:15px;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0px;;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {}
.threecol .colmid {
	right:25%;			/* width of the right column */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (double page) settings */
.doublepage {}
.doublepage .colleft {
	right:50%;			/* right column width */
}
.doublepage .col1 {
	width:46%;			/* left column content width (column width minus left and right padding) */
	left:52%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:46%;			/* right column content width (column width minus left and right padding) */
	left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Single Column (double page) settings */
.fullpage {}
.fullpage .col1 {
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
}

/* --- footer  -------------------------------------- */
#footerWrapper{
	position: relative;
	clear:both;
	float:left;
	width:100%;
}
#footer {	
	font: 60% Arial, Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
	color: #ffffff;
	text-align:center;
	padding:15px;
	white-space:normal;
}
/* --- images  -------------------------------------- */
#slideshow {
    position:relative;
    height:500px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}