* {margin: 0; padding: 0; border: 0;}

/**********  Text styles CSS  **********/

body {text-align: center; 
	background: #fff;
	color: #000;
	min-width: 700px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10pt;}

h1	{font-family:"Trebuchet MS", sans-serif; 
	font-size:20pt;
  color: #6600CC;
	font-weight:normal;
	margin: 1em 0 0;}
	
h1.fiesta {font-family:Jokerman, "Trebuchet MS", sans-serif; 
	font-size:24pt;
  color: #ff9900;
	font-weight:normal;
	margin: 0;}

h2 {font-family:"Trebuchet MS", sans-serif;
   font-size:16pt;
   color: #6600CC;
   font-weight:normal;
   margin: 1em 0 0;}

h3 {font-family:"Trebuchet MS", sans-serif;
   font-size:12pt;
   color: #6600CC;
   font-weight:bold;
   font-style:italic;
   margin: 1em 0 0;}

h4 {font-family:"Trebuchet MS", sans-serif;
   font-size:10pt;
   color: #6600CC;
   font-weight:bold;
   margin: 1em 0 0;}	
	 
h4.highlight {font-size:12pt;
  margin-left:.25in; 
	text-indent:-.25in; 
	margin-bottom:.5em;
	color:#ff9900;}

#centerpad h5 {font-family:"Trebuchet MS", sans-serif;
   font-size:10pt;
   color: #6600CC;
   font-weight:normal;
	 text-decoration: underline;
   margin: 1em 0 0;}
   
p {font-family:"Trebuchet MS", sans-serif; 
	font-size:10pt;
	margin: 0 0 1em;}
	
.red {color:#ff0000;}
.orange {color:#ff9900;}
.green {color:#009900;}
.purple {color:#6600cc;}
.blue {color:#0000ff;}
.graylight (color:#D3D3D3;) 
.graydark (color:#A9A9A9;)

.bold-italic {font-weight: bold;
						 font-style: italic;
						 color: #009900;}

.indentleft {margin-left: 3em;}
.indentboth {margin: 0 3em 1em;}
.topborder {border-top: 1px solid #C55205;}
.bottomborder {border-bottom: 1px solid #C55205;}
.bordered {border-top: 1px solid #C55205; 
	border-bottom: 1px solid #C55205; 
	margin: 1em auto;}

img.right {float:right;
  margin-left:10px;}
	
#centerpad ul {margin: 0 2em 1em;
	list-style-position: outside;
	list-style-type:square;}

#centerpad ul ul {list-style-type:circle; margin-bottom:0;}
#centerpad ul ul ul {list-style-type:disc; margin-bottom:0;}

#centerpad ol {margin: 0 2em 1em;
  list-style-position: outside;}
#centerpad ol.alpha {list-style-type:lower-alpha;}
#centerpad ol.num {list-style-type:decimal;}
	
#centerpad li {margin-bottom: 0;
	font-family:"Trebuchet MS", sans-serif; 
	font-size:10pt;}
	
#centerpad ul.event li {margin-bottom: 1em;}

div.centered {text-align: center;}
div.centered table {margin-left: auto;
	margin-right: auto;
	text-align: left;}

td
	{padding: 5px 10px;
	text-align: left;
	font-family:"Trebuchet MS", sans-serif; 
	font-size:10pt;
	vertical-align:top;
	}
td.pad
	{padding: 5px 20px;
	text-align: center;
	vertical-align:middle;
	}
	
table.ledger {
  border: 1px solid #C55205; 
	border-collapse:collapse; 
	margin:1em;
	}
table.ledger td
	{padding: 5px;
	text-align: left;
	border:1px solid #C55205;
	}

caption
  {padding: 5px 10px;
	text-align:center;
	font-family:"Trebuchet MS", sans-serif; 
	font-size:12pt;
	font-weight:bold;
	}	
th
	{padding: 5px 10px;
	text-align:left;
	font-family:"Trebuchet MS", sans-serif; 
	font-size:10pt;
	font-weight:bold;
	vertical-align:top;
	}
th.row
	{text-align:left;
	font-weight:normal;
	font-style:italic;
	}
th.col
	{text-align:left;
	font-weight:bold;
	}
	
	
.code_example
	{margin:1em 2em;
	padding:5px;
	border:1px solid black;
	background:#eeeeff;
	font-family:courier, monospace;
	font-size:10pt;
	}

#centerpad a:link {color:#0000ff;
	text-decoration:none;}
#centerpad a:visited {color:#0000ff;
	text-decoration:none;}
#centerpad a:hover {color:#0000ff;
	text-decoration:none;
	background:#cceeff;}
#centerpad a:active {color:#0000ff;
	text-decoration:none;
	background:#cceeff;}
	
#footer a:link {color:#0000ff;
	text-decoration:none;}
#footer a:visited {color:#0000ff;
	text-decoration:none;}
#footer a:hover {color:#0000ff;
	text-decoration:none;
	background:#cceeff;}
#footer a:active {color:#0000ff;
	text-decoration:none;
	background:#cceeff;}
	
form#feedback {
	margin-top: 1em;
	border-top: 1px solid #c55205;
	border-bottom: 1px solid #c55205;
	width: 500px;
	padding: 10px;
	}

#feedback label {
	font-family:"Trebuchet MS", sans-serif; 
	font-size:10pt;
	}

#feedback .rt {
	text-align:right;
	}

