/* CSS for WD8RIF's Amateur Radio site */


/* set link styles */

	a:link	
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: green;
			text-decoration: underline;
		}

	a:visited
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: #4b4b4b;
			text-decoration: underline;
		}


	a:hover	
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: black;
			text-decoration: underline;
		}


	a:active
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: #4b4b4b;
			text-decoration: underline;
		}



	a:link.small_link	
		{
			font-size: 8pt; 
			font-family: arial, verdana, sans-serif;
			color: #006f51;
			font-weight: 400;
			text-decoration: underline;
		}

	a:visited.small_link
		{
			font-size: 8pt; 
			font-family: arial, verdana, sans-serif;
			color: #006f51;
			font-weight: 400;
			text-decoration: underline;
		}

	a:hover.small_link	
		{
			font-size: 8pt; 
			font-family: arial, verdana, sans-serif;
			color: black;
			font-weight: 400;	
			text-decoration: underline;
		}

	a:active.small_link
		{
			font-size: 8pt; 
			font-family: arial, verdana, sans-serif;
			color: #006f51;
			font-weight: 400;
			text-decoration: underline;
		}		


	a:link.color-bar	
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: black;
			text-decoration: underline;
		}

	a:visited.color-bar
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: #4b4b4b;
			text-decoration: underline;
		}


	a:hover.color-bar	
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: green;
			text-decoration: underline;
		}


	a:active.color-bar
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			color: #4b4b4b;
			text-decoration: underline;
		}


/* set font style & size */

	div, p, td 
		{
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
		}


	p#small	
		{
			font-size: 8pt; 
			font-family: arial, verdana, sans-serif;
		}

	div#small	
		{
			font-size: 8pt; 
			font-family: arial, verdana, sans-serif;
		}

	.small	
		{
			font-size: 8pt; 
			font-family: arial, verdana, sans-serif;
		}

/* define drop caps */

	.dropcap
		{
			float: left;
			font-size: 55px;
			line-height: 40px;
			padding-top: 2px;
			font-family: arial, verdana, sans-serif;
		}


/* set background colors */

	body	
		{
			background-color: #ffffff;	/* white      */
		}

	table#from_manual
		{
			background-color: #eeeeee;	/* light grey */
			padding: 10px;
		}

	div#from_manual
		{
			background-color: #eeeeee;	/* light grey */
			padding: 10px;
		}

	p#from_manual
		{
			background-color: #eeeeee;	/* light grey */
			padding: 10px;
		}


/* set color-bar color, font style and size, & bar size */ 

	table#green-bar			/* can be deleted once all green-bars are re-done */
		{
			font-size: 12pt; 
			font-family: arial, verdana, sans-serif;
			background-color: #22BB6A;
		}

	div#green_bar_left
		{
			background-color: #22BB6A;
			padding: 1px;
			float: left; 
			width: 490px; 
			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
		}

	div#green_bar_right
		{
			background-color: #22BB6A;
			padding: 1px;
`			font-size: 10pt; 
			font-family: arial, verdana, sans-serif;
			text-align: right;
		}

/* set Note colors & formatting */

	.note
		{
			background-color: #22BB6A;
			text-align: left;
			padding: 10px;
		}

/* define content-area widths */

	#container				/* needed because IE doesn't understand 'auto' margins */
						/* hack from http://flumpcakes.co.uk/css/center-div-ie */
		{
			margin: 0 auto;  	/* align for good browsers                             */
			text-align: left; 	/* counter the body center                             */
			width: 600px;
		}

	body
		{
			text-align: center; 	/* for IE */
		}

/* define content-area text-alignment */

	.content
		{
			text-align: left;
		}

/* define alignment of menus */

	.menu
		{
			text-align: center;
		}

/* define alignment of adverts */

	.adverts
		{
			text-align: left;
		}

/* define alignment of header-graphics */

	#header_graphic
		{
			text-align: center;
		}

/* define alignment of counter-graphic and text */

	#counter
		{
			text-align: center;
			margin-left: 500px;
		}

/* define alignment of copyright statement */

	#copyright_left
		{
			float: left; 
			width: 530px; 
		}

