/* 
================================
Skin styles for DotNetNuke - For DotNetNuke 3 -  Future Reef
================================
*/   


.pagemaster {
	width: 100%;
	height: 100%;	
	background-image: url(page_bg.jpg);
	background-repeat: repeat-x;
	background-color: #14537f;
	margin: 0px;
	border:0px;
	padding:0px;
	vertical-align:top;
}
.skinmaster {
	widht:1000px;
	height: 100%;
	background-color: transparent;
	BORDER-RIGHT: #14537f 0px solid; 
	BORDER-TOP: #14537f 0px solid; 
	BORDER-LEFT: #14537f 0px solid; 
	BORDER-BOTTOM: #14537f 0px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
	vertical-align:top;

}
.skinheader {
}


.controlpanel {
	width: 100%;
	background-color: #E2E6F4;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	margin:0px;
}
.leftpane {
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}

.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	margin:0px;
	vertical-align:top;
}
.rightpane {
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}
.MainMenu_MenuContainer {
	background-color: transparent;
	width:167px;

}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:20px;
	background-color: Transparent;
	color:#FFFFFF;
}
.MainMenu_MenuArrow {
	border-right: #406990 0px solid; 
	border-bottom: #406990 0px solid; 
	border-top: #406990 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;

}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	width: 7px;
	text-align:right;
}
.RootMenuItem TD{
	background-color: transparent;
	cursor: pointer;
	cursor:hand;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height: 25px;
	text-align: left;
	margin-left: 52px;
}
.RootMenuItemSelected TD{ 
	background-color: transparent; 
	color: #000000; /* Sets the text color of the root menu items when selected */ 
	height: 25px; 	/* Sets the height of the root menu items when not selected*/ 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align: left;
	margin-left: 52px;
} 

.MainMenu_MenuItem {
	
	border-left: #0099CC 0px solid; 
	border-bottom: #0099CC 0px solid; 
	border-top: #0099CC 0px solid; 
	border-right: #0099CC 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: transparent; 
	border-left: #5d82a6 0px solid; 
	border-bottom: #5d82a6 0px solid; 
	border-top: #5d82a6 0px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: left; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #5d82a6; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}


.MainMenu_MenuBreak {
	height: 3px;
}

.MainMenu_MenuItemSel {
	background-color: transparent; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
}

.StandardButton     {
    background: #104264 none; 
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #4a91c2;
	BORDER-RIGHT: #1E5589 1px solid; 
	BORDER-TOP: #1E5589 1px solid; 
	BORDER-LEFT: #1E5589 1px solid; 
	BORDER-BOTTOM: #1E5589 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	BACKGROUND-color: #224B9A;
}
.Head   {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:  bold;
    color: #333333;
}

/* Custom Tags */
.topheader {
	background: url(future_header06.jpg) #0070b7 top left no-repeat;
	height: 143px;
}

/* photos Holder */
.Photos {
	background-color: transparent;
	width: 824px;
	height:143px;
	background-repeat: no-repeat;
	
}
/*logo size */
.logopane{
	background-image: url(futurereef_logo.gif);
	width: 179px;
	height: 143px;
	background-repeat: no-repeat;
	background-color: #0071bc;
}

.memberlogin {
	background-image: url(future_header05.jpg);
	background-repeat:no-repeat;
	width:106px;
	padding-right:5px;
}
.memberArea {
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.memberArea a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.memberArea a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.memberArea a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.memberArea a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

/* Repeat Background colour on menu so it expands with tabs */
.MenuBG {
	background-color: transparent;
	width: 179px;
	height: 22px;
	background-repeat: repeat-x;
	display:block;
	white-space: wrap;
}

.BlankMenu {
	background-image: url(future_lhmenubg.gif);
	background-repeat:repeat-y;
	width:175px;
}

.lhmenupict {
	background: url(future_lhmenupict.gif) transparent bottom left no-repeat;
}


.rhmenuheader {
	background: url(future_about.gif) right no-repeat;
	width: 160px;
	height: 47px;
}
.rhmenubg {
	/*border-left: #0071bc 2px solid;*/
	margin-right: 0px;
	width:160px;
	background: url(future_rhmenubg.gif) repeat-y;
	height:100%;
	
}
.rhmenupict {
	background: url(future_rhmenupict.gif) transparent bottom right no-repeat;
}

.rhmenu TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height: 25px;
	text-align: left;
	padding-left:10px;
	vertical-align:middle;
	background: url(rhmenu_arrow.gif) transparent left no-repeat;
	
}
/*.rhmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	text-decoration: none;
	padding-left: 14px;
	background:transparent;
}*/
.rhmenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.rhmenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.rhmenu a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.rhmenu a:hover {
	color:#000000;
	text-decoration: none;
}
/* sponsor logos*/
.FooterBackground {
	border-top: #0062c5 1px solid;
	height: 105px;
	width: 1000px;
	background:#FFFFFF;
}

/* Classes Replacing the Media for the Privacy, Copyright, Terms, Date Links */
.MediaTabs {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
    
A.MediaTabs:link {
    text-decoration:  none;
    color:#000000;
}

A.MediaTabs:visited  {
    text-decoration:    none;
    color:#000000;
}

A.MediaTabs:active   {
    text-decoration:    none;
    color:#000000;
}

A.MediaTabs:hover    {
    text-decoration:    none;
    color:#ff0000;
}