/*
 * Primary Screen Style Sheet
 * for Potomac Yard
 *
 * Written by Giovanni Glass
 * joeg at newtarget dot com
 * 12/14/04 v1
 *
 */

body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;

	font-family: Arial, sans-serif;
	font-size: 1em;
}

div, form, img, object {
	padding: 0em;
	margin: 0em;
	border: 0;
}

div#home {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 354px;
	height: 90px;
	z-index: 1;
	background-image: url(/files/images/newlogo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div#home_logo {
	display: none;
}

div#upper {
	position: absolute;
	z-index: 0;
	top: 22px;
	left: 0px;
	width: 770px;
	height: 120px;
	background-image: url(/files/images/upper1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div#mid {
	position: absolute;
	z-index: 0;
	top: 122px;
	left: 0px;
	width: 770px;
	height: 276px;
	background-image: url(/files/images/mid.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}


div#lower {
	position: absolute;
	z-index: 0;
	top: 397px;
	left: 0px;
	width: 770px;
	height: 310px;
	background-image: url(/files/images/lower.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div#nav_bar {
	position: absolute;
	z-index: 1;
	top: 94px;
	width: 770px;
	height: 27px;
	background-image: url(/files/images/upper1.gif);
}

div#top_nav {
	position: absolute;
	z-index: 1;
	top: 60px;
	left: 565px;
}

div#footer {
	position: relative;
	width: 770px;
	left: 0;
	top: 30px;
	height: 30px;
	z-index: 2;
}

div#footer_left {
	float: left;
	padding: 0em 0em 0em 3em;
}

div#footer_right {
	float: right;
	padding: 0em 3.5em 0em 0em;
}

div#flash {
	position: absolute;
	top: 121px;
	left: 0px;
	width: 770px;
	height: 154px;
	z-index: 8;
}

div#index_sandbox {
	position: relative;
	width: 770px;
	left: 0px;
	top: 122px;
	z-index: 1;
}

div#left_side {
	position: relative;
	float: left;
	width: 408px;
}

div#right_side {
	float: left;
	position: relative;
	width: 360px;
}

div#welcome {
	width: 305px;
	padding: 15.5em 0em 0em 3.6em;
	z-index: 1;
}


div#box {
	position: relative;
	width: 295px;
	height: 115px;
	margin: 12.0em 1em 1.2em 2.5em;
	z-index: 2;


}

div#box_content {
	float: left;
	width: 200px;
}

div#box_thumbnail {
	float: right;
}

div#sand_big {
	position: relative;
	z-index: 1;
	top: 24px;
	left: 6px;
	width: 338px;
	padding: 0;
	margin: 0;
	background-image: url(/files/images/box_mid.jpg);
	background-repeat: repeat-y;
}

div#sand_big_top {
	position: relative;
	width: 338px;
	height: 101px;
	background-image: url(/files/images/box_head.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div#sand_mid {
	position: relative;
	width: 300px;
	padding: .6em 1.5em 1.5em 1.5em;
	margin-top: -101px;
	z-index: 2;
}

div#sand_big_bottom {
	position: relative;
	width: 338px;
	height: 122px;
	margin-top: -122px;
	margin-bottom: 0;
	padding: 0;
	background-image: url(/files/images/box_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* internal template */

div#flash2 {
	position: absolute;
	top: 122px;
	left: 0px;
	width: 770px;
	height: 118px;
	z-index: 5;
}


div#lower_internal {
	position: absolute;
	z-index: 0;
	top: 122px;
	left: 0px;
	width: 770px;
	height: 586px;
	background-image: url(/files/images/lower_internal.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div#sandbox {
	position: absolute;
	width: 770px;
	top: 50px;
	left: 0px;
	z-index: 1;
	margin: 4.5em 0em 0em 0em;
}

div#content_internal {
	position: relative;
	float: left;
	width: 415px;
	padding: 12.55em 0em 0em 2.7em;
	z-index: 2;
	font-size: 12px;

}

div#right {
	width: 196px;
	float: left;
	z-index: 2;
}


div#sand_big2 {
	position: relative;
	z-index: 1;
	top: 62px;
	left: 53px;
	width: 226px;

}

div#sand_big_top2 {
	position: relative;
	width: 226px;
	height: 22px;
	background-image: url(/files/images/box_head2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div#sand_mid2 {
	position: relative;
	width: 192px;
	padding: .6em 1.5em 1.5em 1.5em;
	margin-top: -113px;
	z-index: 2;
}

div#sand_big_bottom2 {
	position: relative;
	width: 226px;
	height: 109px;
	margin-top: -108px;
	background-image: url(/files/images/box_bottom2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


div#sand_big3 {
	position: absolute; /*relative*/
	z-index: 1;
	top: 61px; /*58*/
	left: 498px;/*51px */
	width: 226px;
}

div#sand_big_top3 {
	position: relative;
	width: 234px;
	height: 113px;
	background-image: url(/files/images/box_head3.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div#sand_mid3 {
	position: relative;
	width: 192px;
	padding: .6em 1.5em 1.5em 1.5em;
	margin-top: -113px;
	z-index: 2;
}

div#sand_big_bottom3 {
	position: relative;
	width: 234px;
	height: 111px;
	margin-top: -111px;
	background-image: url(/files/images/box_bottom3.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div#footer_internal {
	position: relative;
	width: 770px;
	top: 60px;
	z-index: 2;
}

div#letter {
	background-color: #ffffff;
	border: 1px solid #9A906D;
	padding: 1.5em;
}


/* classes */
.clear {
	clear: both;
}

.top_nav {
	font-size: .7em;
	color: #333333;
}

.top_nav a {
	color: #333333;
	text-decoration: none;
}

.top_nav a:hover {
	text-decoration: underline;
}

.sand {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333333;
}

.sand a {
	color: #6A1D27;
	text-decoration: underline;
}

.sand a:hover {
	text-decoration: none;
	color: #000000;
}

.sand h4 {
	margin: 0em 0em 1em 0em;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
}

.sand .overflow {
	width: 100%;
	height: 187px;
	overflow: auto;
}

.box {
	font-family: Arial, sans-serif;
	font-size: .7em;
	color: #E6DDC7;
}

.box a {
	color: #E3E5DA;
	text-decoration: underline;
}

.box a:hover {
	text-decoration: none;
	color: #FFFFCC;
}

.box input, input {
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin: .6em 0em .6em 0em;
}

.footer {
	font-family: Tahoma, sans-serif;
	color: #333333;
	font-size: 0.6em;
}

.footer a {
	color: #6A1D27;
	text-decoration: underline;
}

.footer a:hover {
	text-decoration: none;
	color: #000000;
}

#letter {
	font-family: Times New Roman, Times, serif;
	font-size: 1.2em;
}