/*
	ODG 2007 Front Stylesheet
	Creation Date: July 02, 2007
	Author: Chris Riehl
*/

/* body Element Styles
-----------------------------------------------*/
html, body {
	height: 100%;
}

body 
{
	margin: 0px 0px 0px 0px;
	background: #888888 url("../_images/background.jpg");
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000000;
}

form {
	margin: 0;
	padding: 0;
}




/*--------------------------------------------------------------------------------------------------*/
/*------------------------------- Outer shadow around web Content ----------------------------------*/
/*--------------------------------------------------------------------------------------------------*/

div.Shadow
{
    float: left;
	width: 950px;
	background: url("../_images/shadow.jpg") repeat-y;
}

    div.Container
    {
	    float: left;
	    width: 904px;
	    background: #FFFFFF;
	    margin: 0px 0px 0px 10px;
	    padding: 0px 10px 10px 10px;
    }


div.ShadowBottom
{
    float: left;
	width: 950px;
	height: 15px;
	background: url("../_images/shadowBottom.jpg"); 
	font-size: 2px;
}



/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------- Header Styles -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


div.Header
{
	float: left;
	width: 904px;
    padding: 0px 0px 5px 0px;
}

    div.HeaderImage
    {
        float: left;
        height: 70px;
        width: 904px;
        background: url("../_images/headerBackground.jpg");
    }

    div.HeaderMenuBar
    {
        float: left;
        width: 904px;
        background: #c2c2c2;
        padding: 2px 0px 2px 0px;
    }

    div.Logo
    {
        float: left;
        padding: 10px 0px 0px 30px;
    }
    
    div.KTRLogo
    {
        position:absolute;
        top: 25px;
        left: 820px;
    }


/*--------------------------------------------------------------------------------------------------*/
/*-------------------------------------- Top Menu Styles -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


div.TopMenu
{
    float: left;
    width: 904px;
    height: 16px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}




/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------- Footer Styles -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


div.Footer
{
	float: left;
	width: 904px;
	line-height: 27px;
	vertical-align:middle;
	/* padding: 6px 0px 0px 0px; */
	background: #000000;
	text-align: center;
}

div.LogoFooter
{
	float: left;
    width: 687px;
    text-align: center;
    padding: 0px 0px 5px 200px;
}
    
    div.LogoFooter img
    {
        padding: 0px 40px 0px 40px;
    }


/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------- Content Styles -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


div.Content
{
    float: left;
    width: 904px;
    padding: 5px 0px 5px 0px;
}

    div.LeftCol
    {
        float: left;
        width: 212px;
    }
    
        div.TabItem
        {
            float: left;
            width: 212px;
            padding: 0px 0px 5px 0px;
        }
        
            div.Tab
            {
                float: left;
                width: 24px;
                height: 105px;
            }
            
            div.BoxContent
            {
                float: left;
                width: 176px;
                height: 94px;
                border-top: 1px solid #a6a6a6;
                border-right: 1px solid #a6a6a6;
                border-bottom: 1px solid #a6a6a6;
                padding: 5px 5px 5px 5px;
            }
            
                div.BoxContent img
                {
                    padding: 0px 0px 5px 0px;
                }

            div.NewsTab
            {
                float: left;
                width: 24px;
                height: 105px;
            }
            
            div.NewsBoxContent
            {
                float: left;
                width: 176px;
                height: 94px;
                background: #e8f4fb;
                border-top: 1px solid #a6a6a6;
                border-right: 1px solid #a6a6a6;
                border-bottom: 1px solid #a6a6a6;
                padding: 5px 5px 5px 5px;
            }
    
    div.RightCol
    {
        float: left;
        width: 687px;
        padding: 0px 0px 0px 5px;
    }
    
        div.BodyContent
        {
            float: left;
            width: 677px;
            padding: 0px 5px 0px 5px;
            overflow:auto;
            height: 420px;
        }
        
        div.Home
        {
           overflow:visible;
           height:auto;
        }
        
			div.BodyContent img
			{
				margin: 0px 10px 0px 0px;
			}
			
			div.BodyContent hr
			{
				margin: 10px 0px 10px 0px;
			}

            div.BodyContent ul
            {
                padding: 5px 0px 0px 20px;
                margin: 0px 0px 0px 0px;
                list-style-image: url("../_images/bullet.gif");
            }
            
                div.BodyContent ul li
                {
                    padding: 0px 0px 5px 0px;
                }
                
        div.InternalImageHeader
        {
            float: left;
            width: 685px;
            border: 1px solid #000000;
            margin: 0px 0px 10px 0px;
        }
        
            div.InternalImage
            {
                float: left;
            }
            
.gridHeader
{
	background-color: #C2C2C2;
	color: #FFFFFF;
	font-weight: bold;
}

.gridItem
{
	background-color: #FFFFFF;
}

.gridAltItem
{
	background-color: #F0F0F0;
}