/****************************************************/
/* Copyright Virtual Pereception Systems Inc. 2008  */
/* All rights reserved.                             */
/* vpsi-rounded-shadow-div.css                      */
/****************************************************/

/* Main page layout */
body {margin: 0; background-color: #3D5366;}
#banner-left {width: 165px; right: 168px; margin-left: -100%;}
#banner-right {width: 165px; margin-right: -165px;}
#main-content {width: 100%}
.main-column {position: relative; float: left; }
div {border: 0px solid #000000;}

* html #banner-left {
	left: 168px;  /* RC width */
}	

#container 
{
	padding-left: 168px;   /* LC width */
	padding-right: 165px;  /* RC width */
	min-width: 400px;
}

/* Master styles */
body
{
	font-family: Arial,sans-serif;
	font-size: 80%;
}

h1
{
 font-family: Arial,sans-serif;
 font-size: 140%;
 color: #334d55; 
 margin-top: 0px;
}

h2
{
 font-size: 130%;
 color: #334d55;
}

h3
{
 font-size: 100%;
 color: #334d55;
}

a:link, a:visited, a:hover 
{
	color: #006699;
	text-decoration: none;
}

a:hover 
{
	background-color: #EEEEEE;
	color: #004466;
}

/* Styles for the header */
#header{
	padding: 0px 10px 0px 10px;
	background: #FFFFFF url(images/vpsi-logo-metal-short.gif) left top no-repeat;
	text-align: right;
	position:relative;
	height: 62px;
}

#header #loginGadget{
	margin: 0px 0px 0px 320px;
	padding: 4px 0px 0px 0px;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
}

#globalNav
{
	position:relative;
	top: 0px;
	color: #cccccc;
	padding: 0px 10px 0px 0px; 
	margin-right: -10px;
	background-image:url(images/vpsi-navbar.gif);
	background-repeat:repeat-x;
	height: 28px;
	margin-left: 320px;
	text-align: right;
	white-space: nowrap;
}

/* Styles for banners left and right */
#banner-left, #banner-right
{
	overflow: hidden;
	position: relative;
	top: 6px;
}

#banner-right
{
}

#banner-right li
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#banner-right a
{
	margin-bottom: 5px;
}

.banner-top
{
	background: #FFFFFF url(images/round-top-shadow.jpg) center top no-repeat;
	width:165px;
	height:18px;
	float:left;
	margin-bottom: 0px;
}

.banner-middle
{
	background: #FFFFFF url(images/round-right-shadow.jpg) right bottom repeat-y;
	margin-top: 0px;
	height:100%;
	padding-bottom: 1px;
	padding-top: 10px;
}

.banner-bottom
{
	background: #FFFFFF url(images/round-bottom-shadow.jpg) center bottom no-repeat;
	width:165px;
	height:18px;
	float:left;
}

.banner-middle ul
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.banner-middle h2
{
	margin-left: 9px;
}

.banner-middle ul li
{
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 14px 2px 9px;
}

#banner-right p
{
	margin: 0px 14px 10px 9px;
}

.banner-middle ul a
{
	display: block;
}

.banner-middle img#secured-by-15
{
	border-width: 0px;
	padding: 6px 6px 6px 3px;
}

* html .banner-middle ul a { height: 1px; }

/* Styles for the main content area */
#main-content 
{
	position: relative;
	top: 6px;
	background-color: #FFFFFF; 
	overflow: hidden;
	min-width: 400px;
	margin-bottom: 0px;
}

#main-content h1, #main-content h2, #main-content h3, #main-content p, #breadCrumb
{
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
}

#main-content img
{
	padding-right: 10px;
}

#main-top-left {height: 16px; background: #FFFFFF url(images/top-left.jpg) no-repeat left top ; }
#main-top-right {width: 20px; height: 26px; float: right; background: #FFFFFF url(images/top-right.jpg) no-repeat right top;}
* html #main-middle {padding-top: 1px;}	
#main-middle
{
	background: #FFFFFF url(images/side-right.jpg) repeat-y right bottom;
	margin-top: 0px;
}
#main-bottom-left
{
	height: 16px; 
	background: #FFFFFF url(images/bottom-left.jpg) no-repeat left bottom; 
	padding-left: 16px;
}

#main-bottom-right
{
	width: 100%; 
	height: 16px; 
	float: right; 
	background: #FFFFFF url(images/bottom-sliding-door.jpg) no-repeat right bottom;
}

#main-content-footer
{
	margin-bottom: 0px;
}

.locationSelector
{
	margin-left: 10px;
	margin-right: 14px;
}

#gpsAppletContainer
{
	margin-bottom: 20px;
}

#gpsApplet
{
	width: 100%;
	height: 100%;
}