/* general format */

	a, 
	a:link, 
	a:visited {
		color: #00C;
		text-decoration: none;
		}

	a:active, 
	a:hover  { 
		color: #00C;  
		text-decoration: underline;
		}

	h1 {
		margin: 0;
		font-family: helvetica, verdana, arial, sans-serif;	
	 	font-size: 28px;
	  	line-height: 32px;
	  	font-weight: normal;
		}
		
	h3 {
		margin: 0;
    		font-size: 24px;
    		line-height: 28px;
	  	font-weight: normal;
		}		
	
    	p {
    		margin: 0 0 15px 0;
		font-size: 13px;
		line-height: 22px;		
		}	
	
	img {
		border-style: none;
		}

	.floatleft {
		float: left;
		margin: 0;
		padding: 0 15px 10px 0;
		}
		
	.floatright {
		float: right;
		margin: 0 0 5px 15px;
		padding: 0;
		}		
		
	span.caption {
		font-size: 12px;
		}
		
	span.subhead {
		color: #777;
		font-weight: normal;
		font-size: 11px;
		line-height: 17px;
		font-style: italic;
		}
		
	span.byline {
		font-size: 11px;
		line-height: 14px;
		color: #777;
		}		
		
	span.icon {
		padding: 2px 4px 2px 4px;
		font-size: 11px;
		background: #f3f5f3;
		color: #777;
		text-transform: uppercase;
		border: 1px solid #bbb;
		}
		
	span.smalltext {
		font-size: 11px;
		}
	
	span.date {
		border: 0px;
		font-size: 10px;
		color: #333;
		font-style: italic;
		}

	hr.date	{
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		border-bottom: 1px solid #999;
		}
			
  	p.firstline:first-line { 
  		font-weight: bold;
  		}
  		
/* general structure */

	body {
		margin: 0 0 0 8px;
		padding: 0;
		font-family: Arial,Verdana, Helvetica, sans-serif;
    		background: #fff;
    		color: #333;
		}
	
	#flag {
		margin: 0;
		padding: 8px 0 2px 0;
		background: #fff;
		}

	#wrapper {
 		width: 935px;
		margin-top: 15px;
		padding: 0 20px 20px 20px;
    		border-left: 1px solid #000;
    		border-right: 1px solid #000;
    		border-top: 5px solid #000;
    		border-bottom: 5px solid #000;
    		overflow: hidden;
    		}
    		
    	#header {
		margin: 0;
     		padding: 7px 10px 10px 0;
    		}
 
 	#menu {
 		width: 935px;
 		margin: 0;
    		padding: 15px 0 15px 0;
		font-size: 12px;
		color: #777;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}

	#menu form {
		display: inline;
		padding: 0 0 0 40px;
		}

   	.titlebar {
   		margin: 0;
     		padding: 15px;
		font-size: 16px;
		background: #fff url(../graphics/bg_gradient.gif) bottom repeat-x;
		color: #777;
		font-weight: bold;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
    		}		
    
	#footer {
    		clear: both;
    		padding: 15px 0 15px 0;
    		font-size: 9px;
    		line-height: 12px;
    		text-align: center;
    		}
  
