body {
	background-image: url(/Portals/_default/Skins/iomer.HockeySkin/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #7C8DA5;
	font-family: Tahoma;
	font-size: 11px;
	color: #434343;
	margin: 0px;

}
td, tr {
	font-size: 11px;
	
}
.container {
	background-color: #FFFFFF;
	border-right: 1px ridge #354153;
	border-bottom: 2px ridge #4F5A6B;
	border-left: 1px ridge #354153;

}
.rightCell {
	background-color: #F0F2F5;
}
.leftSideContentPadding {
	padding: 30px 10px 10px;
}
.rightSideContentPadding {
	padding: 30px 10px 10px;
}

a:link {
	color: #6A0C0C;
	text-decoration: underline;
}
a:hover {
	color: #6A0C0C;
	text-decoration: none;
}
a:visited {
	color: #6A0C0C;
	text-decoration: underline;
}
a:active {
	color: #6A0C0C;
	text-decoration: underline;
}
a:visited:hover {
	color: #6A0C0C;
	text-decoration: none;
}
hr {
	width: 98%;
	border: 0px none;
	background-color: #cccccc;
	text-align: center;
	height: 1px;
}
form {
	margin: 0px;
}

H1 {
	font-size: 18px;
	font-weight: bold;
	color: #3F5172;
}
H2 {
	font-size: 15px;
	font-weight: bold;
	color: #3F5172;
}
H3 {
	font-size: 14px;
	font-weight: bold;
	color: #3F5172;
}
H4 {
	font-size: 13px;
	font-weight: bold;
	color: #3F5172;
}
H5 {
	font-size: 12px;
	font-weight: bold;
	color: #3F5172;
}
H6 {
	font-size: 11px;
	font-weight: bold;
	color: #3F5172;
}

/* tab nav css */

#tabnav
	{
		height: 23px;
		margin: 0;
		padding-left: 6px;
		background: url(/Portals/_default/Skins/iomer.HockeySkin/images/tab_bottom.gif) repeat-x bottom;
		
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
		
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #F3F3F3;
		font-size: 11px;
		line-height: 17px;
		padding: 2px 4px 2px 4px;
		border: 1px solid #D4D4D4;
		text-decoration: none;
		color: #6A0C0C;
		background: url(/Portals/_default/Skins/iomer.HockeySkin/images/menu_bg.gif) repeat-x bottom;
		background-position: left top;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #FFFFFF;
		background: #FFFFFF;
		color: #6A0C0C;
		
	}
#tabnav a:hover
	{
		background: #CCCCCC;
	}
#tabnav a:link.donate, #tabnav a:visited.donate
	{
		border-bottom: 1px solid #CCCCCC;
		background: #DFE8D4;
		font-weight: bold;
		color: #6A0C0C;
		background: url(/Portals/_default/Skins/iomer.HockeySkin/images/menu_bg.gif) repeat-x bottom;
		background-position: left top;
	}
#tabnav a:hover.donate
	{
		background: #FFFFFF;
	}
.componentOuterFrame {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #DCDEE1;
}
.componentTitle {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6A0C0C;
	padding: 5px;
}
.componentContent {
	background-color: #ECEBE0;
	padding: 5px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #BCBBB7;
}
.copyright {
	font-size: 10px;
	color: #C5D0E2;
	padding-top: 5px;
}
.hockeyHead
{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}
/* Donation color text */

#215217

/* Main Menu */


/* this one is required, but doesn't seem to affect anything... */
.MainMenu_MenuContainer {
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 0px solid;
	border-top: #D4D4D4 0px solid;
	border-right: #D4D4D4 0px solid;
}

/* the main menu bar */

.MainMenu_MenuBar {
	cursor: pointer;
	background-color: #FFFFFF;
	cursor: hand;
	height:19;
	background: url(/Portals/_default/Skins/iomer.HockeySkin/images/menu_bg.gif) repeat-x bottom;	
}

/* controls the text color of the menu items, but the border only changes the border around
   the submenu items... */
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #6A0C0C; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	border-right: #FFFFFF 1px solid;
}

/* in the sub menu, this controls the box to the left of the text...(for icons) */
.MainMenu_MenuIcon {
	cursor: pointer;
	cursor: hand;
	background-color: #FFFFFF;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	text-align: center;
	width: 15;
	height: 21;
}

/* sub menu items */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: white; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='white', Direction=135, Strength=3) ; 
	border-bottom: #D4D4D4 1px solid;
	border-left: #D4D4D4 1px solid;
	border-top: #D4D4D4 1px solid;
	border-right: #D4D4D4 1px solid;
}

/* Not Sure....doesn't seem to change anything */
.MainMenu_MenuBreak {
	border-bottom: #404040 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid;  
	border-right: #404040 0px solid; 
	background-color: #000000; 
	height: 55px;
}

/* This is the highlight color for the sub menu, as well as the 
   color the tabs turn when they are clicked on */
.MainMenu_MenuItemSel {
	background-color: #FFFFFF; 
	cursor: pointer; 
	cursor: hand; 
	color: #6A0C0C;
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	text-decoration : underline;
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid; 
	border-left: #FFFFFF 1px solid; 
}

/* This is the little box beside the text in the sub-menu's (to the right of the text)*/
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 11px; 
	color: white; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 1px solid;
	border-left : #FFFFFF 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 11px; 
	cursor: pointer; 
	cursor: hand;
}