/*
Author: Paul Backhouse
Date: Dec 2009
Description: HTML tag and positional element styles - unique identifier styles (i.e. ID'd elements)
Help: Should you requrie assistance I am contactable on skuffuk@gmail.com
*/

/* RESET */
* { padding:0px; margin:0px; }


/* HTML TAGS */
html { overflow-y:scroll;} /* FF shows now vertical scrollbar if not needed, looks messy */
body { background:#D5E9F0; color:#333; font-family:Arial, Verdana, Helvetica, sans-serif; padding:11px;  }
hr {  clear:both; float:left; width:99%; margin:1em 0; line-height:1px; border-top:dashed 1px #999; border-bottom:dashed 1px #CCC;}
img { border:0px; }
input, textarea, select { color:#333; font-size:1.2em; padding:.2em; font-family:Arial, Sans-Serif, Verdana, Times New Roman;}
select { font-size:1em; padding:.2em;  }
label { cursor:hand;}
    /* classes related to form fields */
    .lbl {  font-size:.9em; }
    .rfv { font-size:.9em; color:#FF0000; font-weight:normal; margin-left:.4em; }
    .rev { font-size:.9em; color:#FF0000; font-weight:normal; margin-left:.4em; }
    .ddl { border:outset 1px #999; margin:.2em 0;}
    .txt { border:solid 1px #999; min-width:75%; max-width:97%;}
    .multi { min-height:75px; min-width:75%; max-width:450px;}
    .Full { width:92%;}
    .Btn { cursor:hand; width:auto; padding:5px; text-transform:uppercase; font-size:1em; letter-spacing:1px; font-weight:bold; color:#FFF; background:#FE860E; border:solid 1px #000; }
    .Btn:hover { color:#FFF; background:#1781b5;}
	.BtnAlt { cursor:hand; width:auto; padding:5px; text-transform:uppercase; font-size:1em; letter-spacing:1px; font-weight:bold; color:#1781b5; background:#FFF; border:solid 1px #1781b5;}
	.BtnAlt:hover { color:#FFF; border:solid 1px #1781b5; color:#082b3c; background:#fff; }
	.BtnDisabled { border:solid 1px transparent; background:transparent; color:#000;}
    i { font-size:.85em; color:#333; text-transform:uppercase; font-weight:bold;}
    /* [-checkboxlist and radiobuttonlist control-] */
    .MultiOption { background:#FFF; }
    .MultiOption td { cursor:hand; padding:0px; width:auto; }
    .MultiOption label { width:auto; }
    .MultiOption td:hover label { color:#000; }
    .MultiOption input { float:left;  }

td { text-align:left;}

/* ID Styles */
#Website_Center { position:relative; width:940px; height:auto; margin:0 auto;}
#Website_Area { position:relative; float:left; width:100%; }
#Header { height:78px; background:#262a47 url(../images/header/BG-Header.jpg) repeat-x left top;  }


#TopQuickLinks { height:1.7em; font-size:.75em; background:#6DA2B2 url(../images/BG-top-quick-links.gif) repeat-x left top;}
    /* #TopQuickLinks sub styles */
    #TopQuickLinks .Home { float:Left; margin-left:17px; line-height:1.7em; padding-left:20px; color:#FFF; text-decoration:none; background:transparent url(../images/icons/house.gif) no-repeat left 50%;}
    #TopQuickLinks a.Home:hover { color:#022a50; }
    #TopQuickLinks ul { list-style-type:none; text-transform:lowercase;}
    #TopQuickLinks ul li { line-height:1.7em; padding:0 1.8em; float:left;}
    #TopQuickLinks ul li a { color:#FFF; text-decoration:none; }
    #TopQuickLinks ul li a:hover { color:#0C4051;  }
    
#TabbedNavContainer { height:2.2em; background:#C0E1E8 url(../images/BG-nav.gif) repeat-x left top;}

    ul.TabbedNavigation { list-style-type:none; font-size:.75em; padding:1px 0 1px 11px; }
        /* .TabbedNavigation sub styles */
        ul.TabbedNavigation li { float:left; padding-left:6px; line-height:2.7em; font-weight:bold; background:transparent url(../images/nav-separator.gif) no-repeat left 50%;}
        ul.TabbedNavigation li.NoSepartor { padding-left:0px; background-image:none;} 
        ul.TabbedNavigation li a { text-decoration:none; min-width:97px; float:left; line-height:.9em; height:2.7em; background:#FEC748 url(../images/BG-primary-nav.gif) repeat-x left top; }
        ul.TabbedNavigation li a span.linkText { padding:.9em 1em 0 .5em; color:#075595; float:left; cursor:hand; text-decoration:none; text-transform:capitalize; }
        ul.TabbedNavigation li a span.padTopSmall { padding-top:.5em;} 
        ul.TabbedNavigation li a span.smallText { font-size:.75em;} 
            ul.TabbedNavigation li a span.Travel { float:left; height:33px; width:30px; background:transparent url(../images/icons/nav-travel.jpg) no-repeat 6px 50%;}    
            ul.TabbedNavigation li a span.Activity { float:left; height:33px; width:30px;  background:transparent url(../images/icons/nav-activity.jpg) no-repeat 6px 50%;}    
            ul.TabbedNavigation li a span.Accident { float:left; height:33px; width:30px;  background:transparent url(../images/icons/nav-accident.jpg) no-repeat 6px 50%;}    
            ul.TabbedNavigation li a span.Student { float:left; height:33px; width:30px;  background:transparent url(../images/icons/nav-student.jpg) no-repeat 6px 50%;}    
            ul.TabbedNavigation li a span.HolidayHome { float:left; height:33px; width:30px;  background:transparent url(../images/icons/nav-holiday-home.jpg) no-repeat 6px 50%;}    
            ul.TabbedNavigation li a span.Commercial { float:left; height:33px; width:30px;  background:transparent url(../images/icons/nav-commercial.jpg) no-repeat 6px 50%;}    
            ul.TabbedNavigation li a span.Fitness { float:left; height:33px; width:30px; background:transparent url(../images/icons/nav-fitness.jpg) no-repeat 6px 50%;}    
            ul.TabbedNavigation li a span.YoungProfessional { float:left; height:33px; width:30px; background:transparent url(../images/icons/nav-young-professional.jpg) no-repeat 6px 50%;}    

        ul.TabbedNavigation li a:hover { min-width:97px; float:left; line-height:.9em; height:2.7em; background:#FFF url(../images/BG-primary-nav_.gif) repeat-x left top; }
        ul.TabbedNavigation li a.On { min-width:97px; float:left; line-height:.9em; height:2.7em; background:#FFF url(../images/BG-primary-nav_.gif) repeat-x left top; }

    /* SECONDARY NAVIGATION */
    ul.SecondaryNavigation { clear:left; float:left; width:730px; padding-left:9px; height:2.8em; list-style-type:none; font-size:.7em; border-top:solid 1px #BCD8DC; background:transparent url(../images/BG-secondary-nav.gif) repeat-x left top; }
        /* .SecondarytNavigation sub styles */
        ul.SecondaryNavigation li { float:left; background:transparent url(../images/sec-nav-separator.gif) no-repeat right 2px; }
        ul.SecondaryNavigation li a { float:left; padding:0 15px; margin-right:2px; height:2.8em; line-height:2.8em; color:#075595; font-weight:bold; text-decoration:none;}
        ul.SecondaryNavigation li a:hover { background:#FFF url(../images/BG-secondary-nav_.gif) repeat-x left top;}
        ul.SecondaryNavigation li a.On { float:left; background:#FFF url(../images/BG-secondary-nav_.gif) repeat-x left top; padding:0 15px; margin-right:2px; height:2.8em; line-height:2.8em; color:#075595; font-weight:bold; text-decoration:none;}
        ul.SecondaryNavigation li a span.smallText { font-size:.8em;  line-height:1.2em;} 
        ul.SecondaryNavigation li a span.padTopSmall { clear:left; float:left; padding-top:.6em;} 



#Page_Area_Container { background:transparent url(../images/BG-body.gif) repeat-x left top;}       
#Page_Area { width:740px; border-left:solid 2px #C3DEE7; border-right:solid 2px #C3DEE7; background:#FFF; }
    /* #Page_Area sub styles */

    .Page_Title { position:relative; background:#036798 url(../images/BG-Title.gif) repeat-x left bottom; height:8.01em;}
        .Page_Title .Pad { padding:20px 25px; }
        .Page_Title h1 { color:#2CA6E2; font-size:2em; padding:0px; margin:0px; }
        .Page_Title .txtSmall { font-size:.9em;}

    .SubLevelPage { position:relative; clear:left; float:left; height:105px;}
        .SubLevelPage .ImgTitle { position:absolute; top:0px; left:-10px; }
       
   
    #Page_Content .ContentPad { padding:15px 25px; }
    #Page_Content { font-size:.8em; }
    #Page_Content h2 { font-size:1.5em; color:#6EA1B4; padding:.5em 0; text-transform:capitalize; }
    #Page_Content p { clear:both; padding:.7em 0; line-height:1.2em; }

    #Page_Content ul { padding:.7em 1.2em; list-style-type:none;}
    #Page_Content ul li {  margin:.4em 0; line-height:1.2em; background:transparent url(../images/icons/arrow.gif) no-repeat left top;}
    #Page_Content ul li span { padding-left:25px; display:block;}

    #Page_Content ol { padding:.7em 1.2em; list-style-type:decimal;}
    #Page_Content ol li { line-height:1.2em;}


#Footer { background:#0d80b4 url(../images/footer/BG.gif) repeat-x left top; min-height:176px; width:744px;}
    #Footer a { color:#FFF;}
    #Footer a:hover { text-decoration:none; }

#Right_Column { width:172px; font-size:.7em; }
    /* #Right_Column sub styles */
    #Right_Column .RightImageTitle { clear:left; padding-top:.3em;}
    #Right_Column h4 { clear:left; font-size:1.3em; padding:.5em 0 .1em 0;}

#floatMenu { top:10px; left:0%;}