﻿#TopStrip
{
	height: 144px;
	width: 100%;
	margin: 0 auto 0 auto;
	background-image: url(../images/drop-shadow.jpg);
	background-repeat: repeat-x;
}
#TopContainer
{
	width: 950px;
	margin: 0 auto 0 auto;
	cursor: default;
}
#Logo
{
	width: 174px;
	height: 40px;
	padding: 29px 0 0 0;
}
#Nav
{
	height: 35px;
	margin: 24px 0 0 0;
}
    .NavLeft
	{
	    width: 8px;
	    height: 35px;
	    float: left;
	}
	.NavText
	{
	    padding: 5px 7px 0 7px;
		background-image: url(../images/nav-bg.jpg);
		background-repeat: repeat-x;
		float: left;
		display: inline-block;
		height: 30px;
		
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		cursor: hand !important;
	}
	    .NavText:hover
	    {
	        color: #93BB33;
	    }
	    .NavTextSelected
	    {
	        padding: 5px 7px 0 7px;
		    background-image: url(../images/nav-bg-selected.jpg);
		    background-repeat: repeat-x;
		    float: left;
		    display: inline-block;
		    height: 30px;
		
		    color: #353535;
		    font-size: 14px;
		    font-weight: bold;
		    text-decoration: none;
		    cursor: hand !important;
	    }
	.NavRight
	{
	    width: 8px;
	    height: 35px;
	    float: left;
	    margin-right: 3px;
	}
    .IABtnLeft
    {
        width: 8px;
	    height: 35px;
	    float: left;
    }
    .IABtnText
    {
        padding: 5px 0 0 0;
		background-image: url(../images/ia-bg.jpg);
		background-repeat: repeat-x;
		float: left;
		display: inline-block;
		height: 30px;
		
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		cursor: hand;
    }
    .IABtnRight
    {
        width: 8px;
	    height: 35px;
	    float: left;
    }
    .IABtn
    {
        width: 120px;
	    height: 35px;
	    float: left;
    }
	
#MainContainer
{
    width: 950px;
    margin: 0 auto 0 auto;
}	
	
#StrapLine
{
    width: 950px;
    height: 332px;
}

#ContentContainer
{
    width: 950px;
    margin-top: 20px;
}

#LeftCol
{
    float: left;
    width: 590px;
}

#CallsToActionContainer
{
    font-size: 12px;
    width: 590px;
}
    #WhatDoWeDo
    {
        width: 250px;
        float: left;
    }
    #WhoCanSignUp
    {
        width: 250px;
        float: left;
        margin-left: 50px;
        padding-left: 10px;
    }
        #WhoCanSignUp img
        {
            margin-left: -10px;
        }
    #HowDoesItWork
    {
        width: 250px;
        float: left;
        margin-top: 23px;
    }
    #Questions
    {
        width: 250px;
        float: left;
        margin-top: 23px;
        margin-left: 50px;
        padding-left: 10px;
    }
        #Questions img
        {
            margin-left: -10px;
        }

#RightCol
{
    float: right;
    width: 312px;
}
/************************************************************************************************************************/
/*Accordion Control Styles***********************************************************************************************/
/************************************************************************************************************************/
    .AccordionToggler
    {
        margin-top: 12px;
        padding: 15px 15px 0 15px;
        /*padding: 3px;*/
        width: 282px;
        height: 85px;
        /*background: #424242;*/
        /*background-image: url(../images/red-box.jpg);
        background-repeat: no-repeat;*/
        color: #FFFFFF;
        cursor: pointer;
    }
    .AccordionContent
    {
        width: 282px;
        padding-left: 15px;
        padding-right: 15px;
        color: #FFFFFF;
        /*background-image: url(../images/red-box-strip.jpg);
        background-repeat: repeat-y;*/
    }
    .AccordionContent a 
    {
		color:#FFFFFF;
		font-weight:bold;
    }
    .AccordionContent a:hover
    {
		color:#FFFFFF;
		text-decoration:underline;
    }
    
    .BoxHeading
    {
        font-size: 22px;
        font-weight: bold;
    }
    /********************/
    /**Red Box Styles**/
    /********************/
    #RedBoxToggler
    {
        background-image: url(../images/red-box.jpg);
        background-repeat: no-repeat;
    }
    #RedBoxContent
    {
        background-image: url(../images/red-box-strip.jpg);
        background-repeat: repeat-y;
    }
    /********************/
    /**Blue Box Styles**/
    /********************/
    #BlueBoxToggler
    {
        background-image: url(../images/blue-box.jpg);
        background-repeat: no-repeat;
    }
    #BlueBoxContent
    {
        background-image: url(../images/blue-box-strip.jpg);
        background-repeat: repeat-y;
    }
    /********************/
    /**Green Box Styles**/
    /********************/
    #GreenBoxToggler
    {
        background-image: url(../images/green-box.jpg);
        background-repeat: no-repeat;
    }
    #GreenBoxContent
    {
        background-image: url(../images/green-box-strip.jpg);
        background-repeat: repeat-y;
    }
    /********************/
    /**Black Box Styles**/
    /********************/
    #BlackBoxToggler
    {
        background-image: url(../images/black-box.jpg);
        background-repeat: no-repeat;
    }
    #BlackBoxContent
    {
        background-image: url(../images/black-box-strip.jpg);
        background-repeat: repeat-y;
    }
/**END Accordion Control Styles***********************************************************************************************/
    
#Footer
{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border-top: 1px solid #CCCCCC;
}
    #Footer a
    {
        color: #353535;
    }
    #Footer a:hover
    {
        color: #1FB3E7;
    }