
/* Global Layout */

body
{
    font-size: .75em;
    color: #313131;
    font-family: Arial, Helvetica, sans-serif;
}

b strong {
    font-weight:bold !important;
}

/*----------------------------------------------------------------------*/
/* BEGIN LOGIN LINKS                                                    */
/*----------------------------------------------------------------------*/
#login{
	height: 26px; /*50px;*/ /* controls space before breadcrumbs */
	overflow: hidden;	
	margin-right: -17px;
}

.hide { display:none; }
/*----------------------------------------------------------------------*/
/* END LOGIN LINKS                                                      */
/*----------------------------------------------------------------------*/
 
/*----------------------------------------------------------------------*/
/* BEGIN SEARCH BOX ICONS                                               */
/*----------------------------------------------------------------------*/

#searcharea 
{
    position:absolute;
	float:right;
	right:6px;
	top:0px;
}

#formholder {
	background:url(Images/search_box/search_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left:10px;
	margin-top:2px;
}
#formholder .inputbox {
	padding-bottom:5px;
	color:#e2e2e2;
}
#formholder .inputboxActive {
	color:#555555;
}

#formholder input {
	border:0px;
}
/*----------------------------------------------------------------------*/
/* END SEARCH BOX ICONS                                     
/*----------------------------------------------------------------------*/

#site_body 
{
    font-size: .75em;
    margin: 0px;
    text-align: center;
    background: url(Images/Body-Background.png) top left repeat;
    color: #313131;
    font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	width: 900px;
	margin: auto;
	margin-top: 0px; /* controls space at top of site template */
	left: 0px;
	background: #466c9b url(Images/page-middle.jpg);
}

	#page{
		background: url(Images/page-bottom.jpg) bottom left no-repeat;	
	}
		
		.page-in
		{
			background: url(Images/page-top.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
        
        /* Ensures proper Safari/FF layout */
        .page-in:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }		
        
        /* Hides from IE-mac \*/
		.page-in{
			background: url(Images/page-top.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        				
		    #status 
		    {
                text-align:left;
                position:absolute;
                left:0px;
                top:162px;
                width:900px;
                background-color:#085696;
            }
            
            #datetime 
            {
	            position: absolute;
	            width: 180px;
	            top: 7px;
	            left: 6px;
                font-size: 9px;
                text-align: left;
                font-weight: bold;
                color: White;
            }

            #ticker
            {
	            position: absolute;
                margin-left:180px;
                margin-right:200px;
	            top: 7px;
                font-size: 9px;
                text-align: left;
                font-weight: bold;
                color: White;
            }

            #user 
            {
	            position: absolute;
	            top: 6px;
	            right: 6px;
	            width: 200px;
                font-size: 9px;
                text-align: right;
                font-weight: bold;
                color: White;
            }

			#sidebar{
				float: left;
				padding-top: 48px; /*50px;*/ /* controls sidebar top position */
				width: 166px; /*196px;*/
				text-align:left;
				padding-bottom: 25px;
			}
			
			#content{
				float: right;
				width: 700px; /*670px;*/
				padding-right: 30px;	
				text-align: left;
				position: relative;
				padding-bottom: 70px; /*220px; /*180px;*/
			}
							
			.login-box-h2{
				text-align: center;
				font-size: 1.3em;
				font-weight: bold;
				padding-bottom: 10px;
			}
			
			.login-box-label{
				font-size: 11px;
				font-weight: bold;
				display: block;
				color: #0064A2;
			}
			
			.blue-box
			{
			    background-color:#dfe9f5;
			    border:1px solid #466c9b;
			    padding-top:8px;
			    padding-bottom:8px;
			    padding-left:12px;
			    padding-right:12px;
			    height:100%;
			}
			
			.gray-box
			{
			    background-color:#e4e4e4;
			    border:1px solid #466c9b;
			    padding-top:8px;
			    padding-bottom:8px;
			    padding-left:12px;
			    padding-right:12px;
			    height:100%;
			}
			
			.smoke-box
			{
			    background-color:whitesmoke;
			    border:solid 1px Gray;
			    padding-top:8px;
			    padding-bottom:8px;
			    padding-left:12px;
			    padding-right:12px;
			    height:100%;
			}
			
			.grid-box
			{
			    background-color:White;
			    border:1px solid Gray;
			    height:100%;
			}
									
			.button-box
			{
			    background-color:#dfe9f5;
			    border:solid 1px Gray;
			    height:28px;
			    padding-top:2px;
			    padding-bottom:2px;
			    padding-right:2.75px;
			    padding-left:2.75px;
			}
						
			.submit{
				border: 1px solid #50babc;
				color: #fff;
				background: #446d9b;
				height: 24px;
				text-align: center;
				font-weight: bold;
				font-size: 11px;
				cursor: pointer;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				margin-top: 5px;
			}
														
		    .entry{
			    position: relative;
		    }
    		
			    .stripe{
				    font-size: 1.2em;
				    font-weight: bold;
				    color:#0066A4;
				    padding-top:8px; /* controls space before stripe */
				    padding-bottom: 10px; /* controls height of area to account for stripe */
				    margin-bottom: 10px;
				    /*background: url(Images/striped.gif) bottom left repeat-x;*/
			    }
    								
			    .entry a{
				    color: #466c9b;
			    }

#bottom{
	width:900px;
	border-top: 16px solid #085696;
	height:48px;
	background-color:#466c9b;
    text-align: center;
    font-size: 12px; /*16px*/
    font-family: Tahoma, Arial, "Segoe UI", Verdana, Sans-serif;
	color:White; /* defines the separator color */
}
    
	#the-bottom a {
		color: White; /* defines the link color */
	}
	
