/* 
-----------------------------------
splash banner styles
-----------------------------------
*/

div#splash-container{
position:relative;
width:687px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:white;
}

div#splash-container a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
float:left;
}

div#splash-pic{
height:449px;
width:687px;
background-image: url('http://mailmanportal.com/uploads/WMRF/splash/splash-whoarewe3.jpg');
}

div#splash-text-container{
/*position:absolute;*/
float:left;
padding:10px;
width:280px;
height:179px;
margin-left:0px;
margin-top:250px;
background: url(../images/splash-bg-transparent.png);
display:block;
font-size: 0.9em;
}
div#splash-linkboxes-container{
/*position:absolute;*/
float:right;
width:300px;
height:450px;
margin-left:687px;
margin-top:-449px;
color: #fff;
background-color: #fff;
}
.splash-linkboxes-content {
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.splash-linkboxes-content h1{
color: #fff;
margin-top:-5px;
}
.splash-linkboxes-content ul {
    list-style-image: url("../images/home-link-bullet-white.png");
	float:right;
}

.splash-linkboxes-content a{
margin-left:0px;
margin-right:5px;
color: #fff;
text-decoration:underline;
}

.splash-linkboxes-content a:hover{
color: #fff;
text-decoration:none;
}

.splash-linkboxes-small{
float:right;
width:300px;
height:125px;
}
.splash-linkboxes-large{
float:right;
width:300px;
height:200px;
}

#splash-container a{
text-decoration:none;
}

#splash-container img{
border:none;
}

.splash-content
{
	width: 280px;
	height:135px;
}

.splash-content h2
{
	margin: 0;
	width: 280px;
	position: relative;
	overflow: hidden;
	color:#fff;
}

.splash-content p { margin: 1.0em 0 0; }

.splash-content a { text-decoration: none; }
.splash-content a:link { color: #000; }
.splash-content a:visited { color: #000; }
.splash-content a:hover { text-decoration: underline; color: #000; }
.splash-content a:focus, a:active { color: red; }


.splash-buttons
{
	float: left;
	width: 280px;
}

.splash-buttons img
{
	float: left;
	margin-left:10px;
}

/* Navigation */
.splash-navigation
{
	margin: 0;
	padding: 0;
	float: left;
	width: 138px;
	font-size: 80%;
	font-weight: bold;
	/* To activate the navigation use: display:block; */
	display:none;
	margin-top:410px;
	margin-left:10px;
}

.splash-navigation ul
{
	margin: 0;
	padding: 0;
}

.splash-navigation ul li
{
	margin: 0;
	padding: 0;
	display: inline;
}

.splash-navigation ul li a, .splash-navigation ul li a:visited
{
	display: block;
	float: left;
	padding: 2px 3px;
	margin: 0 4px 0 0;
	width: 15px;
	color: #fff;
	background: #000;
	text-align: center;
	border: 1px solid #aaa;
}

.splash-navigation ul li.on a, .splash-navigation ul li.on a:visited
{
	color: #000;
	background: #aaa;
	text-decoration: none;
}

.splash-navigation ul li a:hover
{
	color: #000;
	background: #7f7f7f;
	text-decoration: none;
}

.preloadedImage
{
	position: absolute;
	left: -9999px;
	top: -9999px;
}