/* Generic styling */
body		{	background : #003333 ;
			color : #cccc99 ; }

hr		{	color : #000000 ;
			background-color : #000000 ; }

h1		{	color : #ffff99 ; }

h2		{	color : #ffff99 ; }

h3		{	color : #ffff99 ; }

h4		{	color : #ffff99 ; }

h5		{	color : #ffff99 ; }

h6		{	color : #ffff99 ; }

code		{	color : #cccccc ; }

pre		{	color : #cccccc ;
			border : 1px dashed #cccccc ; }


input, select, textarea	{  }

textarea.code	{	background : #003333 ;
			color : #cccccc ; }

input.code	{	background : #003333 ;
			color : #cccccc ; }


/* Page layout styling */
#Content a img	{	border : 1px solid #cc9933 ; }


/* Content photo/caption styles */
p.caption img	{	border : 1px solid #cc9933 ; }

p.caption	{	color : #ffffff ; }

p.CaptionRight, p.CaptionLeft	{	
			color : #ffffff ;
			background : #000000 ; }

p.pull		{	background-color : #000000 ;
			color : #ffffff ; }


/* Subnavigation styles */
#Navigation strong		{	color : #ffff99 ; }


#Navigation li a		{	background-color: transparent ;
					color: #cc9933 ; }

#Navigation li a:hover		{	background-color: #336666;
					color: #cccc99; }

#Navigation li a.selected	{	background-color: #666666 ;
					color: #ffffff ; }

#Navigation li a.selected:hover {	background-color: #666666 ;
					color: #ffffff ; }



/* 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 ; }

table.data td	{	border-right : 1px solid #000000 ;
			border-bottom : 1px solid #000000 ; }

table.data th	{	background-color : #000000 ;
			color : #cccc99 ;
			border-right : 1px solid #003333 ;
			border-bottom : 1px solid #000000 ; }


/* All link styles */
a:link		{	color : #cc9933 ; }

a:visited	{	color : #999999 ; }

a:hover		{	color : #ff0000 ; }


#Navigation p.selected a:link	{
			color : #ffffff ;
			background : #666666 ; }

#Navigation p.selected a:visited	{
			color : #ffffff ;
			background : #666666 ; }

#Navigation p.selected a:hover	{
			color : #ffffff ;
			background : #666666 ; }