@CHARSET "ISO-8859-1";
body{
    
    background-position: top center;
    background-repeat: no-repeat;
    text-align:center;  /*for IE */    
    background-color:#EAEEF0;
}

*{
    margin:0;
    padding:0;
}

a img{
    border-width:0px;
}

#contentWrapper{
    background-color:#FFFFFF;
    width:1024px;
    margin:0 auto;
    background-image:url(images/header.jpeg);
    background-position: top center;
    background-repeat: no-repeat;
}
#contentWrapperIndexPage{
    background-color:#FFFFFF;
    width:1024px;
    margin:0 auto;
    background-image:url(images/background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}


#header{ 
    height:100px;
    width:930px;
    padding-top:25px;
    margin:0 auto;

}
#header #container{ 
    text-align:left;
    padding-left:30px;
    position:relative;
}
#header #container #headImages{ 
    vertical-align:top;
    margin-right:10px;
    border-width:0px;
}

#header #sub1{ 
    color:#FFFFFF;
    text-align:left;
    float:right;
    padding-right:134px;
}

#header #head{ 
    font-family:Georgia, Times New Roman, Times, serif;
    font-size:larger;
}
#header #sub2{ 
    font-family: Arial, sans-serif;
    font-size:smaller;
}

#maincontainer{ 
    width:950px;
    margin: 0 auto;
    /*padding-left:20px;*/
    display:block;

}

#mainMiddle{ 
    display:block;
    clear:both;
    background-color:#FFFFFF;
}

#navmenu{ 
    text-align:left;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:larger;
    color:#B81010;
    width:190px;
    float:left;
    margin-top:50px;

}

#navmenu ul {
    list-style: none;
}

#navmenu ul li {
    display: block;
    border-bottom: 1px solid #9f0e0e;
    padding: 7px 7px 7px 0;
}	

#navmenu ul li a {
    padding-left: 25px;
    background: url(images/redarrow.png) no-repeat top left;
    color: #9f0e0e;
    text-decoration: none;
}

#navmenu ul li a:hover {
    padding-left: 25px;
    background: url(images/blackarrow.png) no-repeat top left;
    color: #000;
    text-decoration: none;
}

#navmenu ul li ul {
    margin-left: 40px;
}

#navmenu ul li ul:hover {
    margin-left: 40px;
    display:block;
    
}

#navmenu ul li ul li {
    display: block;
    padding: 4px 10px 4px 0;
    font: normal 12px Georgia, "Times New Roman", Times, serif;
    border: none;
}
#navmenu ul li ul li a {
    padding: 0;
    background: none;
    color: #9f0e0e;
    text-decoration: none;
}

#navmenu ul li ul li a:hover {
    padding: 0;
    background: none;
    color: #000;
    text-decoration: none;
}

#navmenu img {
/*    margin: 40px 0 0 20px;*/
}
/*---------Unique to secondary pages---------------------*/
#pagecontent{ 
    text-align:left;
    padding-top:75px;
    padding-left:35px;
    padding-right:32px;
    padding-bottom:20px;
    width:535px;
    height:100%;
    float:left;
    font: normal 13px "Arial", sans-serif;
}

#pagecontent p{
    margin-bottom:13px;
}

#pageHeading{
    color:#B81010;
/*    font: normal 20px Georgia, "Times New Roman", Times, serif;*/
    font: normal 1.25em Georgia, "Times New Roman", Times, serif;
    padding-top:5px;
    padding-bottom:5px;
    display:block;
}

#pageSubHeading{
    color:#B81010;
    font: normal 20px Georgia, "Times New Roman", Times, serif;
    display:block;
    padding-bottom:5px;
    padding-top:5px;
}

#mainMiddle #rightcontent{
    padding-top:70px;
    width:155px;
    float:left;
    font: normal 12px Lucida Grande, "Arial", sans-serif;
    text-align:left;
    color:#585858;
    
}

#mainMiddle #rightcontent #topBox{
    background-color:#F6F5F3;
    padding: 15px 15px 15px 15px;
    font-size:11px;
}
#mainMiddle #rightcontent #topBox #topBoxTitle{
    font-size:13px;
    font-weight:bold;
    padding-bottom:15px;
}

#mainMiddle #rightcontent #topBox li{
    padding-bottom:5px;
}
#mainMiddle #rightcontent #bottomBox{
    margin-top:25px;
    margin-bottom:25px;
    font-size:11px;
    line-height:155%;
}
#mainMiddle #rightcontent #bottomBox #bottomBoxTitle{
    font-size:13px;
    font-weight:bold;
    
}
#mainMiddle #rightcontent #bottomBox #bottomBoxContent{
    padding-left:8px;
    padding-right:8px;
}

