
/* 	13133D - Dark blue
	22228B - light blue
	FFDDAA - mid pale yellow
*/

	BODY {		padding: 0px; margin: 0px;
			background-color: #13133D;
			background-image: url('../../images/Blue_BG2.gif');
			background-position: top center;
			background-repeat: repeat-y;
			text-align: center;
			font-family: Gill Sans MT, Arial
			}
			
	H1 {		font-size: 20px; color: #666;
			margin-top: 3em;
			}

	H1.attop {
			margin-top: 0.2em;
			}

	H2 {		font-size: 18px; color: #666;
			margin-top: 1.5em;
			}

			
	P {		 }
	P:first-letter {	font-size: x-large; }

	IMG { border-width: 0px }

	
	.lf {	margin-right: 200px; }
	.rt {	margin-left : 200px; }


/* ^^^==== TOP ====^^^ */	
			
			
	#header { 	position: relative;
			/*height: 198px;*/
			width: 780px; margin: 0px auto 0px auto;
			border-bottom: 12px solid #13133D;
			/*background-color: #22228B; 
			background-image: url('../../images/Feenix_Logo_Banner_F1.gif');*/
			background-repeat: no-repeat;
			text-align: left;
			
			}
	#mainlogo {	margin-top: 50px; float: left; }
			
	#header .subtitle {	
				float: left;
				width: 230px; margin: 0px 10px 0px 10px; padding-top: 135px;
				color: white; 
				font-weight: bold; font-style: italic;
				}

	UL.toplinks { 		position: absolute; bottom: 148px; right: 0px;
				margin: 0px; padding: 0px; float: right; font-size: 80%;
				padding-top: 0px; }

	UL.toplinks LI { 	padding-bottom: 0.5em; display: block; text-align: right }

	UL.toplinks A { 	color: white; }
	UL.toplinks A:hover {	background: #13133D; }

	div.topgraphic {	width: 780px; height: 130px; clear: both;
				border-top: solid 12px #13133D; margin-top: 6px;
				background-position: center center; opacity: 0.8
				}


	
/* ======== MAIN MENU ========= */
		
	
	#mainmenu {	display: block; 
			width: 780px; height: 45px;
			margin: 0px auto; padding: 0px; 
			background-image: url('../../images/Salmonfade_50sq.gif');
			background-color: #F96;

			list-style-type: none;
				}
	#mainmenu LI {	display: block; margin: 0px; padding: 0px; 
			float: left;

				}
	#mainmenu A {		display: block; 
				width: 118px; height: 23px;
				padding: 10px 5px;
				border: solid 1px transparent;
				color: black;
				font-size: 16px;
				text-decoration: none; font-weight: bold;
				outline: none;
				
				}
	#mainmenu A.selected { background: white; }
	#mainmenu A:hover {					
				border: solid 1px #13133D;
				background: #13133D;
				color: white;
				}
	#mainmenu A:active {
				background: white;
				color: black;
				border: solid 1px #13133D;
				
				}

	
/* PAGE AND FOOTER */
			
	#pagebody {		width: 680px; margin: 0px auto;
				padding: 2em 50px 4em 50px;
				text-align: left; 
				background: white;
				}
	#footer {		padding-top: 90px; margin-bottom: 3em;
				background: url('../../images/PageBottom_Shadow1.png') top center no-repeat;
				font-size: 80%; color: white; }
	#footer A {		color: white; text-decoration: none; }
	#footer A:hover {	text-decoration: underline; background: #13133D; }

	.updatedate {	width: 100%; position: relative; top: 2em;
			text-align: center;
			color: #999; font-size: 80%;
			}


/* OTHER */


	.tip {
		width: 60%; padding: 1em 1em 2em 1em; margin: 3.5em 20% 1.5em 20%;
		border: solid 1px #333;
		background: #930; color: white;
		font-style: italic;
		border-radius: 1em;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		}

	UL.contacts LI {
		width: 50%;
		border: solid 1px transparent;
		display: block; padding: 0.5em 1em 1em 1em;

		border-radius: 1em 1em 0.4em 0.4em;
		-webkit-border-radius:  1em 1em 0.4em 0.4em;
		-moz-border-radius:  1em 1em 0.4em 0.4em;

		}

	UL.contacts LI:hover {
		border: solid 1px #bbb;
		}

	UL.contacts LI SPAN {
		display: block;
		}

	UL.contacts LI SPAN.name {
		font-size: large; font-weight: bold;
		}

	LI.in { margin-left: 50%; }



	A.awardsbutton {
		display: block; width: 130px; height: 50px;
		padding: 90px 10px 10px 10px;
		border: solid 1px transparent;
		margin: 2px 2px 1em 1em;
		float: right;  
		text-align: center; color: black;
		background-image: url('../../images/AwardButton.jpg');
		background-position: center center;
		}

	A.awardsbutton:hover {
		background-image: url('../../images/AwardButton_hover.jpg');
		}

	A.awardsbutton:active {
		border: solid 1px #13133D;
		}

