/* Stylesheet for diplomat brochure site */
/* JMW 2008 */

body
{
	background: url(../images/backgrounds/bg_body.jpg) repeat-x;
	margin-top: 0;
	font-size: 68.75%;
	font-family: verdana, geneva, sans-serif;
	line-height: 137.5%;
}


/* common layout elements */
/* ---------------------- */
#page
{
	width: 990px;
	margin: 0 auto;
	background: url(../images/backgrounds/bg_page.jpg);
}
#pagetop
{
	width: 990px;
	height: 25px;
	background: url(../images/backgrounds/bg_page_top.jpg) #fff no-repeat top;
	margin: 0 auto;
}
#leftcol
{
	display: inline;
	float: left;
	width: 622px;
	margin: 20px 0 20px 30px;
}
#rightcol
{
	display: inline;
	float: left;
	width: 220px;
	margin: 20px 30px 20px 55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* page header */
#logo
{
	float: left;
	padding: 10px 0 0 45px;
}
#navigation
{
	width: 652px;
	float: left;
	margin-left: 80px;
	padding: 30px 0 0 0;
	font-size: 125%;
	line-height: 125%;
	font-family: arial, helvetica, sans-serif;
}
	#navigation ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#navigation ul li
		{
			float: left;
			width: 130px;
			text-align: center;
		}
			#navigation ul li div
			{
				color: #c00;
			}
			#navigation ul li a
			{
				color: #333;
				text-decoration: none;
			}

			
/* page footer */
#footer, #footershortpage
{
	width: 970px;
	height: 30px;
	background: url(../images/backgrounds/bg_page_bottom.jpg) no-repeat top;
	margin: 0 auto;
	padding: 25px 10px 5px 10px;
}
#footershortpage
{
	background: url(../images/backgrounds/bg_midpage_bottom.jpg) no-repeat top;
}




/* common presentation elements */
/* ---------------------------- */
h1
{
	color: #c00;
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
.clear
{
	clear: both;
	height: 1px;
	line-height: 1%;
	font-size: 1%;
}
.right
{
	float: right;
}



/* homepage specific (top half) */
/* ---------------------------- */
#tophalf
{
	width: 100%;
}
	#tophalf #containerhome,
	#tophalf #container
	{
		position: relative;
		height: 402px;
		width: 958px;
		margin: 0 16px 0 16px;
	}
	#tophalf #container
	{
		height: 402px;
	}
		#tophalf #containerhome #header,
		#tophalf #container #header
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 60px;
			background: #fff;
			padding: 5px 0 10px 0;
			z-index: 10;
			filter: alpha(opacity=90); /* IE's opacity*/
			opacity: 0.90;
		}
		#tophalf #containerhome #flash,
		#tophalf #container #flash,
		{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
		#tophalf #containerhome #boxtops
		{
			position: absolute;
			bottom: 0;
			left: 21px;
			z-index: 10;
		}
			#tophalf #containerhome #boxtops img
			{
				border-top: solid 7px #999;
			}

/* homepage specific (bottom half) */
/* ------------------------------- */
#bottomhalf
{
	width: 958px;
	margin: 0 16px 0 16px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top;
}
	#bottomhalf #boxbottoms
	{
		background: url(../images/backgrounds/bg_boxes_content.jpg) no-repeat;
		min-height: 132px;
		margin-left: 11px;
		padding-left: 10px;
	}
		#bottomhalf #boxbottoms div.boxcontent
		{
	float: left;
	display: inline;
	width: 197px;
	padding: 0;
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 8px;
	margin-left: 16px;
		}
			div.boxcontent p
			{
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
			}

		#bottomhalf #boxbottoms div.boxlink
		{
			display: inline;
			float: left;
			width: 197px;
			margin: 0 16px 5px 16px;
			text-align: right;
		}

	#bottomhalf #boxesbottom
	{
		clear: both;
		height: 13px;
		background: url(../images/backgrounds/bg_boxes_bottom.jpg) no-repeat;
		margin-left: 11px;
	}

	
/* inside page specific */
/* -------------------- */	
a:link {
	text-decoration: none;
	color: #B10036;
}