/*** 01 - Body and Frame ***/

body 
	{
	background: #999966 url(images/background.gif) top left no-repeat;
	background: #fff;
	font: 11px verdana, arial, helvetica;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	display:inline;
	}
	
#wrapper 
	{
	width: 778px;
	margin: 0 auto;
  	text-align: left;
	}

/*** 02 - Header ***/

#header 
	{
	height: 277px;
	width: 778px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	background: #ffffff;
	}
  
#header-01-left 
	{
  	float: left;
  	width: 225px;
  	height: 277px;
  	}

	
#header-02-03-long 
	{
  	float: left;
  	width: 553px;
  	height: 277px;
	margin: 0px 0px 0px 0px;
  	}



	
/*** 05 - Content A***/

#content
	{
	width: 778px;
	height: ;
	float: left;
	margin: 0px 0px 0px 0px;
	
	
	
	}
	
#content-inner
	{
	width: 778px;
	height: ;
	float: left;
	margin: 10px 0px 0px 0px;
	
	background: url(images/content-bg.jpg) top left repeat;
	}
	



/*** 05 - Content B***/

#content-inner-01
	{
	width: 309px;
	float: left;
	margin: 0px;
	background: url(images/content-inner-01-bg.jpg) top left repeat;
	}
	
#content-inner-02
	{
	width: 469px;
	float: left;
	margin: 0px;
	background: url(images/content-inner-02-bg.jpg) top left repeat;
	}

#content-inner-01 p
	{
	margin: 10px 10px 0px 15px;
	}
	
#content-inner-01 h3
	{
	margin: 10px;
	font-size: 12px; color: #6699cc; text-decoration:none;
	margin: 0px 10px 0px 10px;
	}

#content-inner-01 h1
	{
	margin: 10px 10px 0px 15px;
	}
	
#content-inner-02 p
	{
	margin: 0px 10px 0px 15px;
	}
	
#content-inner-02 h3
	{
	margin: 10px;
	font-size: 12px; color: #6699cc; text-decoration:none;
	margin: 0px 10px 0px 10px;
	}

#content-inner-02 h1
	{
	margin: 10px 10px 0px 15px;
	}


#content-footer 
	{
	width: 778px;
	height: 7px;
	float:left;
	background: url(images/content-footer.jpg) top left repeat;
	}
	
.object
	{
	margin: 15px 0px 0px 8px;
	}


/*** 05 - Content C***/

#content-inner-c-01
	{
	width: 519px;
	float: left;
	margin: 0px;
	background: url(images/content-inner-c-01-bg.jpg) top left repeat;
	}
	
#content-inner-c-02
	{
	width: 259px;
	float: left;
	margin: 0px;
	background: url(images/content-inner-c-02-bg.jpg) top left repeat;
	}

#content-inner-c-01 p
	{
	margin: 10px 10px 0px 18px;
	}
	
#content-inner-c-01 h3
	{
	margin: 10px;
	font-size: 12px; color: #666666; text-decoration:none;
	margin: 0px 10px 0px 18px;
	}

#content-inner-c-01 h1
	{
	margin: 10px 10px 0px 18px;
	}
	

	
#content-inner-c-02 p
	{
	margin: 0px 10px 0px 15px;
	}
	
#content-inner-c-02 h3
	{
	margin: 10px;
	font-size: 12px; color: #666666; text-decoration:none;
	margin: 0px 10px 0px 15px;
	}

#content-inner-c-02 h1
	{
	margin: 10px 10px 0px 15px;
	}


#content-footer 
	{
	width: 778px;
	height: 7px;
	float:left;
	background: url(images/content-footer.jpg) top left repeat;
	}
	

	
	





/*** 07 - Footer ***/

#footer
	{
	width: 778px;
	height: 25px;
		float: left;
	margin: 10px 0px 0px 0px;
	background-color:#FFFFFF;
	}
	


#footer p 
	{
	margin: 20px 0px 3px 10px;
	text-align:center;
	}


.flash {margin: 10px 0px 10px 20px;}

.examples {margin: 10px 0px 0px 15px;
border: 1px solid #333;}

.examples-large {margin: 0px;
border: 1px solid #333;}

.examples-two {margin: 10px 0px 0px 15px;}
.examples-three {margin: 5px 0px 0px 12px;}

.samples {margin: 0px 0px 0px 10px;
border: 1px solid #333;}	
		


/*** Duct Tape ***/
			
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*** Link Styles ***/

a { color: #003366; text-decoration: underline; }
a:hover { color: #8ab459; text-decoration: underline;}

a.linkfooter:link {text-decoration: underline;}
a.linkfooter:visited {text-decoration: underline;}
a.linkfooter:hover {text-decoration: underline;}
a.linkfooter:active {text-decoration: underline;} 

a.mainpageslinks:link {color: #003366; text-decoration: underline;}
a.mainpageslinks:visited {color: #003366; text-decoration: underline;}
a.mainpageslinks:hover {color: #99CC66; text-decoration: none;}
a.mainpageslinks:active {color: #99CC66; text-decoration: none;}

a.leftnav:link {text-decoration: underline;}
a.leftnav:visited {text-decoration: underline;}
a.leftnav:hover {text-decoration: underline; background-color:#F7F7F7;}
a.leftnav:active {text-decoration: underline;}
 

/*** Type ***/

p {line-height: 1.5em;	margin: 1.2em 0; }

.text {font: 11px verdana, arial, helvetica;}

h1, h2, h3 {font-family: Verdana, Arial, sans-serif;}
h1 { margin-top: 10px; margin-bottom: 10px; font-size: 12px; color: #666666; text-decoration:none;}
h2 { margin-top: 10px; margin-bottom: 10px; font-size: 12px; color: #6699cc; text-decoration:none;}
h3 { margin-top: 5px;  margin-bottom: 10px; font-size: 12px; color: #6699cc; text-decoration:none; }
h4 { margin-top: 10px; margin-bottom: 10px; font-size: 12px; color: #6699cc; text-decoration:underline;}
h6 {font-family: Verdana, Arial, sans-serif; font-size: 11px; margin: .3em; font-style:italic; color:#333333;}

img, a img{ border:0px; margin: 0px;}

.imgone   {margin-right:6px;}
.imgtwo   {margin-bottom:3px;}
.imgthree {margin-right: 10px; margin-bottom: 0px;}

sup {color #000000;}
	
ul 
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

li 
	{
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	list-style-type: none;
	margin-left: 0px; 
	}

.content-image
	{
	margin: 10px 10px 0px 15px;
	border: 1px #ccc solid;
	border-padding: 2px;
	}
	
	
/*** Misc. ***/