/* Skin CSS */

/* Table style for layout */
.layoutTable
{
    width: 100%;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-collapse: collapse;
}

.layoutTable td
{
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.layoutTable tr
{
    vertical-align: top;
}

/* Page */
.page
{
}

/* Page Content */
#pageContent
{
    position: relative; /*	Hack.. (the  firefox box model adds padding to its width) */ /*	ie does not recognise the important flag so can set ie values after firefox  */
    width: 960px !important;
    max-width: 960px !important;
    width: 980px;
    max-width: 980px;
    min-height: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    background-color: #D1EEF3;
}

/* Hard-Coded Header */
.header
{
}

/* Header Panel */
td.contentPane
{
}

/* Top Left Panel */
td.narrowLeftPane
{
    padding-right: 8px; /* width: 312px !important; 	width: 320px; */
}

/* Top Right Panel */
td.wideRightPane
{
}

/* Bottom Left Panel */
td.wideLeftPane
{
    padding-right: 8px;
    width: 640px;
}

/* Bottom Right Panel */
td.narrowRightPane
{
    width: 312px;
}

/* Footer Panel */
td.bottomPane
{
}

/* Hard-Coded Footer */
.pageFooter
{
    width: 980px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.footer
{
    /* try move the footer behind things like the hover menu  */
    z-index: -10;
    height: 80px;
    max-height: 80px;
}

/* Footer Links */

div.footerLinkContainer
{
    display: inline;
    margin: 0 10px 0 10px;
}

div.footerLinkContainer a, div.footerLinkContainer a:hover, div.footerLinkContainer a:visited
{
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 10px;
    color: #0266BB;
    margin-left: 3px;
    text-decoration: none;
}

div.footerLinkContainer a:hover
{
    text-decoration: underline;
}

div.footerLinkImage
{
    width: 10px;
    height: 10px;
    display: inline-block !important;
    display: inline;
}

/* Typography */

body, p, span, .Head, .Normal, h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span
{
    font-family: Verdana,Tahoma,sans-serif;
}

p, span, .Normal, p.Normal
{
    font-size: 12px;
}

h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span
{
    color: #00719E;
    font-weight: bold;
    margin: 0;
}

h1, h1 span
{
    font-size: 24px;
}

h2, h2 span
{
    font-size: 18px;
}

h3, h3 span
{
    font-size: 15px;
}

h4, h4 span
{
    font-size: 12px;
}

h2 span, tr, .hr, td
{
    margin: 0;
    padding: 0;
}

a, a:hover, a:visited
{
    color: #016FA0;
    font-weight: bold;
}

p
{
    margin: 0;
	padding-top: 8px;
}


/* Clear down the default img link style */

img, a img, a:visited img, a:hover img
{
    border-style: none;
    border-width: 0px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

/* Container Styles */

.container
{
    width: 100%;
    margin: 0 0 8px 0;
}

.headerBar
{
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 2px;
    padding: 4px;
    height: 1.2em;
}

.title
{
    float: left;
    margin: 0px;
    display: block;
}

.clear
{
    clear: both;
    padding-bottom: 1px;
    margin-bottom: -1px;
}

div.expander
{
    position: relative;
    float: right;
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
}

.container div.content
{
	overflow:hidden;
    margin-top: 5px;
}

.containerContent
{
    z-index: 1;
    position: relative;
}

div.expander:hover
{
    cursor: pointer;
}

div.expanderMaximized
{
    background: url(Images/Expanded_1.jpg) no-repeat;
}

div.expanderMinimized
{
    background: url(Images/Minimized_1.jpg) no-repeat;
}

.Head
{
    color: #00719E;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 0 7px;
}

div.twoColContent
{
    padding: 0 7px 7px 12px;
}

div.twoColContent h2
{
    margin-left: 0;
}

/* YouTube Videos and Flash */

.video, .flash
{
    z-index: 1;
    position: relative;
}

/* Menu CSS */

/* Main div for the css navMenu */
.edTabList
{
    float: left;
    width: auto;
    height: 100%;
    margin-left: 25px;
    text-align: center;
    overflow: visible;
}

/* The div for a tab on the css navMenu */
.edTab, .edSelectedTab, .edTabHover, .edSelectedTabHover
{
    float: left;
    display: block !important;
    display: block; /* for ie */
    height: 100%;
    padding: 0;
    margin: 0;
}

.edTabInner, .edSelectedTabInner, .edTabInnerHover, .edSelectedTabInnerHover
{
    float: left;
    display: block !important;
    display: block; /* for ie */
    height: 100%;
    padding: 0;
    margin: 0;
}

div.edSelectedTab
{
    background: url(Images/TabLeft_1.jpg) no-repeat top left;
    background-color: #00709E;
}

div.edTabHover, div.edSelectedTabHover
{
    background: url(Images/TabLeft_1.jpg) no-repeat top left; 
    background-color: #2778A3;
}

div.edTabInnerHover, div.edSelectedTabInnerHover, div.edSelectedTabInner
{
    background: url(Images/TabRight_1.jpg) no-repeat top right;
}

/* The anchor for a menu item */

div.edTabInnerHover a, div.edTabInnerHover a:hover, div.edTabInnerHover a:visited
{
    color: White;
}

a.edTabAnchor, a.edTabAnchor:Hover, a.edTabAnchor:visited
{
    color: #00709E;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 6px;
    font-family: Verdana,Tahoma,sans-serif;
    display: block;
    word-wrap: normal;
}

a.edSelectedTabAnchor, a.edSelectedTabAnchor:visited, a.edSelectedTabAnchor:Hover
{
    color: White;
    font-size: 16px;
    font-weight: bolder;
    text-decoration: none;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 6px;
    font-family: Verdana,Tahoma,sans-serif;
    display: block;
}

.edDropDown
{
    position: absolute;
    margin-left: -3px;
    visibility: hidden;
    display: block;
    text-align: left;
    z-index: 1000;
    background-color: White;
    border-color: #CCCCCC;
    border-width: 3px;
    border-style: solid;
    border-top-width: 0px;
    float: none;
}

.edDropDownL2
{
	position:absolute;
	margin-top: -5px;
	background-color: White;
	border-color: #CCCCCC;
    border-width: 3px;
    border-style: solid;
    visibility: hidden;
    display: inline;
    padding: 0;
    width: 100%;
    left: 100%;
}

div.edTabInnerHover .edDropDown, div.edSelectedTabInnerHover .edDropDown, div.edDropDownListItemHover .edDropDownL2
{
    visibility: visible;
}

div.edDropDown a, div.edDropDown a:hover, div.edDropDown a:visited
{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-family: Verdana,Tahoma,sans-serif;
    text-decoration: none;
    color: #00709E;
}

div.edDropDownListItemHover a, div.edDropDownListItemHover a:hover, div.edDropDownListItemHover a:visited
{
    color: White;
}

div.edDropDownListItem a, div.edDropDownListItem a:hover, div.edDropDownListItem a:visited
{
    color: #00709E;
}

.edDropDown div.edDropDownListItem, .edDropDown div.edDropDownListItemHover
{
    padding-bottom: 2px;
    padding-top: 2px;
}

div.edDropDownListItemHover
{
	background-color: #18a5bb;
}

/*
div.edDropDownListItemParentLinkHover, div.edDropDownListItemParentLinkHover a, div.edDropDownListItemParentLinkHover a:hover, div.edDropDownListItemParentLinkHover a:visited
{
    background-color: #18a5bb;
    color: White;
}

div.edDropDownListItemParentLink, div.edDropDownListItemParentLink a, div.edDropDownListItemParentLink a:visited
{
    background-color: #2778A3;
    color: White;
}
*/

/* Img Menu */

div.edImgMenu
{

}

div.edImgTab
{
	position:absolute;
	top:23px;
}

a.edImgTabAnchor
{
	background-image: url(Images/MenuImgStrip_1.gif);
    background-repeat: repeat;
	display:block;
	width: 55px;
	height:55px;
}

div.edImgTab_Earth { left:302px; }
a.edImgTabAnchor_Earth { background-position: 0 0; }
a.edImgTabAnchor_Earth:hover { background-position: 0 58px; }

div.edImgTab_National { left:384px; }
a.edImgTabAnchor_National { background-position: -55px 0; }
a.edImgTabAnchor_National:hover { background-position: -55px 58px; }

div.edImgTab_Island { left:466px; }
a.edImgTabAnchor_Island { background-position: -110px 0; }
a.edImgTabAnchor_Island:hover { background-position: -110px 58px; }

div.edImgTab_School { left:543px; }
a.edImgTabAnchor_School { background-position: -164px 0; }
a.edImgTabAnchor_School:hover { background-position: -164px 58px; }

div.edImgTab_Family { left:617px; }
a.edImgTabAnchor_Family { background-position: -219px 0; }
a.edImgTabAnchor_Family:hover { background-position: -219px 58px; }


/* Sub Menu */

#SubMenu
{
}

#SubMenu ul
{
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

#SubMenu li, #SubMenu li.SelectedTab
{
    background-image: url(Images/SubMenuMid_1.jpg);
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 8px 0 0 0;
    float: left;
    vertical-align: middle;
    height: 24px !important; /* Box model */
    height: 32px;
}

#SubMenu li a, #SubMenu li.SelectedTab a
{
    border-width: 0;
    border-right-width: 1px;
    border-right-color: #12A8C0;
    border-right-style: solid;
    font-size: 12px;
    vertical-align: middle;
}

li#SubMenu81 a
{
    border-width: 0;
    border-style: none;
}

#SubMenu li.SelectedTab
{
    background-image: url(Images/SubMenuSelected_1.jpg);
    background-repeat: no-repeat;
    background-repeat: repeat-x;
}

#SubMenu li a
{
    font-style: normal;
    font-weight: bold;
    font-family: Verdana,Tahoma,sans-serif;
    padding-left: 11px;
    padding-right: 11px;
    color: #12A8C0;
    text-decoration: none;
}

#SubMenu li a:hover
{
    color: #15BAD3;
    text-decoration: none;
}

/* Top Menu */

#TopMenu
{
}

#TopMenu ul
{
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

#TopMenu li
{
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 6px 0 0 0;
    float: left;
    vertical-align: middle;
    height: 32px;
}

#TopMenu li a, #TopMenu li a:hover
{
    color: Black;
    font-style: normal;
    font-weight: bold;
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 10px;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#TopMenu li a:hover
{
    text-decoration: underline;
}

#externalIframe
{
    padding: 0 0 0 0;
    position: absolute;
    left: 0px;
    top: 170px;
    height: 700px;
    width: 998px;
    border-style: none;
    margin: 0 0 0 0;
    overflow: scroll;
}

.externalIframeShim
{
    height: 700px;
}

p.widgetExplainer
{
    width: 420px;
    float: left;
    padding-top: 4px;
}

p.widgetMoreLink
{
    float: right;
    padding-top: 4px;
    background-color: #00709E;
    padding: 4px 6px 4px 6px;
    margin-top: 10px;
}

p.widgetMoreLink a, p.widgetMoreLink a:visited, p.widgetMoreLink a:hover
{
    color: white;
}

span.currentDate
{
    font-weight: bolder;
    font-size: 10px;
    position: absolute;
    top: 136px;
    left: 825px;
}


/* Embedded Twitter stuff */
#twitter_update_list
{
    margin-left: 6px;
    padding-left: 0px;
}
#twitter_update_list li
{
    margin-top: 4px;
    margin-bottom: 4px;
    list-style-type: none;
    display: block;
    border-bottom: 1px silver solid;
}
#twitter_update_list a
{
    display: block;
    font-style: italic;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Newsletter module */
#dnn_ctr366__OptInSimple_lnkSubscribe, a.OptInEmail_Link
{
    font-size: 10px;
    color: White;
    background-image: url('images/button_1.gif');
    background-repeat: no-repeat;
    width: 85px;
    height: 25px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 4px;
    display: block;
}
#dnn_ctr371__OptIn_DSRepeater
{
visibility: hidden;
height: 0px;
}

#dnn_ctr366__OptInSimple_lnkSubscribe:hover , a.OptInEmail_Link:hover
{
    color:  #D1EEF3;
    text-decoration: none;
}


.OptInSimple_Label
{
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
.OptInSimple_TextBox
{
    font-size: 12px;
    color: #000000;
}
.OptInSimple_InitialTable
{
    font-size: 12px;
    color: #000000;
}
.OptInSimple_InitialTable
{
}
.OptInSimple_MainTable
{
}
.OptInSimple_InLineTable
{
}
.OptInSimple_ErrorMessage
{
    color: red;
}
.OptInSimpleLink
{
}
.CategoryTitle
{
    font-size: 13px;
    font-weight: bold;
    color: #003366;
}
.CategoryDesc
{
    font-size: 16px;
    color: #000000;
}
.OptIn_HeaderTable
{
    border-width: 0px;
}
.OptIn_ListTable
{
    border-width: 0px;
}
.OptIn_MessageTable
{
    border-width: 0px;
}
.OptIn_ErrorMessage
{
    color: red;
}
.OptIn_MainTable
{
    border-width: 0px;
}
.OptIn_QuestionsTable
{
    border-width: 0px;
}
.OptIn_ExistingTable
{
    border-width: 0px;
}
.OptIn_HR
{
    color: silver;
    height: 1px;
}
.OptIn_Textbox
{
}

.OptIn_ValidationError
{
    color: red;
}
/* Newsletter module - Control Panel /Configuration Module */
.GridText
{
    color: #ffffff;
}
tr.HeaderRowStyle
{
    background-color: #C9E5FE;
}
tr.HeaderRowAlternate
{
    background-color: #99B02E;
}
td.HeaderStyle
{
    color: #ffffff;
    font-weight: bold;
}
th.HeaderStyle
{
    color: #ffffff;
    font-weight: bold;
}


/* Links Table */
table.linksTable td
{
    padding: 10px;
    vertical-align: middle;
}
table.linksTable th
{
    font-size: 0px;
    height: 0px;
}
table.linksTable th.column1
{
    width: auto;
}
table.linksTable th.column2
{
    width: 100%;
}


/* Mouse Hovering */

.mouseHover
{
	cursor:pointer;
}