/* NEWHAVEN FORT */
.baseColour
{
    color:#00386b;  /*logo blue*/
}
.baseColour2
{    
    color:#ed2542; /*red*/
}
body, html
{
    color: #000;
    font-family: arial,helvetica,sans-serif,verdana;    
    font-size: small; 
    background-color: #cecece;
    text-align: center; /*** Centers the design in old IE versions ***/
}
body
{
    padding:0;
    border:0;
    margin:10px 0px 10px 0px;
}
.clear
{
    clear: both;
}

.skiplink
{
    position: absolute;
    left: -1000em;
    width: 20em;
}

#mainContainer
{
    width: 760px;
    margin: 0 auto; /*** Centers the design ***/
    min-height: 300px;
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer
{
    height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header
{
    background: #00386b; /* FORT LOGO BLUE */
    padding: 0px;
}
img.fortLogo
{
    margin-left:175px;
    margin-top:20px;
    margin-bottom:2px;
}
img.attractionLogo
{
    margin-left:155px;
    margin-bottom:7px;
}
/*************************
BANNER
**************************/
#banner
{
    background: #ed2542;
    color:White;
    padding-left:10px;    
    padding-top:2px;
    padding-bottom:4px;
    font-size:small;
}
* html #banner
{
    position: relative; /*** IE needs this  ***/
}
#banner a
{
    color:White;
    text-decoration:none;
}
#banner a:hover
{
    text-decoration:underline;
}
.bannerAddress
{
    margin-left:57px;
}
.bannerAccess
{
    margin-left:100px;
}
.bannerDateTime
{
    margin-left:55px;
}
.xsmall
{
    font-size:x-small;
}
.medium
{
    font-size:medium;
}

/**************************
COLUMNS
**************************/
.outer
{
    /* padding-left: 165px; */
    border-left: solid 165px #00386b;
    background-image:url(/sys_images/bk_graduated.gif);
    background-repeat:repeat-x;
    background-color:#e0e6ed; /*darkest shade of graduated */
}
* html .outer
{
    /*** No need for hacking IE on this layout ***/
}
.inner
{
    width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner
{
    width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap
{
    float: left;
    width: 760px;
    margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap
{
    /*** No need for hacking IE on this layout ***/
}
#content
{
    float: right;
    width: 595px;
    padding:0px;
}
* html #content
{
    position: relative; /*** IE needs this  ***/
}
.contentWrap
{    
    padding-left:0px; 
    margin: 0;
    border: 0;
    margin-left:12px;
    margin-bottom:20px;
    margin-right:12px;
}
#subMenu
{
    margin-top:5px;
    margin-bottom:20px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left
{
    float: left;
    width: 145px;
    background: #00386b;  /*FORT LOGO BLUE */
    color:white;
    min-height: 250px;
    padding: 20px 5px 20px 10px;
}
* html #left
{
    position: relative; /*** IE needs this  ***/
    height: 250px;
}
#left ul
{
    list-style: none;
    padding-bottom: 4px;
    padding: 0;
    margin: 0;
    border: 0;
}
#left li
{
    padding-bottom: 2px;
    padding: 0;
    margin-bottom:8px;
    border: 0;
}
#left a
{
    color:White;
    text-decoration:none;
}
#left a:hover
{
    text-decoration:underline;
}

/**************************
FOOTER
**************************/
#footer
{
    width: 760px;
    margin: 0 auto;
    text-align: center;
}

/**************************
FORM STYLES
**************************/
.formContainer
{
    width:550px;
}
.formElement
{
    margin-top:5px;
    margin-bottom:5px;
}
.formLabel
{
    float:left;
    width:150px;
    font-weight:bold;
    margin-top:2px;
}
.formInput
{
    float:left;
    font-size:small;
    width:200px;
    font-family: arial,helvetica,sans-serif,verdana;    
    font-size: small; 
}
.formSelect
{
    width:200px;
}
.formTextArea
{
    width:200px;
    font-family: arial,helvetica,sans-serif,verdana;    
    font-size: small; 
}
.formTextAreaWide
{
    width:350px;
    font-family: arial,helvetica,sans-serif,verdana;    
    font-size: small; 
}
.formSubmit
{
   margin-left:150px;
}

.mandatory
{
    color:Red;    
}

.pc_formLabel
{
    float:left;
    width:160px;
    font-weight:bold;
    margin-top:2px;
}

.pc_submitButton
{
    margin-left:160px;
}
  
.pc_formInput
{
    width:250px;
} 

.pc_formTextArea
{
    font-family: arial,helvetica,sans-serif,verdana;    
    font-size: small;
    width:250px;
    height:250px;
} 

/**************************
CONTENT STYLES
**************************/

.title
{
    margin-top:10px;
    margin-bottom:0px;
}
h1
{
    color:#00386b;
    display:inline;
    font-size:x-large;    
}
table
{
    border-collapse: collapse;
    border:solid 1px black;
}
td
{
    vertical-align: top;
    border:solid 1px black;
    font-family: arial,helvetica,sans-serif,verdana;    
    font-size: small;
    padding:3px; 
}
#content li
{
    margin-bottom:10px;
    margin-right:40px;
}
#content a
{
    color:Black;
}

a img
{
    border:solid 0px white;
}

img.floatleft
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
img.floatright
{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}
.displayImg
{ 
    float:left;
    margin-right:10px; 
} 
.displayText
{
    float:left;
    width:400px;
}

.pressReleaseItem
{
    margin-bottom:25px;
}    
.pressReleaseDate
{ 
    float:left;
    width:125px;
} 
.pressReleaseTitle
{
    float:left;
    width:400px;
}

#mce-EMAIL
{
    margin-left:59px;
}
#mce-FNAME
{
    margin-left:80px;
}
#mce-LNAME
{
    margin-left:81px;
}
.mc-field-group
{
    margin:8px;
}
.indicate-required
{
    color:#ed2542;
    margin-top:24px;
}