*
{
    padding: 0;
    margin: 0;
}

html, body 
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #333333;
	background-color: #017bbe;
	margin: 0px;
	padding: 0;
	height: 100%;
}

/* PAGE STRUCTURE STYLES */
#container
{
    display: block;
    position: relative;
    min-height: 100%;
    width: 950px;
    margin: 0 auto;
    border-left: solid 1px #002031;
    border-right: solid 1px #002031;
    background: White;
}

    * html #container
    {
        height: 100%;
    }

#header
{
    display: block;
    width: 950px;
    height: 120px;
    background: White;
    vertical-align: middle;
}

    #header .header_rt_top
    {
        display: block;
        float: left;
        width: 640px;
        height: 95px;
        margin-left: 20px;
    }

    #header .header_rt_btm
    {
        display: block;
        margin-left: 20px;
        width: 640px;
        float: left;
        text-align: right;
    }
    
    #header .header_rt_btm #opnav-almosthome
    {
        display: block;
        width: 100px;
        height: 25px;
        line-height: 0;
        font-size: 0;
        background: #ffffff url('images/opnav_almosthome.png') top left;
        float: left;
    }
    
        #header .header_rt_btm #opnav-almosthome:hover
        {
            background-position: 0 -25px;
        }
    
    #header .header_rt_btm #opnav-fixforlife
    {
        display: block;
        width: 81px;
        height: 25px;
        line-height: 0;
        font-size: 0;
        background: #ffffff url('images/opnav_fixforlife.png') top left;
        float: left;
    }
    
        #header .header_rt_btm #opnav-fixforlife:hover
        {
            background-position: 0 -25px;
        }
        
    #header .header_rt_btm #opnav-thespaystation
    {
        display: block;
        width: 122px;
        height: 25px;
        line-height: 0;
        font-size: 0;
        background: #ffffff url('images/opnav_thespaystation.png') top left;
        float: left;
    }
    
        #header .header_rt_btm #opnav-thespaystation:hover
        {
            background-position: 0 -25px;
        }
    
    #header .header_rt_btm #opnav-snipandtip
    {
        display: block;
        width: 96px;
        height: 25px;
        line-height: 0;
        font-size: 0;
        background: #ffffff url('images/opnav_snipandtip.png') top left;
        float: left;
    }
    
        #header .header_rt_btm #opnav-snipandtip:hover
        {
            background-position: 0 -25px;
        }
    /*
    #header .header_rt_btm a img
    {
        float: left;
        margin: 0px 5px;
    }
    */
#top-span
{
    display: block;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background: white;
}

.sub-nav
{
    display: block;
    height: 31px;
    background: #e38b00;
}

    .sub-nav a
    {
        display: block;
        float: left;
        padding: 8px 30px;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        color: White;
    }
    
    .sub-nav a:hover
    {
        background-color: #f1bc03;
    }

#nav
{
    display: block;
    width: 950px;
    height: 45px;
    background: url('images/n_background.png') top left;
    clear: both;
}

#column-wrapper
{
    display: block;
    width: 950px;
    height: 135%;
    background: White;
    margin-top: auto;
    margin-bottom: auto;
    clear: both;
}

    #column-wrapper #col-left
    {
        display: block;
        position: relative;
        width: 336px;
        padding: 0;
        float: left;
        height: 100%;
        text-align: center;
        background: White;
    }
    
    #column-wrapper #col-right
    {
        display: block;
        position: relative;
        width: 590px /*607px*/;
        padding: 8px 7px 8px 0px;
        float: left;
        background: White;
    }
    
        #column-wrapper #col-right ul
        {
            display: block;
        }
    
#footer
{
    display: block;
    width: 934px;
    height: 30px;
    background: #06324b;
    padding: 8px;
    color: White;
    text-align: center;
    clear: both;
}

    #footer a
    {
        color: #cbd745;
    }
    
/* NAVIGATION STYLES */
#nav ul.n_sub
{
    margin: 0;
	padding: 0;
	z-index: 30;
}

    #nav ul.n_sub li
    {
        margin: 0;
    	padding: 0;
    	list-style: none;
    	float: left;
    	font: bold 11px arial;
    	z-index: 30;
    }
    
    #nav ul.n_sub li div
    {
    	position: absolute;
    	visibility: hidden;
    	margin-top: 45px;
    	padding: 0;
    	background: #055d8d;
    	clear: both;
    	z-index: 30;
    }
    
        html/**/body #nav ul.n_sub li div
        {
            margin: 0;
            z-index: 30;
        }

    	#nav ul.n_sub li div a
    	{
    		position: relative;
    		display: block;
    		margin: 0;
    		padding: 8px 15px;
    		width: 175px;
    		height: 15px;
    		white-space: nowrap;
    		text-align: left;
    		text-decoration: none;
    		background: #055d8d;
    		color: White;
    		border-bottom: solid 1px #5ab8ec;
    		z-index: 30;
    	}

    	#nav ul.n_sub li div a:hover
    	{
    		background: #5ab8ec;
    	}

