/* CSS Document */

html,body{
	margin: 0px;
	height: 100%;
	background-color: #7C9DC2;
	color: #000000;
}

.pane{
	padding: 5px 3px 5px 3px;
	text-align: center;
}

td{
	vertical-align: top;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

td.logocell{
	padding: 5px 5px 0px 5px;
	vertical-align: middle;
	text-align: center;
}

td.side_left{
	background-image: url(images/side_left.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	width: 10px;
}

td.side_right{
	background-image: url(images/side_right.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	width: 10px;
}

td.footercell{
	padding: 0px 10px 0px 10px;
	background-image: url(images/sand.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 750px;
	height: 108px;
}

td.surfer{
	background-image: url(images/surfer.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 195px;
}

td.surfer_full{
	background-image: url(images/surfer_full.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 350px;
	height: 100%;
}

td.content_container{
	background-image: url(images/ocean_divide.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 555px;
}

td.menu_side_left{
	background-image: url(images/menu_side_left.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	width: 23px;
	height: 30px;
}

td.menu_cell{
	background-image: url(images/menu_tile.jpg);
	background-position: top right;
	background-repeat: repeat-x;
	height: 30px;
	vertical-align: bottom;
	padding: 0px 10px 0px 0px;
	line-height: 25px;
}

.breadcrumbs{
	padding: 0px 10px 0px 5px;
	color: #122853;
	font-style: italic;
}

.footer{
	color: #122853;
	font-weight: bold;
}

a:link,a:visited,a:active{
    text-decoration: none;
    color: #8A0101;
}

a:hover{
    text-decoration: underline;
    color: #C50202;
}

/* style for module titles */
.Head{
    font-family: Georgia, Tahoma, Arial, Helvetica;
    font-size: 14pt;
    font-weight: normal;
    color: #073C77;
}

/* style of item titles on edit and admin pages */
.SubHead{
    font-family: Georgia, Tahoma, Arial, Helvetica;
    font-size: 12pt;
    font-weight: bold;
    color: #073C77;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead{
    font-family: Georgia, Tahoma, Arial, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
{
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
	background-color: #D9EBFF;
}

.SkinObject {
    font-weight: bold;
    font-size: 10pt;
    color: #122853;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}

a.SkinObject:link,a.SkinObject:visited,a.SkinObject:active{
    text-decoration: none;
    color:#000000;
}

a.SkinObject:hover{
    text-decoration: underline;
    color:#0068DD;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton{
    font-family: Garamond, "Trebuchet MS", Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link,a.CommandButton:visited,a.CommandButton:active{
    text-decoration: underline;
    color: #003366;
}

a.CommandButton:hover{
    text-decoration: underline;
    color: #ff0000;
}

.ControlPanel, .PagingTable {
    width: 100%;
    background-color: #B6CAE1;
    BORDER-RIGHT: #336699 1px solid; 
    BORDER-TOP: #336699 1px solid; 
    BORDER-LEFT: #336699 1px solid; 
    BORDER-BOTTOM: #336699 1px solid; 
}

/* Main Menu */
.MainMenu_MenuContainer,.ModuleTitle_RootMenuArrow{
	background-color: transparent;
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.MainMenu_MenuItem,.ModuleTitle_MenuItem{
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #C1D2EE 1px solid; 
	border-bottom: #C1D2EE 1px solid; 
	border-top: #C1D2EE 1px solid; 
	border-right: #C1D2EE 1px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon,.ModuleTitle_MenuIcon{
	cursor: pointer; 
	cursor: hand; 
	background-color: #C1D2EE; 
	border-left: #C1D2EE 1px solid; 
	border-bottom: #C1D2EE 1px solid; 
	border-top: #C1D2EE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}
.MainMenu_SubMenu,.ModuleTitle_SubMenu{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #C1D2EE; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #C1D2EE 0px solid; 
	border-left: #C1D2EE 0px solid; 
	border-top: #C1D2EE 0px solid; 
	border-right: #C1D2EE 0px solid;
}
.MainMenu_MenuBreak,.ModuleTitle_MenuBreak{
	border-bottom: #C1D2EE 1px solid; 
	border-left: #C1D2EE 0px solid; 
	border-top: #C1D2EE 1px solid;  
	border-right: #C1D2EE 0px solid; 
	background-color: #C1D2EE; 
	height: 1px;
}
.MainMenu_MenuItemSel,.ModuleTitle_MenuItemSel{
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #B2B4B8;
	border-bottom: #B2B4B8 1px solid; 
	border-left: #B2B4B8 1px solid; 
	border-top: #B2B4B8 1px solid; 
	border-right: #B2B4B8 1px solid;
}
.MainMenu_MenuArrow,.ModuleTitle_MenuArrow{
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #C1D2EE 0px solid; 
	border-bottom: #C1D2EE 0px solid; 
	border-top: #C1D2EE 0px solid;
}
.MainMenu_RootMenuArrow,.ModuleTitle_RootMenuArrow{
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
