/*

    Title:          style.css
    Author:         Gary Hodge
    Date:           06/03/08
    
    Synopsis:       RNLI Style Sheet
    
    Last Mod:       06/03/08 SP
    
*/
	html
	{
		height: 101%;
	}

    body
    {
        font-size: 80%;
        font-family: Arial, Verdana;
        color: #091176;
        text-align:center;
        margin: 0 auto;
    }
    
    #wrapper
    {
        width:768px;
        text-align:center;
        margin: 0 auto;  
    }
    
    #header
    {
        float:left;
        height: 85px;
        width: 738px;
        background-color: #091176;
        color: #ff0;
        margin-right: 30px;
    }
    
    #stationname
    {
        float:left;
        font-size: 2em;
        padding: 45px 0 0 15px;
        letter-spacing: 0.1em;
        display: inline;
    }
    
    #rnlilogo
    {
        float:right;
        width: 140px;
        height: 85px;
        background-image: url(../images/rnlilifeboat.gif);
        background-repeat: no-repeat;
    }
    
    #navigation
    {
        float: left;
        background-color: #d5e7fe;
        text-align: left;
        width: 738px;
        font-size: 1em;
        background-image: url(../images/navigation.gif);
        background-repeat: no-repeat;
    }
    
    #navigation ul
    {
        margin: 0;
        padding:0; 
        float:left;
        width: 738px;
    }
    
    #navigation li
    {
        list-style-type: none;
        float:left;
        display:inline;
        border-right: solid 1px #fff;
    }
    
    #navigation li.first
    {
        margin-left: 22px;
        border-left: solid 1px #fff;
    }
    
    #navigation a
    {
        padding: 5px 10px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        display: block;
        margin: 0;
    }
    
    #navigation a:hover
    {
        background-color: #e2781c;
	background-image: url(../images/nav_hover.gif);
        background-repeat: repeat-x;
        color: #fff;           
    }
    
    #navigation a.selected
    {
        background-color: #fff;
        color: #003b9e;
    }

    #navigation a.selected:hover
    {
	color: #fff;
    }
    
    #content_area_1
    {
        float:left;
        background-image: url(../images/leftbar1.gif);
        background-repeat: repeat-y;
	padding-bottom: 30px;
    }
    
    #content_area_2
    {
        float:left;
        background-image: url(../images/leftbar2.gif);
        background-repeat: repeat-y;
    }
    
    #content_area_3
    {
        float:left;
        background-image: url(../images/leftbar3.gif);
        background-repeat: repeat-y;
	    padding-bottom: 30px;
    }
    
    #content_space
    {
        float: left;
        text-align: left;
        margin: 0;
        width: 768px;
	line-height: 1.2em;     
    }
    
    #footercontent
    {
        float:left;
        height: 50px;
    }
    
    #homefootercontent
    {
        float:left;
        height: 50px;
    }
    
    #footer
    {
        float:left;     
        text-align:left;
        background-color: #091176;
        padding: 8px 20px;
        color: #fff;
        width: 698px;
        margin-right: 30px;
        display: inline;
	font-size: 1em;
    }
    
    #footer a
    {
        color: #fff;
        text-decoration: none;
    }
    
    #footer a:hover
    {
        color: #fff;
        text-decoration: underline;
    }
    
    #footer .seperator
    {
        margin: 0 10px;
        color: #d6e6ff;
        font-weight: bold;
    }        
    
    #legend
    {
		margin: 0 0 0 15px;
		padding-bottom:10px;
		float: left;
		text-align:left;
		font-size:0.8em;
		color:#777;
		width:708px;
		/* enable / disable the footer */
		visibility:visible;
    }
        
    #intro_box
    {
        float:left;
        background-color: #f0f4ff;
        margin-right: 30px;
        width: 738px;
        display: inline;
        padding: 0;
        font-size: 1em;
    }
    
    #intro_box_2
    {
        background-color: #f0f4ff;
        width: 359px;
        float:right;
        margin: 0;
        font-size: 1em;
    }
    
    #intro_box .intro_copy
    {
        float:right;
        padding: 30px;
        font-weight: bold;
        font-style:italic;
        line-height: 1.6em;
        display: inline;
        width: 426px;
    }
    
    #intro_box .intro_copy_2
    {
        float:right;
        padding: 30px;
        font-weight: bold;
        font-style:italic;
        line-height: 1.6em;
        display: inline;
        width: 199px;
    }
    
    #intro_box_2 .intro_copy
    {
        float:right;
        padding: 30px;
        font-weight: bold;
        font-style:italic;
        line-height: 1.6em;
        display: inline;
        width: 249px;
    }
    
    #right_2 #intro_box .intro_copy
    {
        width: 299px;
        padding: 30px;
    }
    
    #intro_box img
    {
        float:left;
        padding: 0!important;
        margin: 0!important;
        display: inline;
    }
    
    #content_2
    {
        float: right;
        width: 328px;
        vertical-align: top;
        float:right;
        background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        display:inline;
        padding: 15px 0px 14px 0;
        margin-bottom: 20px;
    }
    
    h1
    {
        color: #f00;
        margin: 0 0 13px 0;
        font-size: 1.6em;
        font-style: normal;
        letter-spacing: 0.3em;
    }
    
    h2
    {
        color: #f8040c;
        margin: 0 20px 5px 0;
        font-size: 1.2em;
    }
    
    h3
    {
        color: #0e0464;
        margin: 0px 20px 5px 0;
        font-size: 1em;
    }
    
    h4
    {
        color: #f8040c;
        display: inline;
        font-size: 1.1em;
    }
    
    #content_space .content_block
    {
        vertical-align: top;
        float:left;
        background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        background-position: bottom right;
        display:inline;
        padding: 20px 0px 14px 0;
        width: 738px;
    }
    
    #leftbar_2 .content_block
    {
        vertical-align: top;
        float:left;
        background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
        display:inline;
        padding: 20px 0px 14px 20px;
        margin-left: 10px;
        width: 320px;
    }
    
    #right_2 .content_block
    {
        vertical-align: top;
        float:right;
        background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
        display:inline;
        padding: 0 0 14px 20px;
        margin-left: 10px;
        margin-top: 20px;
        width: 330px;
    }

    #right_2 .last
    {
        margin-bottom: 20px;
    }
    
    #content_space .leftbar
    {
        width: 250px;
        float: left;
    }
    
    #content_space .leftbar img
    {
        margin: 2px 0;
    }
    
    #content_space a
    {
        color: #091176;
        font-weight: bold;
        text-decoration: underline;
    }
    
    #content_space a:hover
    {
        color: #f00;
        text-decoration: none;
    }
    
    #content_space .content_full
    {
        float:right;
        width: 458px;
    }       
            
    #content_bottom a
    {
        color: #f00;
        font-weight: bold;
    }
    
    .left
    {
        float: left;
        display: inline;
    }
    
    .right
    {
        float: right;
        display: inline;
    }
    
    p
    {
        margin: 10px 0;
    }
    
    #content_space ul
    {
        font-size: 0.9em;      
    }
    
    #content_space img
    {
        float:left;
	    border: 0;
    }
    
    #content_space .content_large
    {
        width:386px;
        float:right;
        display: inline;
        margin-right: 40px;
    }
    
    #content_space .content_left_large
    {
        width:406px;
        display: inline;
        margin-right: 20px;
        float:left;
    }
    
    #content_space img.right
    {
        float:right;
        margin-right: 20px;
    }
    
    #content_space img.left
    {
        float:left;
        margin-right: 20px;
    }
    
    #content_space .content_right_medium
    {
        width:235px;
        float:right;
    }
    
    #content_space .content_left_medium
    {
        width:264px;
        float:left;
    }
    
    #content_space .content_left_small
    {
        width:122px;
        float:left;
        margin-right: 20px;
    }
    
    #content_space .content_small
    {
        width:95px;
        float:right;
        color: #a6bbdb;
        font-style:italic;
        font-size: 0.9em;            
        line-height: 1em;
    }
    
    #leftbar_2
    {
        float:left;
        width: 379px;
        padding-bottom: 15px;
    }
    
    #right_2
    {
        float:right;
        width: 359px;
        margin-right: 30px;
        display: inline;
    }
    
    #right_2 h2
    {
        margin-bottom: 0;
    }
    
    .smalltext
    {        
        font-size: 0.85em;            
        line-height: 1em;
        line-height: 1.2em;
    }

    
    .smalltext a
    {         
    }
	
	ul.nobullets
	{
	    list-style-type: none;
        padding: 0!important;
        margin-left: 0!important;
margin: 0 0 6px 0;
	}
	
	ul.nobullets li
	{
	    padding: 2px 0px;
	    font-style : italic;
	    margin-left: 0!important;
	}
	
	.content_row
	{
	    display: block;
	    float:left;
	    width: 738px;
	}
	
	.caption
	{
	    font-size: 0.8em;
	    margin: 3px 25px;
	    font-weight: bold;
	}
	
	.homecaption
	{
	    font-size: 0.8em;
	    margin: 3px 25px;
	    float:left;
	    display: inline;
	}
	
	#right_2 ul
    {
        float: right;        
        list-style-type: none;
        padding: 0!important;
        margin-left: 0!important;
        width:329px;
	margin-top: 30px;
	margin-bottom: 22px;
        padding: 0 0 22px 0;
    }
	
	#right_2 li
	{
        padding: 0 0 20px 0;
	    margin-left: 0!important;
	    background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        float: left;
	margin-bottom: 22px;
	}

	
	#right_2 img
	{
	    float:left;
	    margin-right: 15px;
	}
	
	#content_area_3 .leftbar
	{
	    width: 508px;
	    float: left;
	}
	
	#content_area_3 .leftbar img
	{
	    margin: 2px 4px 2px 0;
	    display:inline;
	    float:left;
	}
	
	#content_area_3 .rightcontent
	{
	    float:right;
	    width: 200px;
	}
	
	#content_area_3 .content_full
    {
        float:right;
        display: inline;
        width: 204px;
        margin-right: 30px;
        padding: 20px 0 14px 0px;
	    background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
     #content_area_3 .last
     {
        background: none;
     }
     
    #content_space .crew_row
     {
        float:left;
        width: 768px;
        padding: 25px 0 14px 0px;
	background-image: url(../images/seperator2.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
	text-align: center;
     }

	.crew_row img
     {
        margin: 0px 0 5px 0px;
     }
     
     .crew_member
     {
        width: 164px;
	margin-right: 25px;
        float:left;
	padding: 0;
	font-size: 0.85em;
	line-height: 1.1em;
	text-align: left;
	display: inline;
     }
    
     .crew_last
     {
        background: none!important;
     }