
/* 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/Background_Blue.gif) top left no-repeat;
    background-color: #A3BACB; /*Gray; /*#CCCCCC;*/
    color: #313131;
    font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	width: 960px;
	margin: auto;
	margin-top: 12px; /* controls space at top of site template */
	left: 0px;
	background: #466c9b url(Images/page-middle-graphic.png);
}
	
	#page{
		background: url(Images/page-bottom-graphic.png) bottom left no-repeat;
	}
		
		.page-in
		{
			background: url(Images/page-top-graphic.png) top left no-repeat;
			padding-top:  156px; /* controls height of header area */
			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-graphic.png) top left no-repeat;
			padding-top:  156px; /* controls height of header area */
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        		
	        #header
	        {
	            position:absolute;
	            left:0px;
	            top:12px;   /* controls padding above header */
	            height:173px;
	            width:960px;
	            /*background: url(Images/tema-logo.jpg) 28px 0px no-repeat;
	            background: url(Images/TEMA_Logo.jpg) 18px 0px no-repeat;
	            background: url(Images/TEMA-Logo-Transparent-trim.png) 18px 0px no-repeat;  */
		    background: url(Images/TEMA-Logo-03Transparent140x168.png) 18px 0px no-repeat;
	        }       
	         		
		    #status 
		    {
                text-align:left;
                position:absolute;
                left:0px;
                top:4px;    /* adjust based on header area height */
                width:960px;
            }
            
            #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:190px;
                margin-right:200px;
	            top: 6px;
                font-size: 13px;
                text-align: left;
                font-weight: bold;
                color: White;
            }
            
            #rotator
            {
	            position: absolute;
                /*margin-left:190px;
                margin-right:200px;*/
                left:190px;
	            top: 48px;
                text-align: left;
            }
            
            #user 
            {
	            position: absolute;
	            top: 6px;
	            right: 16px;
	            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: 175px; /*196px;*/
				text-align:left;
				padding-bottom: 25px;
			}
			
			#content
			{
			    min-height:425px;
				float: right;
				width: 700px; /*670px;*/
				padding-right: 40px;
				text-align: left;
				position: relative;
				padding-bottom: 70px; /*220px; /*180px;*/
				padding-left:20px;
			}
							
			.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:1px solid #466c9b;
			    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:960px;
	height:44px;
    background:url(Images/page-footer-graphic.png) top left repeat;
    text-align: center;
    font-size: 12px; /*16px*/
    font-family: Tahoma, Arial, "Segoe UI", Verdana, Sans-serif;
	color:White; /* defines the separator color */
}

    #the-bottom
    {
        margin-left:140px;
    }
    
		#the-bottom a{
			color: White; /* defines the link color */
			margin: 0 10px 0 10px;
		}
