/***************************
  Colors 
    Dark Blue   #00488F
    Blue        #0066CC
    Light Blue  #5993FF

    Dark Grey   #3C3C5A
    Grey        #4C4C72
    Light Grey  #666699

    Orange      #E56D00
****************************/

body {  
    font-family                 : Arial, Helvetica, sans-serif;
    font-size                   : .8em;
    background-color            : #00488F;
    color                       : #FFFFFF;
    vertical-align: top;
    margin                      : 20px 0px 0px 0px; 
    padding                     : 0;               
    text-align                  : center; /* centers container in IE 5*
browsers. The text is then set to the left aligned default in the #container
selector */
    }
    
h1 {
    margin                      : 0px 0px 0px 0px;
    font-size                   : 2em;
    }

h2 {
    margin                      : 0px 0px 0px 0px;
    font-size                   : 1.4em;
    }

h3 {
    margin                      : 0px 0px 0px 0px;
    font-size                   : 1.2em;
    }

a { 
    color                       : #0066CC; 
    font-weight                 : bold;
    text-decoration             : none;
    }

a:hover {
    color                       : #E56D00;
    }
    
ul {
    list-style-type             : square;
    }
	
li {
    margin-bottom               : 1em;
    }

img {   
    border-style                : none; 
    }

hr {
    width                       : 40%;
}

table {
    border                      : 0px;
}

td {
    vertical-align              : top;
    /*xxwhite-space                 : nowrap; */
    padding                     : 5px;
}

td.nowrap {
    white-space                 : nowrap; 
}

/*******************************
 * Sections
 ******************************/	
#container { 
    background                  : #FFFFFF url(images/filler.gif) repeat-y right top;
    color                       : #3C3C5A;
    width                       : 960px;  
    margin                      : 0 auto; /* center the page */
    text-align                  : left; /* override body text-align:center */
    /*border: 1px solid #FF0000;*/
} 

#header { 
    background: #00488F url(images/header.gif) no-repeat left top; 
    height: 158px;
    color: #FFFFFF;
    text-align: right;
} 

#header h1 {
                /* zero h1 margin to remove unexplained space between divs */
    margin                      : 0; 
    padding                     : 20px 20px 5px;   
    font-size                   : 2.0em;
}

#header h2 {
    margin                      : 0; 
    padding                     : 0px 20px;   
    font-size                   : 1.4em;
}

#sidebar {
    float                       : left;
    width                       : 241px; 
                /* since this element is floated, a width must be given */
    background                  : #FFFFFF url(images/nav.gif) repeat-y;  
    padding                     : 0; 
}

/* Space on the left and right of the text in the side bar is created through
 * left and right margins in the "#sidebar p" rule.  */
#sidebar h3, #sidebar p {
    margin-left                 : 30px; 
    margin-right                : 30px;
}

#mainContent {
/* Left margin maintains space between content and sidebar.  Remove and add
 * padding-left to have content flow into side bar when finished. */
    margin                      : 0 0 0 241px; 
    padding-left                : 20px;
    padding-right               : 25px;
    padding-top                 : 0px;
}

#flashContent {
    margin                      : 10px;
}
 
#footer {
    background              :#00488F url(images/footer.gif) no-repeat top left;
    height                      : 42px;
} 

#footer p {
    margin                      : 0; 
    padding                     : 10px 0; 
}

/**********************
 * Misc Formats
 *********************/

.picright { 
    float                       : right;
    margin                      : 3px 15px;
    text-align                  : right;
}

.floatright { 
    float                       : right;
}

.floatleft{ 
    float                       : left;
}

.clearfloat { /* this class should be placed on a div or break element and
should be the final element before the close of a container that should fully
contain a float */
    clear                       : both;
    height                      : 0;
    font-size                   : 1px;
    line-height                 : 0px;
}

em.name {
    font-weight                 : bold;
    font-style                  : normal;
}

em.small {
    font-weight                 : bold;
    font-style                  : normal;
    font-size                   : .7em;
}

em.highlight{
    font-weight                 : bold;
    font-style                  : normal;
}

p.testimonial {
    font-style                  : normal;
    font-weight                 : normal;
}

p.copyright{
    color                       : #FFFFFF;
    font-size                   : 8pt;
    text-align                  : center;
    font-weight                 : normal;
}

p.fixed { 
    font-family                 : Courier, Courier-New, Fixed; 
    } 

p.error{ 
    color                       : #E56D00;
    font-weight                 : bold;
    
} 

#center {
    text-align                  : center;
}

/************************
 * Blue blocks menu
 ***********************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock {
    width                       : 180px;
    /*border-right              : 1px solid #000;*/
    padding                     : 0 0 5px 0;
    margin-bottom               : 1em;
    margin-left                 : 25px;
    /*background-color          : #0066CC;*/
    color                       : #ffffff;
    font-size                   : 1.4em;
}

* html #blueblock{ /*IE 6 only */
    w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
    list-style                  : none;
    margin                      : 0;
    padding                     : 0;
    border                      : none;
}

#blueblock li {
    border-bottom               : 1px solid #5993FF;
    margin                      : 0;
}

#blueblock li a{
    display                     : block;
    padding                     : 5px 5px 5px 8px;
    border-left                 : 0px solid #FFFFFF;
    /*border-right              : 10px solid #666699;*/
    /*background-color          : #0066CC;*/
    color                       : #0066CC;
    text-decoration             : none;
    width                       : 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
    width: auto;
}

#blueblock li a:hover {
    /*background-color          : #5993FF;*/
    color                       : #E56D00;
    /*border-left               : 10px solid #666699;*/
    border-right                : 10px solid #3C3C5A;
}