body
{
    margin: 0px;
    text-align: left
}

.pageBorder
{ 
    border: solid 1px #cccccc;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 755px;
}

.header
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 755px;
    height: 108px;
}

.headerLogo
{
    position: relative;
    overflow: hidden;
    float:left;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
}

.headerNavigation
{
    position: relative;
    float: left;
    z-index: 200;
    top: 0px;
    width: 655px; /* 755 - 100(topLeftImage) = 655 */
    height: 19px;
    background-color: #343399;
}

.headerTitle
{
    position: relative;
    overflow: hidden;
    z-index: 1;
    float: left;
    width: 655px;
    height: 81px; /* 100(topLeftImage) - 19(headerNavigation) = 81 */
}

.headerSeparator
{
    position: relative;
    overflow: hidden;
    clear: both;
    left: 0px;
    width: 755px;
    height: 8px;
    background-color: #343399;   
}

.mainBody
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 755px;
    background-repeat: repeat-y;
}

.sideMenu
{
    float: left;
    padding-top: 80px;
    width: 90px; /* Actual width 100px but this allows for 10px padding */
    text-align: right;
}

.mainContent
{
    float: right;
    width: 655px;
}

.contentPush
{
    clear: both;
}

.footer
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 755px;
}

.footerSeparator
{
    position: relative;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 755px;
    height: 8px;
    background-color: #343399;
}

.footerNavigation
{
    position: relative;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 755px;
    height: 50px;
}

.sidemnuLink
{
    padding-bottom: 30px;
    font-size: 10px;
	font-weight: bolder;	
}

a.sidemnuLink:link, a.sidemnuLink:visited
{
    color: White;
    text-decoration: none;
}

a.redLink:link, a.redLink:visited
{
	color: Red;
	text-decoration: none;
}

a.sidemnuLink:hover
{
    color: #303299;
}

a.redLink:hover
{
    color: #303299;
}

.important
{
	font-size: larger;
	font-weight: bold;
	color: Red;
}

.rightSpace
{
	margin-right: 10px;
}


/*shadow styles used by equipment section*/
.dropshadow{
	float: left;
	clear: left;
	background: url(customControls/images/shadow.gif) no-repeat bottom right;
	padding: 0px;
}

.dropshadowSelected{
	float: left;
	clear: left;
	background: url(customControls/images/shadow_selected.gif) no-repeat bottom right;
	padding: 0px;
}

.innerbox{
	border: 1px solid #999999;
	padding: 4px;
	margin: 0px 5px 5px 0px;
	background-color: White;
}
/*end shadow styles*/