#tablelist table{
    width:100%;
    padding: 0px 5px 15px 5px;
    
}

#tablelist td{
    padding:5px 0px 5px 20px;
    
}
#tablelist table ul{
    list-style-image:url(images/smallarrow.png);
}

#normallist ul{
    list-style-image:url(images/smallarrow.png);
    padding: 0px 10px 7px 25px;
}

#normallistNoArrow{
    padding: 0px 10px 7px 25px;
}

#normallistNoArrow>ul{
    list-style-image:none;
}

#normallist ul li{
    padding-bottom:7px;
}

img.imageright {
    float: right;
    margin: 0 0 20px 20px;
}

/*--------end unique to secondary pages--------------------*/



/*----------Unique to main page----------------------------*/
#content{ 
    float:right;
    padding-top:100px;
    width:705px;
    padding-right:25px;
    height:100%;
}

#content #subContent{ 
    width:405px;
    float:right;
    font: normal 20px Georgia, "Times New Roman", Times, serif;
}


#hubzone{ 
    text-align:left;
    width:100%;
    margin: 0 auto;
    padding-top:15px;
    padding-bottom:15px;
    clear:both;
}

#blue{ 
    padding-top:15px;
    padding-bottom:15px;
    height:140px;
    width:990px;
    margin:0 auto;
    background-image:url(images/bluebox.png);

    /*Because IE does not allow this div to be rouned
      a background image was used. Its color is #EAEEF0*/
    /*    background-color:#EAEEF0;*/ 

}


#blueContent{ 
    width:950px;  /*---Same as "maincontainer" id--- */
    margin: 0 auto;
    /*padding-left:20px;*/ /*end----------------------------- */
    text-align:left;
    position:relative;
    font: normal 13px  "Arial", sans-serif;
}


#blueContent #bluesub{ 
    width:455px;
    padding-left:5px;
    height:100%;
    text-align:left;
    float:left;
    line-height:135%;
    font-size:13px;
    word-spacing:3px;

}
#twentiethHeadline{
    color:#B81010;
    font-weight: bolder;
    font-size: large;
    padding-top:5px;
    padding-bottom:5px;
    display:block;
}

#blueContent #boxes{
    float:right;
    color:#444646;
    position:absolute;
    top:-100px;
    right:0px;
    line-height:145%;
} 
#blueContent #boxes img{
    border-width:0px;                                           
}

/*----------End Unique to main page----------------------------*/

#footer{ 
    width:950px;         /*---Same as "maincontainer" id--- */
    margin: 0 auto;
    /*padding-left:20px; */  /*-------end----------------------- */
    height:35px;
/*    margin-top:15px; */
/*    margin-bottom:10px;*/
padding-top:15px;
    padding-bottom:15px;
    clear:both;
    /*Note: there is a padding property for the footer 
    div on all pages but the main page defined inline */
}

#footer img{ 
    float:left;
    height:100%;
/*    margin-right:25px;*/
    margin-right:15px;
    border-width:0px;               
}

#footer #text{ 
    font: normal 12px  "Arial", sans-serif;
    margin-top:9px;
/*    width:48%;*/  /*for <a> margins to work with IE6 and 7 */
    float:left;
}
#footer #text a{ 
    margin-left:2px;   /*Largest margins possible without links dropping down to 2 lines in IE 7, 6 */
    margin-right:2px;
}


/* ------------styles unique to certain pages ---------------------*/
#sitemap{ 
    text-align:left;
    float:left;
}

#sitemap ul li {
    display: block;
    padding: 7px 7px 7px 0;
    font-size:18px;  
}	

#sitemap ul li a {
    padding-left: 25px;
    text-decoration: none;
}

#sitemap ul li a:hover {
    padding-left: 25px;
    text-decoration: underline;
}
#sitemap ul li ul {
    margin-left: 30px;
    
}
#sitemap ul li ul li {
    padding: 4px 10px 4px 0;
    font-size:12px;
}

table.datatable {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

td.datatablelight {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px;
    font: 11px Arial, Helvetica, sans-serif;
}

.seaportHeadings{
font-weight:bold;
}

.inline{
display:inline;
}

.seablock{
display:block;
clear:both;
padding-bottom:10px;
}