#nav a.n_home
{
    display: block;
    width: 87px;
    height: 45px;
    background: url('images/n_home.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_home:hover
    {
        background-position: 0 -45px;
    }
    
#nav a.n_aboutus
{
    display: block;
    width: 99px;
    height: 45px;
    background: url('images/n_aboutus.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_aboutus:hover
    {
        background-position: 0 -45px;
    }
    
#nav a.n_adoption
{
    display: block;
    width: 99px;
    height: 45px;
    background: url('images/n_adoption.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_adoption:hover
    {
        background-position: 0 -45px;
    }

#nav a.n_spayneuter
{
    display: block;
    width: 125px;
    height: 45px;
    background: url('images/n_spayneuter.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_spayneuter:hover
    {
        background-position: 0 -45px;
    }
    
#nav a.n_educate
{
    display: block;
    width: 98px;
    height: 45px;
    background: url('images/n_educate.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_educate:hover
    {
        background-position: 0 -45px;
    }
    
#nav a.n_volunteer
{
    display: block;
    width: 105px;
    height: 45px;
    background: url('images/n_volunteer.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_volunteer:hover
    {
        background-position: 0 -45px;
    }
    
#nav a.n_media
{
    display: block;
    width: 82px;
    height: 45px;
    background: url('images/n_media.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_media:hover
    {
        background-position: 0 -45px;
    }
    
#nav a.n_oursupporters
{
    display: block;
    width: 140px;
    height: 45px;
    background: url('images/n_oursupporters.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_oursupporters:hover
    {
        background-position: 0 -45px;
    }
    
#nav a.n_contactus
{
    display: block;
    width: 115px;
    height: 45px;
    background: url('images/n_contactus.png') no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

    #nav a.n_contactus:hover
    {
        background-position: 0 -45px;
    }
    
/* SECTION STYLES */
.featured_pet
{
    display: block;
    float: left;
    width: 159px;
    height: 220px;
    margin: 10px 0px 5px 8px;
    text-align: center;
    background: #ffffff url('images/featured_pet_box_bg.png') no-repeat top left;
}

    .featured_pet img
    {
        margin-top: 38px;
        width: 151px;
        height: 151px;
    }
    
    .featured_pet .name
    {
        display: block;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 16px;
        font-weight: bold;
        color: #5e6f77;
        padding: 2px;
    }
    
.article
{
    display: block;
    width: 578px;
    height: 130px;
    border: solid 1px #cccccc;
    background: #f8f8f8;
    margin: 9px 5px;
    padding: 10px;
}

.article_alt
{
    display: block;
    width: 578px;
    height: 130px;
    border: solid 1px #cccccc;
    background: #d7f2fe;
    margin: 9px 5px;
    padding: 10px;
}

    .article img, .article_alt img
    {
        float: left;
        margin-right: 10px;
    }
    
    .article h1, .article_alt h1
    {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #44a0d4;
    }
    
    .article p, .article_alt p
    {
        color: #333333;
        font-size: 12px;
    }
    
    .article a, .article_alt a
    {
        color: #44a0d4;
        font-weight: bold;
    }

.ed_message
{
    display: block;
    width: 303px;
    border: solid 1px #cccccc;
    height: auto;
    background: #f4ebca;
    padding: 10px;
    margin: 5px 8px;
    text-align: left;
}

    .ed_message h2
    {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #44a0d4;
        margin-bottom: 5px;
    }

.happy_tales
{
    display: block;
    width: 303px;
    border: solid 1px #cccccc;
    height: auto;
    background: #ecf0f4;
    padding: 10px;
    margin: 5px 8px;
    text-align: left;
}

    .happy_tales h2
    {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #44a0d4;
        margin-bottom: 5px;
    }
    
.email_signup
{
    display: block;
    width: 303px;
    border: solid 1px #014367;
    height: 105px;
    background: #00b4e6;
    padding: 10px;
    margin: 5px 8px;
    color: White;
    text-align: left;
    clear: both;
}

    .email_signup h2
    {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        margin-bottom: 13px;
    }
    
    .email_signup .field_name
    {
        display: block;
        width: 100px;
        float: left;
        margin-bottom: 5px;
    }
    
    .email_signup .field_form
    {
        display: block;
        float: left;
        margin-bottom: 5px;
    }
    
    .email_signup .txtbox
    {
        border: solid 1px #ecf0f4;
        font-size: 12px;
        width: 190px;
    }
    
    .email_signup .field_error
    {
        border: solid 2px Red;
        font-size: 12px;
        width: 190px;
    }
    
/*
Content Page Styles
*/
.contentTitle
{
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #44a0d4;
    padding: 10px 0px;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 30px;
}

.contentText
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px; 
    line-height: 20px;
}

    .contentText .framed_img
    {
        padding: 10px;
        background: White;
        border: solid 1px #999999;
    }
    
    .contentText .framed_box
    {
        margin: 0px 20px 10px 0px; 
        padding: 5px;
        display: block; 
        width: 275px; 
        float: left; 
        text-align: center;
    }
    
        .contentText .framed_box img
        {
            margin: 5px;
        }
        
    .contentText .framed_box_orange
    {
        margin: 0px 20px 10px 0px; 
        padding: 5px;
        display: block; 
        width: 265px; 
        float: left; 
        text-align: left;
        color: White;
        background-color: #df6a09;
        line-height: 14px;
    }
    
        .contentText .framed_box_orange img
        {
            margin: 5px;
        }
        
    .contentText .framed_box_blue
    {
        width: 250px;
        padding: 5px;
        color: White;
        background: #0676cd;
        border: solid 1px #999999;
        float: left;
        margin: 10px 15px 10px 0px;
        font-size: 11px;
    }
    
    
/*
Form Styles
*/
.form_row
{
    display: block;
    width: 700px;
    padding: 4px;
}

.field_title
{
    display: block;
    width: 175px;
    float: left;
}

.field_input
{
    display: block;
    width: 525px;
    float: left;
}

.input_text
{
    border: solid 1px #999999;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #000033;
}

.input_btn
{
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #999999;
    background-color: #4e80b2;
    color: #ffffff;
    padding: 3px 4px;
    height: 29px;
}

.form_section
{
    display: block;
    margin-bottom: 10px;
}

    .form_section .section_header
    {
        color: #0b335c;
        font-weight: bold;
        border-bottom: dashed 1px #999999;
        width: 500px;
        margin-bottom: 7px;
    }
    
    .form_section .form_row
    {
        width: 500px;
        clear: both;
        font-weight: lighter;
        font-size: 11px;
    }
    
    .form_section .form_row .label
    {
        display: block;
        width: 125px;
        float: left;
        vertical-align: middle;
    }
    
    .form_section .form_row .field
    {
        display: block;
        width: 375px;
        float: left;
        vertical-align: middle;
    }
    
        .form_section .form_row .field .input_border
        {
            font-size: 11px;
            border: solid 1px #999999;
            background: White;
        }
        
        .form_section .form_row .field .input_invalid
        {
            border: solid 1px red;
            background-color: #f2bbb7;            
        }
        
.share_toolbar
{
    display: block;
    padding: 8px 0px 50px 0px;
}

    .share_toolbar a
    {
        margin: 10px 5px;
    }
    
.program_hours
{
    display: block;
    width: 290px;
    text-align: left;
    margin: 25px auto;
    padding: 0px 5px 30px 5px;
    background: #ecf0f4;
    border: solid 1px #cccccc;
}
    
    html/**/body .program_hours
    {
        padding: 5px;
    }

    .program_hours h3
    {
        padding: 5px;
        font-size: 15px;
        background: #053149;
        border: solid 1px #cccccc;
        text-align: center;
        margin: 10px 0px;
        color: #ffffff;
    }
    
    .program_hours .sub1
    {
        display: block;
        padding: 0px 15px 10px 15px;
        width: 260px;
        text-align: center;
        font-weight: bold;
    }
    
    .program_hours .lft
    {
        display: block;
        float: left;
        width: 110px;
        padding: 3px 15px;
        font-weight: bold;
    }
    
    .program_hours .rt
    {
        display: block;
        float: left;
        width: 110px;
        padding: 3px 15px;
    }
    
.dog_song
{
    display: block;
    clear: both;
    margin: 25px 0px;
}

#logo_container
{
    text-align: center;
    margin: 15px auto;
}

    #logo_container img
    {
        margin: 20px 15px;
    }

#no_logo_container
{
    margin: 15px auto;
    text-align: center;
}

    #no_logo_container a, #no_logo_container span
    {
        margin: 20px 5px;
        text-align: center;
    }
    
/* MODAL POPUP STYLES */
#modalPopupBackground
{
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: solid 1px #cecece;
    z-index: 2300;   
}

#modalPopup
{
    display: none;
    position: absolute;
    height: 400px;
    width: 400px;
    background: #ffffff;
    border: solid 2px #cecece;
    z-index: 2400;
    padding: 3px;
}