/* Stylesheet for index.php */


/* COLORS

blue: #0000a8
light blue: #52ffff
teal: #00a8a8
gray: #a8a8a8
yellow: #ffff55

*/


/* RESET */

ul						{ list-style: square outside; }
ol						{ list-style: decimal outside; }
a						{ outline: none; text-decoration: none; color: white; }
a:hover					{ text-decoration: none; background: #a8a8a8 ; color: #0000a8; }
a img					{ border: none; background: none; }
img						{ vertical-align: middle; border: 0; }
table					{ border-collapse: collapse; }


/* WP ALIGNMENT */

img.alignright		 	{float:right; margin:0 0 1em 1em}
img.alignleft 			{float:left; margin:0 1em 1em 0}
img.aligncenter 		{display: block; margin-left: auto; margin-right: auto}
a img.alignright 		{float:right; margin:0 0 1em 1em}
a img.alignleft 		{float:left; margin:0 1em 1em 0}
a img.aligncenter 		{display: block; margin-left: auto; margin-right: auto}


/* UTILITY */			

.floatright				{ float: right; position: absolute; right: 0; }
.floatleft				{ float: left; position: absolute; left: 0; }
.clear					{ clear: both; }


/* STRUCTURE */

html, body				{ margin: 0; padding: 0; }
body					{ background: black; font-size: 14px; 
						  font-family: "Courier"; color: white; }

#container				{ width: 640px; margin: 30px auto; background: #a8a8a8 url(images/indexbg.gif);
						  min-height: 462px; padding-top: 10px; }
#header					{ margin: 15px 0 0 10px; }
#nav					{ margin-left: 10px; }
#contactbox				{ margin: 60px 0 17px 10px; text-align: center; }
#footer					{ clear: both; background: #00a8a8; color: white; height: 16px; text-align: right; }


/* TYPGROGRAPHY */

p						{ padding: 0 15px; }
h1, h2					{ font-size: 14px; text-transform: uppercase; border-bottom: 3px double #a8a8a8;
						  font-family: "Courier New"; text-decoration: none; padding: 10px 3px 0 3px;
						  margin: 6px -3px; display: inline; }
						  

/* INDEX NAV */

#nav					{ margin: 20px auto 0; padding: 0; width: 302px; }
#nav a					{ text-decoration: none; margin: 0; padding: 0; }
.navtext				{ visibility: hidden; margin: 0; padding: 0; }
#indexnav1				{ height: 21px; background: url(images/indexnav/indexnavA_01.png) no-repeat; }
#indexnav2				{ height: 17px; background: url(images/indexnav/indexnavA_02.png) no-repeat; }
#indexnav3				{ height: 18px; background: url(images/indexnav/indexnavA_03.png) no-repeat; }
#indexnav4				{ height: 18px; background: url(images/indexnav/indexnavA_04.png) no-repeat; }
#indexnav5				{ height: 18px; background: url(images/indexnav/indexnavA_05.png) no-repeat; }
#indexnav6				{ height: 18px; background: url(images/indexnav/indexnavA_06.png) no-repeat; }
#indexnav7				{ height: 38px; background: url(images/indexnav/indexnavA_07.png) no-repeat; }
#indexnav2, #indexnav3, #indexnav4, #indexnav5, #indexnav6	{ display: block; width: 302px; margin: 0; padding: 0; }
#indexnav2:hover		{ background: url(images/indexnav/indexnavB_02.png) no-repeat; }
#indexnav3:hover		{ background: url(images/indexnav/indexnavB_03.png) no-repeat; }
#indexnav4:hover		{ background: url(images/indexnav/indexnavB_04.png) no-repeat; }
#indexnav5:hover		{ background: url(images/indexnav/indexnavB_05.png) no-repeat; }
#indexnav6:hover		{ background: url(images/indexnav/indexnavB_06.png) no-repeat; }