/*******************************************
COLOURS - Colours used in the site
White               #FFF
Black               #000
Dark Navy           #01285F
Dark Red            #b12027
Pale Grey           #EBECF3
*******************************************/

/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body, p, div, td, li {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333;}

body {background-color: #f5f6fe;}    
    
p, table {margin-bottom: 18px;}

ol, ul, dl {margin: 0 0 18px 24px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 18px;
    line-height: 24px;
    color: #01285F;}

h1 {font-size: 17px;}
h2 {font-size: 16px;}
h3 {font-size: 15px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}


a:link {
	color:#01285f;}

a:visited {
    color: #01285f}

a:focus,
a:hover,
a:active {
    color: #b12027;}

/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/
#container {
    border: 1px solid #01285f;
	width:965px;
	margin: 0 auto;
	line-height: 175%;
	background-color:#EBECF3;
    background: url(../images/content_bg.gif) top left repeat-y;}

    #headerContainer {
    	background:url(../images/heading_left.gif) 15px -5px no-repeat #01285F;
    	height:100px;}
    
		#header {
        	width: 825px;
            height:100px;
            margin: 0 0 0 140px;
        	background: url(../images/heading_right.gif) top right no-repeat #B12027;}
            
            #words {
                font-weight: bold;
                float: left;
                position: relative;
                top: 10px;
                left: 15px;}
            
                #topwords {
                    color: #fff;
                    font-size: 38px;
                    line-height: 38px;}
                
                #bottomwords {
                    color: #fff;
                    font-size: 28px;
                    line-height: 40px;}
        
	#navigation {
    	clear:both;
    	float:left;
    	width:140px;}

		#login {padding:15px;}
            
            #login input {width:100px;}
        
    #contentContainer {
        margin: 0;
        padding: 0 0 0 140px;}        
        
    	#content {
            float: left;
            background-color:#fff;
            padding: 10px 20px 20px 30px;
        	min-height:400px;}
            
        #default #content {
            width: 765px;}
        
        #defaultright #content {
            width: 565px;
            overflow: hidden;}
        
            #pageTitle {}
        
        #rightPanel {
            width: 200px;
            float: left;
        	background-color:#fff;
            padding: 10px 0 20px 0;
        	min-height:400px;
            overflow: hidden;}
        
    #footer {
        height: 30px;
    	padding:5px 5px 5px 20px;
    	background-color:#01285F;
    	border-top:1px solid #999;
    	color:#fff;
    	clear:both;}
        
            
        #footer ul {
            height: 30px;
            float: left;}
        
            #footer ul li {
                color:#fff;
                display:inline;
                padding-right:10px;}
            
                #footer ul li a {
                    color:#fff;
                    text-decoration: none;}
                
                    #footer ul li a:hover {
                        clear:both;
                        text-decoration: none;
                        color:#b12027;}
        .copyright {
            height: 30px;
            float: left;
            color:#fff;
            font-weight: bold;}
        

/*******************************************
FORMS
*******************************************/          
.generalForm {
    width: 750px;
    background-color: #EBECF3;}
    
      
#defaultright .generalForm {
    width: 565px;}
    
    .generalForm td {
        padding: 5px 2px;}
    
    .formPromptStyle{width: 100px;}
         
.formErrorStyle {
    color: #b12027;
    font-size: 12px;
    font-weight: 700;}

.formHtmlStyle {background-color: #EBECF3;}

.formInfoStyle,
.formLabelStyle,
.formPromptStyle {
    font-weight: bold;}

.formLine1Style {background-color: #EBECF3;}

.formLine2Style {background-color: #EBECF3;}

.formSubPromptStyle,
.formCommentStyle {
    color: #646464;
    font-size: 10px;}   
             
/*******************************************
NAVIGATION
*******************************************/
#navigation ul,
#navigation ul li,
#navigation ul ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 200px; /*For KHTML*/
    list-style: none;}

    #navigation ul {
        width: 140px;
        border-bottom: 1px solid #fff;}
 
#navigation ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;}

/* Root Menu a */
#navigation ul li a {
    display: block;
    color: #01285F;
    font-weight: bold;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/}
    
/* Root Menu li (none ahref) */
#navigation ul li,
#navigation ul li li {
    cursor: pointer;
    float: left; /*For IE 7 lack of compliance*/
    position: relative;
    display: block !important; /*For GOOD browsers*/
    background:#EBECF3;
    color: #01285F;
    font: 11px/18px Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px;
    height: auto !important;
    height: 1%; /*For IE*/
    text-decoration: none;
    border-top: 1px solid #fff;}
    
#navigation ul li {
    color: #01285F;
    width: 130px;}
    
#navigation ul ul li {
    border-left: 1px solid #fff;
    width: 200px;
    margin-bottom: 0;}

/* Root Menu Hover Persistence */
#navigation ul li a:hover,
#navigation ul li:hover,
#navigation ul li:hover a,
#navigation ul li.iehover,
#navigation ul li.iehover a {
    background: #01285F;
    color: #fff;}

/* 2nd Menu */
#navigation ul li:hover li,
#navigation ul li:hover li a,
#navigation ul li.iehover li,
#navigation ul li.iehover li a {
    background: #01285F;
    color: #fff;}

/* 2nd Menu Hover Persistence */
#navigation ul li:hover li a:hover,
#navigation ul li:hover li:hover,
#navigation ul li:hover li:hover a,
#navigation ul li.iehover li a:hover,
#navigation ul li.iehover li.iehover,
#navigation ul li.iehover li.iehover a {
    background: #EBECF3;
    color: #01285F;
    text-decoration: underline;}

/* 3rd Menu */
#navigation ul li:hover li:hover li,
#navigation ul li:hover li:hover li a,
#navigation ul li.iehover li.iehover li,
#navigation ul li.iehover li.iehover li a {
    background: #01285F;
    color: #fff;}

/* 3rd Menu Hover Persistence */
#navigation ul li:hover li:hover li a:hover,
#navigation ul li:hover li:hover li:hover,
#navigation ul li:hover li:hover li:hover a,
#navigation ul li.iehover li.iehover li a:hover,
#navigation ul li.iehover li.iehover li.iehover,
#navigation ul li.iehover li.iehover li.iehover a {
    background: #01285F;
    color: #fff;}

/* 4th Menu */
#navigation ul li:hover li:hover li:hover li a,
#navigation ul li.iehover li.iehover li.iehover li a {
    background: #EBECF3;
    color: #01285F;}

/* 4th Menu Hover */
#navigation ul li:hover li:hover li:hover li a:hover,
#navigation ul li.iehover li.iehover li.iehover li a:hover {
    background: #01285F;
    color: #fff;}

#navigation ul ul,
#navigation ul ul ul,
#navigation ul ul ul ul {
    display: none;
    position: absolute;
    top: -1px;
    left: 140px;}

/* Do Not Move - Must Come Before display:block for Gecko */
#navigation ul li:hover ul ul,
#navigation ul li:hover ul ul ul,
#navigation ul li.iehover ul ul,
#navigation ul li.iehover ul ul ul {
    display: none;}

#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul,
#navigation ul li.iehover ul,
#navigation ul ul li.iehover ul,
#navigation ul ul ul li.iehover ul {
    display: block;}

#navigation li.hasSub,
#navigation li.hasSub li.hasSub {}