﻿/**************************************************************
   All page content except for footer
 **************************************************************/

#content 
{
    position: relative;
    margin: 0 auto;   /* align for good browsers */
    min-height: 700px; /* real browsers */
    height: auto !important; /* real browsers */
	height: 700px; /* IE6: treated as min-height*/
    background-color: #ffffff;
}

/**************************************************************
   Top menu and logo
 **************************************************************/

#header 
{
	clear: both;
	position: relative;
	margin: 0 auto;
	height: 70px;
    /* background-image: url(Images/logo.jpg); */
    background-position: left center;
	background-repeat: no-repeat;
}

#headermenu
{
    text-align: right;
    vertical-align: top;
    padding: 3px 8px;
}

#headermenu .LoggedInUser
{
    color: #077ec0;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

#headermenu a
{
    color: #808080;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

#headermenu a:hover
{
    color: red;
    font-weight: normal;
    text-decoration: none;
}

/**************************************************************
   Top block menu
 **************************************************************/

#topmenu
{
	height: 25px;
    padding: 0px;
    margin-bottom: 0;
    background-color: #dcdcdc;
    background: url(Images/Backgrounds/lightsilvergradient_bg.gif) center center repeat-x;
	border-top: solid 1px #CCCCCC;
	border-right: solid 2px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 2px #CCCCCC;
	text-indent: 3px;
	text-align: left;
}

#topmenu a
{
    color: #544E4F;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	line-height: 24px;
}

.topmenu_flyout
{
    background-color: #f5f5f5;
    border: solid 1px silver;
}

.topmenu_flyout tr td
{
    width: 160px; /* 146px; */
    text-align: left;
}

.topmenu_flyoutcolumn, .topmenu_flyoutcolumn_alt
{
    vertical-align: top;
    background-color: #f5f5f5;
    padding: 10px 10px 10px 0;
}

.topmenu_flyoutcolumn_alt
{
    background-color: #e8e8e8;
}

.topmenu_flyoutheader 
{
    background: url(Images/arrowbullet.gif) left center no-repeat;
    text-indent: 15px;
    padding-bottom: 5px;
}

.topmenu_flyoutheader a
{
    font-weight: bold;
    color: #696969;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
}

.topmenu_flyoutheader a:hover
{
    color: red;
}

.topmenu_flyoutlist
{
    width: 150px;
    padding-left: 19px;
    padding-bottom: 10px;
}

.topmenu_flyoutlistitem
{
    padding: 2px 0 3px 0;
}
        
.topmenu_flyoutlistitem a
{ 
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #808080; 
    text-decoration: none;
}

.topmenu_flyoutlistitem a:hover
{
    color: Red;
}

/**************************************************************
   Quick search
 **************************************************************/

#quicksearch
{
    margin: 0 0 10px 0;
}

/**************************************************************
   Breadcrumb
 **************************************************************/

#breadcrumb
{
    padding: 0;
    font-size: 12px;
}

#breadcrumb a, #breadcrumb .StaticText
{
    padding: 0 6px 0 6px;
    font-size: 11px;
    font-family: Verdana, Arial;
    color: #5082FB;
    /* color: #4E4848; */
    text-decoration: underline;
}

#breadcrumb .StaticText
{
    font-weight: bold;
    color: #cc0000;
    text-decoration: none;
}

#breadcrumb a:hover
{
    color: red;
    text-decoration: underline;
}

/**************************************************************
   Page Content
 **************************************************************/

#page 
{
    clear: both;
    padding-top: 4px;
    margin-bottom: 6em;
    text-align: left;
}

.width 
{
    width: 960px;
}

.widthPad 
{
    width: 958px;
}

.width25 
{
    width: 25%;
}

.width50 
{
    width: 48%;
}

.width75 
{
    width: 75%;
}

.width100 
{
    width: 100%;
}

/**************************************************************
   Footer
 **************************************************************/

#footer
{
    clear: both;
    font-size: 10px;
    text-align: center;
    padding-top: 30px;
    overflow: hidden;
    margin: 0 auto; /* align for good browsers */
    background-color: #ffffff;
}

#footer a
{
    color: #808080;
    text-decoration: none;
}

#footer a:hover
{
    color: red;
}

#footer p
{
    color: #666666;
}

/**************************************************************
   Generic Display 
 **************************************************************/

.block 
{
    display: block;
}

.clear 
{
    clear: both;
}

.marginRight 
{
    margin-right: 15px;
}

.paddingLeft 
{
    padding-left: 5px;
}

.paddingRight 
{
    padding-right: 5px;
}

.floatLeft 
{
    float: left;
}

.floatRight 
{
    float: right;
}

.alignLeft 
{
    text-align: left;
}

.alignRight 
{
    text-align: right;
}

.alignCenter
{
    text-align: center;
}

.alignTop 
{
    vertical-align: top;
}

.alignMiddle 
{
    vertical-align: middle;
}

.alignBottom 
{
    vertical-align: bottom;
}
