/******************************************************************************
 * LOCAL.CSS
 * Styles that are unique to this web site
 */

/* Page Divisions ************************************************************/

/* table#page grows to fit it's content and centers itself */
table#page {
	margin: auto;
	width: auto;
}

table#header { width: 100%; margin-top: 5px; }
table#footer { width: 100%; }

table.headfoot td {
	font-size: 11pt;
	padding: 5px 12px;
}

table.headfoot td, table.headfoot a { 
	color: white; 
	text-decoration: none;
}
table.headfoot a:hover { text-decoration: underline; }

/* Banner ********************************************************************/
div.banner { 
	margin: 10px; 
	padding-bottom: 10px; 
	}

/* Tabs *********************************************************************/
div.page-box-content > table.tabs { margin: 0px 10px; }

div.page-box-content > table.tabs td {
	border-width: 0px;		/* bluegolf override */
	background: transparent url(../stylesheets/tab-inactive-l.png) top left no-repeat;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  /* bluegolf override */
	font-size: 14pt;
	padding: 0px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

/* works for a td or an anchor */
div.page-box-content > table.tabs a {
	background: transparent url(../stylesheets/tab-inactive-r.png) top right no-repeat;
	color: #31568C;
	display: block;
	padding: 5px 15px;
	text-decoration: none;
}

/* works for a td or an anchor */
div.page-box-content > table.tabs .selected {
	background: transparent url(../stylesheets/tab-selected-l.png) top left no-repeat;
	color: #B1301F;
}
/* works for a td or an anchor */
div.page-box-content > table.tabs .selected a {
	background: transparent url(../stylesheets/tab-selected-r.png) top right no-repeat;
	color: #B1301F;
}

/* dropdown menu */

div.tab-menu { padding: 5px 5px; }
div.tab-menu a {
	color: #31568C;
	display: block;
	font-size: 12pt;
	padding: 5px 5px;
	text-decoration: none;
	white-space: nowrap;
}
div.tab-menu div.bar { border-color: #C2C2C2; }
div.tab-menu a:hover { 
	background-color: #daedfa; 
	text-decoration: underline;
}

/* TabBox Columns ***************************************************/

td.c1	{ width: 200px; }
td.c2	{ width: 600px; }
td.c3	{ width: 200px; }
td.c12, div.c12	{ width: 800px; }
td.c123, div.c123	{ width: 1000px; }

/* ICONS *********************************************************/

img.icon16 { 
	vertical-align: text-bottom; 
	width: 16px; 
	height: 16px; 
}
img.icon10 { 
	vertical-align: baseline; 
	width: 10px; 
	height: 10px; 
}
img.icon8  { 
	vertical-align: baseline; 
	width: 8px; 
	height: 8px; 
	margin: 4px 2px 0px 2px; 
}

/* adjust icons for thier containers */
h2 img.icon16	{ margin-bottom: 3px; }
h2 img.icon8	{ margin-bottom: 1px; }
h3 img.icon16	{ margin-bottom: 2px; }
h4 img.icon16 { margin-bottom: 0px; }


/* Misc **********************************************************************/

.fr-box {
	background-color: white;
	float: right;
	padding: 5px 5px 5px 15px;
}

/* make photos and flash apps stand out with matte */
.frame {
	display: block;
	border: 1px solid #E1E1E1;
	background-color: #EBEBEB;
	padding: 5px 5px;
}


div.links { 
	padding: 2px 2px;
}
div.links a { 
	display: block; 
	padding: 3px 3px;
	text-decoration: none;
}
div.links a:hover { 
	background-color: #D1DFF6;
	color: #B1301F;
	text-decoration: underline;
}
div.links div.bar { 
	margin: 0px 3px 3px ;
	padding: 3px 0px 0px;
}