/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #285577;
	background-image: url(images/splash_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	margin-bottom: 20px;

}

img {border: 0}

div#SplashContent {
	width: 703px;
	margin: 0px auto;
	text-align: left;
}

/***** BANNER *****/
div#SplashBanner {
	position: relative;
	height: 89px;
	width: 703px;
	background-image: url(images/splash_banner_bg.gif);
	margin: 0px auto;
	float: left;
}

div#SplashBanner img { float: left; }

div#SplashBannerButtons {
	position: relative;
	float: left;
	height: 89px;
	width: 265px;
	background-image: url(images/splash_banner_button_bg.gif);
}

div#SplashBannerButtons .position {
	float: none;
	position: relative;
	top: 37px;
	left: 16px;
	width: 244px;
	_width: 254px;
	height: 21px;
}

div#SplashBannerButtons .position img {
	display: block;
	float: left;
}

div#SplashBannerButtons .position img {
	margin-right: 15px
}

/**** MENU *****/
div#SplashMenu {
	position: relative;
	height: 242px;
	width: 703px;
	float: left;
}

div#SplashMenuImages {
	position: relative;
	width: 306px;
	height: 242px;
	background-image: url(images/splash_menu_images_bg.gif);
	float: left;
}

div#SplashMenuImages div#flash {
	position: relative;
	left: 1px;
	top: 11px;
}

div#SplashMenuLinks {
	position: relative;
	width: 190px;
	height: 216px;
	background-image: url(images/splash_menu_links_bg.jpg);
	float: left;
}

div#SplashMenuLinksContent {
	position: relative;
	background-image: url(images/splash_menu_links_marker.gif);
	width: 190px;
}

div#SplashMenuLinksContent img {
	display: block;
}

div#SplashMenuLinksContent img {
	position: relative;
	top: 18px;
	margin-bottom: 13px;

}

div#SplashMenuDetail {
	position: relative;
	width: 207px;
	height: 216px;
	background-image: url(images/splash_menu_detail_bg.jpg);
	float:left;
}


/***** SUSAN *****/
div#SplashSusan {
	width: 703px;
	height: 250px;
	background-image: url(images/splash_susan_bg.gif);
	float: left
}

div#SplashSusanNumbers {
	position: relative;
	height: 150px;
	width: 496px;
	background-image: url(images/splash_susan_numbers_bg.gif);
	background-repeat: no-repeat;
	float: left;
}

div#SplashSusanNumbers, div#SplashSusanNumbers p, div#SplashSusanNumbers td {	
	font: bold 10px Verdana;
	color: white;}
div#SplashSusanNumbers p {	margin: 8px;	padding: 0;}
div#SplashSusanNumbers td { 	font-size: 10px; width: 140px;	 }
div#SplashSusanNumbers table.t2 {	position: absolute;	top: 77px;	left: 100px;}
div#SplashSusanNumbers table.t1 {	position: absolute;	top: 78px;	left: 101px;}
div#SplashSusanNumbers table.t1 td { color: black }
div#SplashSusanNumbers img {	display: block;	float: left; }

div#SplashSusanNumbers a:link { color: white }
div#SplashSusanNumbers a:visited { color: white }
div#SplashSusanNumbers a:hover { color: #cccccc }

div#SplashSusanSnippet {
	position: relative;
	height: 150px;
	width: 207px;
	background-image: url(images/splash_susan_snippet_bg.gif);
	float: left;
}

div#snippetText {
	position: relative;
	left: 13px;
	top: 30px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	width: 176px;
	height: 96px;
	padding: 2px;
}

div#snippetText p {margin: 4px; padding: 0; font-size: 10px; font-weight: bold }

div#SplashSusanEmail form {
	position: relative;
	top: 65px;
	left: 16px;
}

div#popupContent h1 { 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 8px;
}

div.detail {
	visibility: hidden;
	position: absolute;
	width: 207px;
	height: 216px;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

div.detail img {
	position: absolute;
	top: 10px;
	left: 23px;
	display: block;
}

div.detail p {
	position: absolute;
	top: 35px;
	_top: 45px;
	left: 18px;
	width: 167px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: black;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
div#footer { float: left; }

div#footer p {
	text-align: center;
	position: relative;
	color: #ffffff;
	font-size: 10px;
	padding: 0;
	margin: 5px;
}

div#footer a:link { color: white }
div#footer a:visited { color: white }
div#footer a:hover { color: #cccccc }

/****** LOGIN STUFF **************/
.menuBox input, .menuBox label, .menuBox {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.menuBox {
	width: 510px;
	position: relative;
	margin: 20px auto;
	border: 1px solid black;
	padding: 10px;
	background-color: #eeeeee;
}

.menuBox label {
	width: 120px;
	display: block;
	float: left;
	
}

.menuBox form, .menuBox p  {
	margin: 0;
	padding: 0;
}

.menuBox hr { height: 0.5px; }
.menuBox ul, .menuBox li { margin: 0; padding: 0; }
.menuBox ul { margin: 15px; }
.menuBox li { margin: 4px; }

.menuBox a {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
}

.menuBox a:hover { background-color: #CCCCCC; }

.menuBox input.longer { width: 200px; }
.menuBox textarea { width: 350px; font: bold 12px Verdana, Arial, Helvetica, sans-serif }

form#addLink input.longer { width: 300px; }
form#addLink textarea { width: 500px; }
form#addLink p { margin: 6px 0}

/***** Links Page *****/

.resourceLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

.resourceLinks a { display: block; font-weight: bold }