/* Generic styling */
body		{	font-family : Verdana, Arial, Helvetica, sans-serif ;
			margin : 0px ; }

b, strong	{	font-weight : bold ; }

cite		{	font-style : normal ; }

i, em		{	font-style : italic ; }

u		{	text-decoration : underline ; }

hr		{	height : 1px ;
			border : 0px ; }

h1		{	font-family : Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-weight: bold ;
			font-size : 170% ;
			padding-bottom : 0px ;
			margin-bottom : -15px ;
			letter-spacing : 2px ;
			background : transparent ; }

h2		{	font-family : Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-weight: bold ;
			font-size : 150% ; }

h3		{	font-family : Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-weight: bold ;
			font-size : 140% ; }

h4		{	font-family : Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-weight: bold ;
			font-size : 120% ; }

h5		{	font-family : Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-weight: bold ;
			font-size : 120% ;
			margin-left : 10px ; }

h6		{	font-family : Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-weight: bold ;
			font-size : 120% ;
			margin-left : 20px ; }

code		{	font-family : Courier, "Courier New", fixed-width, monospace ;
			font-size : 80% ; }

pre		{	font-family : Courier, "Courier New", fixed-width, monospace ;
			font-size : 80% ;
			line-height : 140% ;
			clear : both ;
			overflow : auto ;
			/* The following is a hack to make it work in N6 and is, sadly, not compliant */
			/*overflow-x: auto;*/
			/*overflow-y: visible;*/
			width : 98% ;
			padding : 5px 5px 25px 5px ; }

td		{	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-size : 90% ; }

form		{	margin : 0px ; }

input, select, textarea	{ 
			font-family : Arial, Helvetica, sans-serif ;
			font-size : 11px ;
			margin-top : 3px ;
			margin-bottom : 3px ; }

textarea.code	{	font : 110% Courier New, Courier, fixed width ; }

input.code	{	font : 110% Courier New, Courier, fixed width ; }





/* Page layout styling */
#Navigation	{	z-index : 1 ;
			position : absolute ;
			width : 190px ;
			left : 0px ;
			top : 0px ;
			background : transparent ;
			font-family : Verdana, Arial, Geneva, Helvetica, sans-serif ;
			font-size : 70% ;
			line-height : 155% ;
			padding : 0px ; }


#Header		{	position : relative ;
			margin-right : 0px ;
			margin-left : 190px ;
			top : 0px ;
			background : transparent ;
			font-size : 70% ;
			padding : 0px 10px 0px 20px ; }

#Footer		{	z-index : 1 ;
			position : relative ;
			margin-right : 0px ;
			margin-left : 190px ;
			top : 0px ;
			background : transparent ;
			font-size : 70% ;
			padding : 10px 10px 25px 20px ; }


#Content	{	position : relative ;
			top : 0px ;
			margin-bottom : 0px ;
			margin-left : 190px ;
			margin-right : 0px ;
			background : transparent ;
			font-size : 90% ;
			line-height : 180% ;
			padding : 0px 10px 0px 20px ; }




/* Header Styles */
#Header p	{	margin : 5px 0px 10px 0px ; }





/* Footer Styles */
#Email		{	float : left ; }

#ToTop		{	float : right ; }




/* Content photo/caption styles */
#Content p.caption	{	clear : both ;	}

/*#Content p:first-line	{	text-transform : uppercase ;					*/
/*				font-size : 11px ; }						*/

/*#Content p:first-letter 	{	text-transform : uppercase ;				*/
/*				font-size : 36px ;						*/
/*				font-family : Georgia, "Times New Roman", Times, serif ;	*/
/*				font-style : italic ;						*/
/*				float : left ; }						*/



p.caption img	{	clear : both ;
			float : left ;
			margin : 0px 10px 0px 0px ; }

p.caption	{	clear : both ;
			margin : 10px 40px 20px 40px ;
			font-size : 80% ;
			line-height : 150% ;
			text-transform : none ;
			background : transparent ; }

p.CaptionRight, p.CaptionLeft	{	
			font-size : 80% ;
			line-height : 150% ;
			text-transform : none ;
			padding : 8px ; }


p.CaptionRight img	{
			position : relative ;
			z-index : 3 ;
			clear : both ;
			float : right ;
			margin : 0px 0px 0px 10px ; }

p.CaptionLeft img	{
			position : relative ;
			z-index : 3 ;
			clear : both ;
			float : left ;
			margin : 0px 10px 0px 0px ; }

p.pull		{	float : right ;
			width : 160px ;
			margin : 25px 10px 10px 10px ;
			padding : 5px ;
			font-size : 90% ;
			line-height : 150% ; }

p.pull a img	{	border : 0px ;
			padding : 5px ;
			display : block ;
			background : #000000 ; }




/* Subnavigation styles */
#Navigation p			{	display : block ;
					margin : 20px 5px 0px 5px ;
					background : transparent ; }

#Navigation ul			{	list-style: none ;
					margin: 0px ;
					padding: 0px ;
					border: none ; }

#Navigation li 			{	margin-top: 1px ; }

#Navigation li a		{	display: block ;
					padding: 5px 5px 5px 0.5em ;
					text-decoration: none ;
					width: 100% ; }

html>body #Navigation li a	{	width: auto ; }

#Navigation li a.selected	{	display: block ;
					padding: 5px 5px 5px 0.5em ;
					text-decoration: none ;
					width: 100% ; }

#Navigation form		{	margin-left: 5px ; }


/* All data tables are affected by this, but you must class the table tags */
table.data	{	border-top : 1px solid #000000 ;
			border-left : 1px solid #000000 ;
			margin : 5px 10px 10px 10px ;
			padding : 0px ; }

table.data td	{	font-family : Verdana, Arial, Helvetica, sans-serif ;
			font-size : 80% ;
			padding : 4px 8px 4px 8px ; }

table.data th	{	font-family : Verdana, Arial, Helvetica, sans-serif ;
			font-size : 90% ;
			font-weight : bold ;
			line-height : 120% ;
			padding : 4px 8px 4px 8px ; }

.right		{	text-align : right ; }

.left		{	text-align : left ; }

.FloatLeft	{	float : left ; }

.FloatRight	{	float : right ; }

.clearBoth	{	clear : both ; }

.W3Cbadges	{	padding : 10px ;
			text-align : center ; }

p.date		{	padding-top : 0px;
			font-size : 80% ; }

.PrintOnly	{	display : none ; }


/* All link styles */
a:link		{	text-decoration : underline ;
			background : transparent ; }

a:visited	{	text-decoration : underline ;
			background : transparent ; }

a:hover		{	text-decoration : underline ;
			background : transparent ; }


#Navigation p.selected a:link	{
			text-decoration : none ; }

#Navigation p.selected a:visited	{
			text-decoration : none ; }

#Navigation p.selected a:hover	{
			text-decoration : none ; }