/* main box */

	.mainbox {
		margin: 0;
		padding: 15px 25px 25px 25px;
		color: #555;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}

/* cover page */		

	.cover {
		margin: 14px 0 0 0;
		width: 100%;
		}

	.cover-left {
		float: left;
		width: 328px;
		padding: 15px 20px 15px 20px;
		background: #fff url(../graphics/bg_cover-left.gif) top repeat-x;
		color: #333;
		font-family: Arial,Verdana, Helvetica, sans-serif;
		border: 1px solid #ddd;
		}
		
	.cover-left p {
		margin: 0 0 20px 0;
		font-size: 13px;
		line-height: 25px;
		}
	
	.cover-right {
		float: right;
		width: 550px;
		}
		
	.cover-item {
		padding: 0 0 10px 0;
		}
		
	.cover-item table {
		width: 550px;
		padding: 0;
		font-size: 12px;
		border-collapse: collapse;
		}
		
	.cover-item th {
		padding: 2px 0 2px 0;
		font-weight: normal;
		text-transform: uppercase;
		background: #fff url(../graphics/bg_cover-left.gif) top repeat-x;
		color: #777;
		font-size: 10px;
		text-align: left;
		}
		
	.cover-item td {
		padding: 3px 7px 3px 0;
		border-bottom: 1px solid #ddd;
		}
		
	.cover-item td.special-links {
		padding: 14px 0 5px 0;
		font-size: 16px;
		font-weight: bold;
		color: #bbb;
		border: 0;
		}		

	.cover-item td.special {
		padding: 12px 0 0 0;
		border: 0;
		}
		
	.cover-item h1 {
		margin: 0;
		padding: 0 0 0 6px;
		font-size: 16px;
		background: #ddd;
		color: #666;
		}
		
	.cover-item img {
		padding: 2px;
		border: 1px solid #ddd;
		}

 /* service member table */	

	table.sortable {
		width: 100%;
		border-collapse: collapse;
		background: #fff;
		color: #333;
		font-size: 12px;
		border: 1px solid #ddd;
		}

	.sortable thead th {
		padding: 5px;
		background: #fff;
		border-bottom: 3px solid #333;
		text-align: left;
		}

	.sortable tbody td {
		padding: 5px;
		border: 1px solid #ddd;
		text-align: left;
		}

	.sortable img {
		padding: 2px;
		border: 1px solid #ddd;
		}
		
	.explanation {
		font-size: 11px;
		color: #777;
		text-align: left;
		}
		
/* bio boxes */

	.biobox {
		margin: 20px 160px 0 160px;
		padding: 20px 40px 40px 40px;
		line-height: 24px;		
		color: #555;
		border: 1px solid #ddd;
		}
		
    	.biobox h2, 
    	.biobox h3 {
    		margin: 0 0 15px 0;
    		padding: 0 0 3px 0;
    		font-size: 24px;
    		line-height: 28px;
		font-weight: normal;
		color: #333;
		border-bottom: 1px solid #ddd;  
    		}
    	
    	.biobox h3 {
    		margin: 0 0 5px 0;
    		font-size: 16px;
    		line-height: 24px;
    		color: #555;
    		border: 0;
    		}
    	
    	.biobox-inner {
    		margin: 0 0 8px 0;
		padding: 20px 20px 20px 20px;
		background: #f9f9f9;
		color: #333;
		font-size: 12px;
		line-height: 17px;		
		border: 1px solid #ddd;
		}
    	
    	.biobox .floatleft img {
    		margin: 0;
    		padding: 3px;
    		border: 1px solid #ddd;
    		}
    		
    	.biobox .caption {
    		color: #777;
    		font-style: italic;
    		}
    	
/* story boxes */

	.storybox {
		margin: 20px 150px 0 150px;
		padding: 20px 40px 40px 40px;
		color: #555;
		line-height: 24px;
		border: 1px solid #ddd;
		}
		
    	.storybox h1,
    	.storybox h2 {
    		margin: 40px 0 7px 0;
    		padding: 0 0 3px 0;
    		font-size: 26px;
    		line-height: 32px;
		font-weight: normal;		
		color: #333;
		border-bottom: 1px solid #ddd;  
    		}
    		
    	.storybox h2 {
    		margin: 40px 0 5px 0;
    		padding: 0 0 1px 0;
    		font-size: 18px;
    		}
    		
    	.storybox-header {
    		margin: 15px 0 0 0;
    		padding: 20px;
    		background: #eee;
    		}
    		
    	.storybox-header h3 {
    		margin: 0 0 8px 0;
    		}
    		
    	.pagelinks {
    		font-size: 18px;
    		color: #999;
    		text-align: right;
    		}
  
 /* contact form */	

	.contactform {
		margin: 0 0 10px 0;
		padding: 20px 0 20px 20px;
		position: static;
		overflow: hidden;
		border: 1px solid #ddd;
		}
		
/* special features menu */		

	.specialmenu {
		width: 800px;
		padding: 0;
		margin: 0;
		overflow: hidden;
		}
		
	/* special features index */

	.menu-left {
		float: left;
		margin: 0;
		padding: 5px;
		border: 1px solid #ddd;
		}
	
	.menu-right {
		margin: 0 0 0 340px;
		padding: 45px 0 20px 0;
		line-height: 24px;
		}
		
	/* special features graphicbox */

	.specialmenu .graphicbox {
		width: 250px;
		float: left;
		margin: 0 35px 110px 0;
		padding:10px;
		border: 1px solid #ddd;
		text-align: center;
		}
		
	.specialmenu .item {
		padding: 10px 0 10px 0;
		background: transparent url(../graphics/bg_line.gif) left bottom no-repeat;
		}
		
	/* special features styles */	

	.specialmenu h1, h2 {
		margin: 10px 0 0 0;
		color: #000;
		font-size: 35px;
		line-height: 42px;
		font-family: helvetica, verdana, arial, sans-serif;	
	  	font-weight: normal;
		}
		
	.specialmenu h2 {
		font-size: 45px;
		line-height: 55px;
		}

/* features popup layout */

	#popup {
		margin: 0;
		padding: 10px 0 0 0;
		background: #fff;
		text-align: center;
		}
		
	#popup h1 {
		margin: 0 0 10px 0; 
		font-size: 16px;
		display: inline;
		text-align: left;
		}
	
	.popupheader {
		width: 676px;
		margin: 0 auto 5px auto;
		padding: 3px 10px 3px 10px;
		font-family: helvetica, verdana, arial, sans-serif;
		font-size: 12px;
		color: #999;
		border: 1px solid #ddd;
		text-align: left;
		}
		
	.popupheader h2 {
		margin: 0 45px 0 0;
		display: inline;
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		}

	#popup .textbox {
		width: 656px;
		margin: 5px auto 20px auto;
		padding: 20px;
		background: #fff;
		text-align: left;
		border: 1px solid #ddd;
		}
		
	#popup .textbox h1 {
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		font-size: 18px;
		line-height: 24px;
		font-weight: normal;
		background: transparent url(../graphics/bg_line.gif) left bottom no-repeat;
		display: block;
		}

/* End */
