/*

    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: 90%;
        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: 748px;
        background-color: #091176;
        color: #ff0;
        margin-right: 20px;
    }
    
    #stationname
    {
        float:left;
        font-size: 1.9em;
        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;
    }
    
    #content_area
    {
        float:left;
        background-image: url(../images/leftbar.gif);
        background-repeat: repeat-y;
        margin-top: 3px;
        display:inline;
    }
    
    #navigation
    {
        float: left;
        width: 145px;
        background-color: #d5e7fe;
        margin: 3px 0 0 0;
        text-align: left;
        padding: 15px;
        font-size: 0.9em;
    }
    
    #navigation ul
    {
        margin: 0;
        list-style: none;
        padding:0; 
        float:left;
        display:inline;
    }
    
    #navigation li
    {
        width: 145px;
        float:left;
    }
    
    #navigation_set1
    {
        border-top: solid 6px #091176;
    }
    
    #navigation_set1 li
    {
        border-bottom: solid 1px #091176;
    }
    
    #navigation_set2
    {
        margin-top: 30px!important;
        border-top: solid 6px #fd1813;
    }
    
    #navigation_set2 li
    {
        border-bottom: solid 1px #fd1813;
    }
    
    #navigation_set3
    {
        margin-top: 30px!important;
        border-top: solid 6px #ff9900;
    }
    
    #navigation_set3
    {
        padding-bottom: 15px;
    }
    
    #navigation_set3 li
    {
        border-bottom: solid 1px #ff9900;
    }
    
    #navigation a
    {
        padding: 5px 2px;
        color: #0b1076;
        text-decoration: none;
        font-weight: bold;
        display: block;
        margin: 0;
    }
    
    #navigation a:hover
    {
        background-color: #c1d9fd;            
    }
    
    #navigation a.selected
    {
        background-color: #fff;
    }
    
    #content_space
    {
        float: right;
        text-align: left;
        margin: 0;
        width: 588px;
    }
    
    #footer
    {
        float:right;     
        text-align:left;
        background-color: #091176;
        padding: 8px 20px;
        color: #fff;
        width: 708px;
        margin-right: 20px;
        display: inline;
	font-size: 0.9em;
    }
    
    #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
    {
		padding-top:10px;
		padding-bottom:10px;
		text-align:left;
		font-size:0.7em;
		color:#777;
		width: 728px;
		/* enable / disable the footer */
		visibility:visible;
    }
        
    #intro_box1
    {
        float:right;
        background-color: #f0f4ff;
        height: 158px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 568px;
        display: inline;
        padding: 0;
	font-size: 0.9em;
    }
    
    #intro_box1 .intro_copy
    {
        float:right;
        padding: 20px;
        font-weight: bold;
        font-style:italic;
        line-height: 1.6em;
        display: block;
        width: 526px;
    }       
    
    #intro_box2
    {
        float:right;
        background-color: #f0f4ff;
        height: 158px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 568px;
        display: inline;
        padding: 0;
	font-size: 0.9em;
    }
    
    #intro_box2 .intro_copy
    {
        float:right;
        padding: 20px;
        font-weight: bold;
        font-style:italic;
        line-height: 1.6em;
        display: block;
        width: 258px;
    }
    
    #intro_box3
    {
        float:right;
        background-color: #f0f4ff;
        height: 158px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 568px;
        display: inline;
        padding: 0;
	font-size: 0.9em;
    }
    
    #intro_box3 .intro_copy
    {
        float:right;
        padding: 20px;
        font-weight: bold;
        font-style:italic;
        line-height: 1.6em;
        display: block;
        width: 386px;
    }       
    
    #intro_box4
    {
        float:right;
        background-color: #f0f4ff;
        height: 158px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 568px;
        display: inline;
        padding: 0;
	font-size: 0.9em;
    }
    
    #intro_box4 .intro_copy
    {
        float:right;
        padding: 20px;
        font-weight: bold;
        font-style:italic;
        line-height: 1.6em;
        display: block;
        width: 100px;
    }      
    
    #intro_box5
    {
        float:right;
        background-color: #f0f4ff;
        height: 158px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 568px;
        display: inline;
        padding: 0;
	font-size: 0.9em;
    }
    
    .image_description
    {
        float:left;
        width:100%;
        text-align:center;
        display: inline;      
    }
    
    #intro_box1 img
    {
        float:right;
        padding: 0!important;
        margin: 0!important;
        display: inline;
    }
    
    #intro_box2 img
    {
        float:right;
        padding: 0!important;
        margin: 0!important;
        display: inline;
    }
    
    #intro_box3 img
    {
        float:right;
        padding: 0!important;
        margin: 0!important;
        display: inline;
    }
    
    #intro_box4 img
    {
        float:right;
        padding: 0!important;
        margin: 0!important;
        display: inline;
    }
    
    #intro_box5 img
    {
        float:right;
        padding: 0!important;
        margin: 0!important;
        display: inline;
    }        
    
    h1
    {
        color: #f8040c;
        margin: 30px 20px 15px 20px;
        font-size: 1.0em;
    }
    
    h2
    {
        color: #f8040c;
        margin: 0px 20px 5px 0;
        font-size: 1.0em;
    }
    
    h3
    {
        color: #0e0464;
        margin: 20px 20px 5px 0;
        font-size: 0.9em;
    }
    
    #content_space .content_row
    {
        vertical-align: top;
        float:left;
        background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        margin-left: 20px;
        display:inline;
        padding: 20px 0px;
        width: 570px;
    }
    
    #content_space a
    {
        color: #091176;
        font-weight: bold;
        text-decoration: underline;
    }
    
    #content_space a:hover
    {
        color: #f00;
        text-decoration: none;
    }
    
    #content_bottom
    {
        background-image: url(../images/seperator.gif);
        background-repeat: no-repeat;
        color: #f00;
        font-weight: bold; 
        float:left;
        margin-left: 0 0 0 20px;
        display:inline;
        padding: 50px 0 20px 0;
        width: 568px;
        float:right; 
	text-align: center;   
    }
    
    .content_full
    {
        float:left;
        width:528px;
        margin-right: 20px;
    }       
            
    #content_bottom a
    {
        color: #f00;
        font-weight: bold;
    }
    
    .left
    {
        float: left;
        display: inline;
    }
    
    .right
    {
        float: right;
        display: inline;
    }
    
    p
    {
        font-size: 90%;
        margin: 6px 0;
    }
    
    #content_space ul
    {
        padding: 0;
        margin-top: 1px;
        margin-left: 16px;
        margin-bottom: 1px;
        font-size: 0.9em;      
    }
    
    #content_space ul li
    {
        margin: 0.1em 0;
    }
    
    #content_space img
    {
        float:left;
        margin-top: 3px;
	    border: 0;
    }
    
    #content_space .content_large
    {
        width:386px;
        float:right;
        display: inline;
        margin-right: 20px;
        padding-right: 20px;
    }
    
    .picture_caption_left
    {
        float: left;
        font-size: 0.7em;
    }
    
    .picture_medium_right
    {  
        float:right; 
        display: block;
        width: 264px;
        margin-top: 7px;
        clear: right;
        display: inline;
        margin-right: 20px;
    }
    
    .picture_caption img
    {
        margin-bottom: 20px;
        margin-right: 20px;
    }
    
    #content_space .content_left_large
    {
        width:406px;
        display: inline;
        margin-right: 20px;
        float:left;
    }
    
    #content_space img.right
    {
        float:right;
        display:inline;
        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;
        margin-right: 20px;
        display:inline;
    }
    
    #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;
    }
    
    #home_left
    {
        float:left;
        display: inline;
        width: 373px;
    }
    
    #home_left img
    {
         padding-bottom: 5px;
    }
    
    #home_right
    {
        float:right;
        display: inline;
        width: 175px;
        margin-right: 20px;
    }
    
    #home_right h2
    {
        margin-bottom: 0;
	font-size: 1.1em;
    }
    
    #home_right ul
    {        
        margin: 0;
        list-style: none;
        padding:0; 
        float:left;
        display:inline;
    }
    
    #home_right li
    {
        width: 175px;
        float:right;
        padding: 15px 0;
        border-bottom: solid 1px #ff9900;
        display: inline;
        font-size: 0.95em;    
        line-height: 1.1em;         
    }
    
    #home_right li.last
    {
        border-bottom: 0;
    }
    
    .caption
    {        
        color: #686db1;
        font-size: 0.7em;
        line-height: 1.2em;
        letter-spacing: 1px;
        width: 100%;
        float:left;
        clear:left;
    }
    
    .smalltext
    {                   
        line-height: 1em;
        line-height: 1.2em;
    }

	.caption_pic_small_left
	{
        float:left;
        text-align:center; 
        display: inline;
        width: 122px;
        margin-right: 20px;
        margin-top: 7px;
        clear: right;
        font-size: 0.7em;
	}
	
	.caption_pic_small_left img
	{
	    margin-bottom: 5px;
	}

	.caption_pic_medium_left
	{
        float:left; 
        display: inline;
        width: 264px;
        margin-right: 20px;
        margin-top: 7px;
        color: #686db1;
        font-size: 0.7em;
        line-height: 1.2em;
        letter-spacing: 1px;
	}
	
	.caption_pic_medium_left img
	{
	    margin-bottom: 5px;
	}

	.caption_pic_large
	{
        float:left;
        display: block;
        width: 406px;
        margin-right: 20px;
        margin-top: 7px;
        clear: right;
        font-size: 0.7em;
	}

	.caption_pic_full
	{
        float:left;
        width: 548px;
        margin-right: 20px;
        margin-top: 7px;
        color: #686db1;
        font-size: 0.8em;
        line-height: 1.2em;
        letter-spacing: 1px;
        clear: both;
        display:block;
        font-size: 0.7em;
	}
	
	.caption_pic_full img
	{
	    margin-bottom: 5px;
	}

	.caption_pic_small_right
	{
        float:right;
        display: inline;
        width: 122px;
        margin-right: 20px;
        margin-top: 7px;
        color: #686db1;
        font-size: 0.8em;
        line-height: 1.2em;
        letter-spacing: 1px;
        clear: right;
        font-size: 0.7em;
	}
	
	.caption_pic_small_right img
	{
	    margin-bottom: 5px;
	}

	.caption_pic_medium_right
	{
        float:right;
        width: 264px;
        margin-top: 7px;
        clear: right;
        color: #686db1;
        font-size: 0.7em;
        line-height: 1.2em;
        letter-spacing: 1px;
        display: inline;
        margin-right: 20px;
        font-size: 0.7em;
	}

	.caption_pic_medium_right img
	{
        margin-bottom: 5px;
	}

	.caption_pic_large_right
	{
        float:right;
        display: block;
        width: 406px;
        margin-right: 20px;
        margin-top: 7px;
        clear: right;
	}