/*
 * universal styles
 */
body
{
    margin: 4px;
    padding: 0;
    
    text-align: center;
    
    background: url('../images/page_bg.png') repeat-x 0 0;
    background-attachment: fixed;
    
    /* for liquid height */
    height: 100%;
    
}

/*
 * page-container
 */
#page-container 
{
    margin: 0 auto;
    width: 750px;
    
    color: rgb(255, 255, 255);
    
    /* for liquid height */
    height: auto !important;
    height: 98%;
    min-height: 98%;
    position: relative;
}


/*
 * header
 */
#header 
{
    width: 100%;
    height: auto;
    padding-top: 14px;
    padding-bottom: 14px;

    position: relative;

    background: url('../images/header_shade.png') no-repeat 0 0;
    
    color: rgb(0, 0, 128);
    text-align: left;
}

/*
 * navigation
 */
#nav
{
    margin: 0 auto;
    width: 100%;
    height: 199px;
    position: relative;
   
    background-image: url('../images/nav_bg.png');
    border-top: 2px inset rgb(192, 192, 192);
    border-bottom: 2px outset rgb(192, 192, 192);
}

	#nav #nav-links
	{
		padding-top: 10px;
		padding-left: 45px !important;
		padding-left: 0;
	}

    #nav a 
    {
        text-decoration: none;
        color: rgb(255, 255, 255);
    }

    #nav ul 
    {
        margin-top: 10px;
        
        /* precedence set so ie6 renders the same as others */
        margin-left: 0px !important;
        margin-left: 20px;
        
        float: left;
        
        text-align: right;
        font-family: Arial, Sans-Serif;
        font-size: 14px;
    }
    
    #nav li
    {
        width: 135px;
        margin-top: 7px;
		margin-left: 5px;
        padding: 4px;
        
        text-align: right;
        list-style-type: none;
    }
    
    #nav li:hover, #nav a:hover
    {
        color: rgb(192, 192, 192);
    }
    
/*
 * highlight
 */
#highlight 
{
    margin-top: -50px;
    margin-right: 10px;
    width: 400px;
    height: 245px;
      
    float: right;
    position: relative;
    
    border: 0px solid rgb(255, 0, 0);
    padding: 0px 3px 0px 3px;
    
}
    
    #highlight img
      {
		margin-top: 0px !important;
		margin-top: -10px;
        border-top: 1px solid rgb(192, 192, 192);
        border-bottom: 1px outset rgb(50, 50, 50);
        border-right: 1px outset rgb(50, 50, 50);
        border-left: 1px solid rgb(192, 192, 192);
        
    }
     
    #highlight #slogan
    {
        float: right;
        text-align: right;
        font-size: 12px;
        font-weight: bold;
        font-family: Verdana, Tahoma, Arial, sans-serif;
        margin-top: 210px;
        padding-top: 5px;
        margin-bottom: -400px;
    }
    
/*
 * content
 */
#content 
{
    width: 100%;

    color: rgb(0, 0, 0);

    float: left;
    position: relative;
    padding-bottom: 60px;
}
    

#content-left 
{   
    float: left;
    clear: none;
    width: 300px;
    padding: 10px;
    text-align: left;
}

    #content-left h1
    {
        text-align: left;
        width: 100%;
        margin: 0;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 25px;
        margin-bottom: 10px;
    }
    
    #content-left .content
    {
        font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif;
        font-size: 16px;
        line-height: 24px;
    }
    

#content-right
{
    float: right;
    padding: 10px;
    width: 270px;
    border: 0px solid rgb(0, 0, 0);
    text-align: center;
    
    font-family:  'Trebuchet MS', Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 13px;
    line-height: 24px;
}

    #content-right h1 
    {
        margin: 0;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 25px;
        margin-bottom: 10px;
    }
    
    #content-right h2
    {
        text-align: center;
        width: 100%;
        
        color: rgb(40, 40, 40);
        font-family: Arial, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px; 
    }
    
    #content-right h3
    {
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: normal;
        font-style: italic;
    }
    
    #content-right a
    {
        text-decoration: none;
        color: rgb(0, 0, 0);
    }
    
    #content-right a:hover
    {
        color: rgb(192, 192, 192);
    }
    
    #content-right .content 
    {
        margin-bottom: 10px;
        
        text-align: center;
        text-decoration: none;
        
    }
    

 #content-bottom 
 {
    clear: both;
    width: 100%;
    border: 0px solid rgb(0, 0,0);
    margin: 0 auto;
    margin-left: 10px;
 }
 
    .insert img
    {
        border: 0px;
    }
 
    .insert
    {
        width: 243px;
        
        float: left;
        clear: none;
        border: 0px solid rgb(0,0,0);
        color: rgb(40, 40, 40);
        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size: 25px;
    }
    
    #content-bottom .center
    {
        border-left: 1px dotted rgb(100, 100, 100);
        border-right: 1px dotted rgb(100, 100, 100);
    }
    
    #content-bottom .text
    {
        width: 250px;
        padding-top: 4px;
        text-align: left;
    }

/*
 * footer
 */
#footer
{
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 10px;
    
    width: 750px;
    height: 70px;
    
    border-top: 2px ridge rgb(192, 192, 192);
    
    /* forces footer to the bottom of the browser */
    clear: both;
}

    #footer .insert
    {
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 11px;
        color: rgb(100, 100, 100);
    }
    
    #footer .left
    {
        text-align: left;
    }
    
    #footer .right
    {
        text-align: right;
    }
    
    #footer a
    {
        color: rgb(100, 100, 100);
        text-decoration: none;
    }
    
    #footer a:hover
    {
        color: rgb(0, 0, 0);
    }

div#warning {
	border: 3px solid rgb(0, 0, 0);
	padding: 4px;
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-weight: bold;
	font-family: Arial, Sans-serif;
	font-size: 13px;
	text-align: left;
}
	
/* ssi.css
 * Tom McFarlin / July 2007
 * 
 * This is the base stylesheet for the website. All other styles
 * should cascade under this sheet. */