#feedback .textinput {
	border: 1px solid #c55205;
	margin: 2px 10px;
	width: 250px;
	}

#feedback .textblock {
	border: 1px solid #c55205;
	margin: 2px 10px;
	width: 480px;
	}

#feedback .dropdown {
  border: 1px solid #c55205;
	margin: 2px 10px;
	width: 250px;
	}
#feedback .dropdown option {
  padding-left: 3px;
	}	

#feedback .check {
  border: 1px solid #c55205;
	margin: 2px 10px;
  }
	
#feedback .button {
	font-family:"Trebuchet MS", sans-serif; 
	font-size:10pt;
	background-color: #c55205;
	color: #ffffff;
	margin: 2px 10px;
	}
#feedback .button:hover {
	background-color: #ff6a06;
	color: #ffffff;
	}
	
/**********  Layout CSS  **********/

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper 
	{background: #fff url(/images/bg-left.gif) repeat-y 0 0;
	text-align: left;
	width: 100%;
	margin: 0 auto;}

#header, #footer 
	{clear: both; 
	width: 100%;}

#header 
	{background: #aa0000 url(/images/bg-head.jpg) no-repeat 100% 0;
	border-bottom: 3px double #C55205; 
	text-align:center;
	display:table; 
	height: 100px; 
	overflow: hidden;} 

#header div.bottom
	{display:table-cell;
	vertical-align:bottom;
	padding-top:25px;
	padding-bottom:5px;}
	
#header h1
	{font-family:"Trebuchet MS", sans-serif; 
	color: #fff;
	font-size:28pt;
	font-weight:bold;
	margin:0;}

#header h2
	{font-family:"Trebuchet MS", sans-serif; 
	color: #fff;
	font-size:14pt;
	font-weight:bold;
	font-style:italic;
	margin:0;}
	
#header a
	{color: #fff;
	text-decoration: none;}

#footer 
	{background: #fff;
	color: #000;
	padding: 5px 0;
	border-top: 3px double #C55205;
	text-align: center;}

#contentfloatholder /* right faux column tab */
	{float: left;
	background: url(/images/bg-sun.gif) no-repeat 100% 0;
	width: 100%;
	position: relative;}

#contentfloatholder:after /* this is for NN6 to clear floats */
   {content: "."; 
   display: block; 
	height: 0px;
   clear: both; 
   visibility: hidden;}

#centerpad 
	{margin: 0 0 0 215px;
	padding: 5px 20px;}

#center 
	{float:left;
	width: 100%; 
	margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
	}

#left /* this will be the nav bar */
	{float:left;
	width: 215px;
	margin: 0 0 0 -5%;
	padding: 0;} 

/************* IE Mac CSS Only  works for Win too **************/
* html div#center {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}


/********** Popout Menu CSS **********/

#menu {width: 215px;}

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h5 {
font: bold 10pt "Trebuchet MS", sans-serif;
display: block;
border: none;
margin: 0;
padding: 0px 5px;
}

#menu h5 {
color: #000;
background: url(/images/bg-left.gif);
margin-top: .5em;
}

#menu a {
color: #00f;
background: url(/images/bg-left.gif);
text-decoration: none;
padding-left: 10px;
/* border: 1px solid #a00; */
}

#menu a:hover {
color: #a00;
background: url(/images/bg-left.gif);
padding-left:10px;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu a.x, #menu a.x:visited{
background: url(/images/bg-expand.gif) no-repeat center right;
}

#menu a.hl, #menu a.hl:visited{
color: #a00;
/** background: url(/images/bg-hl.gif); **/
}

/********** End Popout Menu CSS **********/
<!-- EXAMPLE PADDING COMMANDS
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

•padding:25px 50px 75px 100px; 
?top padding is 25px
?right padding is 50px
?bottom padding is 75px
?left padding is 100px


•padding:25px 50px 75px;
?top padding is 25px
?right and left paddings are 50px
?bottom padding is 75px


•padding:25px 50px;
?top and bottom paddings are 25px
?right and left paddings are 50px


•padding:25px;
?all four paddings are 25px
-->