/******* Start by losing all the browser defaults **********/
* {
	border: 0;
	margin: 0;
	padding: 0;
}

/******* Force a scrollbar in short pages to prevent page jump in Gecko ******/
/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/* end hiding from IE5 mac */

/******* Set the body defaults **********/ 
body {
	background: url(../images/bodyBG.jpg) #f3e0f1 repeat-x;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #572b53;
}

/******** Set the wrapper ********/
#wrapper {
	margin: 0 auto;
	min-height: 300px;
	width: 760px;
}

/***** Set the header **************/
#header {
	min-height: 93px;
	background: url(../images/RightFade.jpg) no-repeat top right;
	position: relative;
}

/************** Content Area ********************/
#innerwrapper {
	background: url(../images/contentBG.jpg) repeat-y;
	padding: 1px 0 20px 0;
	position: relative;
}

#leftcol {
	width: 172px;
	min-height: 150px;
	float: left;
	margin: .5em 0 0 19px;
}

/* For a single column display -
Set the left margin to 30px set the width to around 740px and
remove the leftcol div from the xhtml document - You will also
need to re-export the innerwrapper contentBG image without the
column dividing line from the FW png file */
#content {
	width: 530px;
	margin-left: 205px;
	font-size: 80%;
}

#content ul, #content ol {
	margin: 12px 0;
}

#content ul li {
	list-style-type: square;
	list-style-position: inside;
}

#content ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

/********* All floats must be cleared ********/

.clear {
	clear: both;
	font-size: 1px;
}

/************ Footer styles ***************/
#footer {
	min-height: 45px;
	background: url(../images/footerBG.jpg) no-repeat bottom;
	padding-top: 1px;
	clear: both;
}

#innerfooter {
	border-top: 1px dotted #ceb1cf;
	width: 728px;
	margin: 0 auto;
}

#innerfooter p {
	float: right;
	font-size: 70%;
	margin: 5px 5px 0;
	color: #80477e;
}

/********* Headings ****************/

h1, h2, h3 {
  font-size: 125%;
  margin-top: 12px;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

h4, h5, h6 {
	font-size: 105%;
	margin: 8px 0 3px 0;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 95%;
}

p {
	margin: 12px 8px 12px 0;
}

/***** Image floats **************/
.left {
	float: left;
	margin: 5px 10px 2px 0;
}

.right {
	float: right;
	margin: 5px 0 2px 10px;
}
/******** End image floats *********/

/************ Tabbed Navigation *************/

#header ul {
  padding: 8px 6px 0;
  list-style-type: none;
  font-size: 75%;
  position: absolute;
  top: 57px;
  right: 8px;
 }
  
#header li {
  float: right;		
  background: url("/images/right.gif") no-repeat top right;
  padding: 0 3px 0 0;
}
  
#header a {
  float: left;
  display: block;
  background: url("../images/left.gif") no-repeat left top;
  padding: 3px 8px 3px 16px;
  text-decoration: none;
  font-weight: bold;
  color: #ccc;
  margin-right: 2px;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
float: none;
}
/* End IE5-Mac hack */


#header a:hover, #header a:focus, #skip a:hover, #skip a:focus {
  color: #fff;
}
  
#header #current {
  background-image: url("../images/right_on.gif");
}
  
#header #current a {
  background-image: url("../images/left_on.gif");
  color: #663764;
  padding-bottom: 5px;
  padding-top: 4px;
}

/************** End tabbed navigation **********/

/******** Left column navigation *********/
#leftcol ul {
	list-style-type: none;
	margin-top: 10px;
}

#leftcol li {
	background-color: #cbaccb;
	border-bottom: 1px dotted #f7f7f7;
}

#leftcol li a {
	font-size: 80%;
	text-decoration: none;
	color: #5f2f5c;
	display: block;
	padding: 2px 0 3px 2px;
	border-left: 1px solid #e2b0bc;
	
}

/******** apply the here class as a current page marker ******/
#leftcol li a:hover, #leftcol li a:focus,
#leftcol a.here {
	background-color: #80477e;
	color: #fff;
	border-left: 1px solid #562d51;
}

/******** End leftcol navigation **********/