/*
 * style.css
 * Copyright 2012 Ryan McCann
 * All Rights Reserved
 */

/* blue: 	background-color:#5e9de2;*/
body
{
	background-color:#222222;
	background-image: url('/images/stripe.png');
	font-family: trebuchet ms, trebuchet, ubuntu, arial, sans-serif;
	height: 100%;
}

a:link
{
	color:#686868;
	text-decoration:none;
}
a:visited
{
	color:#686868;
	text-decoration:none;
}
a:hover
{
	color:#595959; /*somewhat darker*/
	color:#727272; /*really almost 686868*/
	color:#7e7e7e; /*almost 686868*/
	color:silver;  /*too light?*/
	color:#aaaaaa;
}
a:active
{
	color:silver;
}

p
{
	margin:20px;
	margin-left:20px;
	color:#2f343f;
	font-family: trebuchet ms, trebuchet, arial, sans-serif;
}

h1
{
	font-family: trebuchet ms, trebuchet, arial, sans-serif;
	color:#2f343f;
	margin:0px;
	text-align:center;
	text-indent:0px;
}

ul
{
	list-style:none;
	line-height:30px;
}

img
{
	border:0px;
}
img.center
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div#container
{
	margin:auto;	/*centers the div*/
	width:1000px;
	position:relative;
	overflow:auto;
}
div#nav
{
	background-color:#DDDDDD;
	float:left;
	margin:10px;
	padding:0px;
	width:200px;
	position:relative;	/*for positioning footer*/
	min-height:500px;
	overflow:auto;
}
div#content
{
	background-color:#DDDDDD;
	padding:10px;
	float:right;
	margin:10px;
	width:740px;
	//height:530px;
	height:100%;
	//min-height:500px;
	min-height:480px;
	position:relative;
}
div#header
{
	width:980px;
	background-color:#DDDDDD;
	margin:10px;
	position:relative;
}
img#title
{
	margin-left: 220px;
}
span#footer
{
	background-color:#DDDDDD;
	font-size:10pt;
	position:absolute;
	bottom:0px;
}

div.error_box
{
	background-color:#D2F0FF;
	padding:20px;
	text-align:center;
	margin:20px;
	margin-left:25%;
	margin-right:25%;
}

.drop-shadow
{
	box-shadow: 0px 5px 5px #000000;
	-ms-box-shadow: 0px 5px 5px #000000;
	-moz-box-shadow: 0px 5px 5px #000000;
	-webkit-box-shadow: 0px 5px 5px #000000;
}

.flash,
.java
{
	display:block;
	margin:auto;
}

.center
{
	text-align:center;
}

.clear
{
	clear:both;
}

/**
 * Mobile styles
 * 3/3/2015
 */

@media only screen and (max-width: 500px), only screen and (max-device-width: 480px)
{
	div#container
	{
		width: 480px;
	}
	div#header
	{
		width: 460px;
	}
	img#title
	{
		margin-left: 20px;
	}
	div#nav
	{
		width: 460px;
		min-height: 10px;
		margin: 10px;
		float: none;
	}
	div#content
	{
		//width: 100%;
		//width: 460px;
		width: 440px;
		margin: 10px;
		float: none;
	}

}