/* RESET THE DEFAULT HTML 4 STYLE SHEET
======================================================================*/

*
	{
	margin:0;
	padding:0;
	}

frameset,
img
	{
	border:0px none;
	}

table
	{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	}

td, th
	{
	empty-cells:show;
	}
	
html
	{	
	margin:0;
	padding:0;
	height:100%;/*fit to 100% height in FF */
	}

body
	{
	background: #6C6C6C url(../images/BG_body_gradient.jpg) repeat-x top;
	margin:0;
	padding:0;
	height:100%;/*fit to 100% height in IE */
	text-align:center;
	}

a	
	{
	cursor:pointer;
	}




/*	DEFAULT GENERIC DEFINITIONS
=====================================================================*/

/* 	FONTS
	THIS WILL SETUP ALL OF THE DEFAULT FONT SIZES. 
----------------------------------------------------------------------*/
html {
	font-size:14px;
}
body
	{
    font-size:100%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.875em;
	}
h1
	{
	font-size:1.5em;
	font-weight:normal;
	margin-top:18px;
	margin-bottom:18px;
	letter-spacing:1px;
	}
h2
	{
	font-size:1.25em;
	margin-top:18px;
	margin-bottom:18px;
	}
h3
	{
	font-size:1.125em;
	margin-top:18px;
	margin-bottom:18px;
	}
h4
	{
	font-size:1.0em;
	margin-top:0px;
	margin-bottom:0px;
	}
h5
	{
	font-size:1.0em;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	}
p, fieldset, table
	{
	margin-bottom:18px;
	}
p, h1, h2, h3, h4, h5, ul, ol, dl
	{
	}
li
	{
	padding-left:18px;
	list-style-position:inside;
	}
ol, ul, dl
	{
	margin-bottom:18px;
	}
li ol, li ul
	{
	margin-bottom:0;
	margin-right:0;
	margin-left:0;
	}
abbr,acronym
	{ 
	border-bottom:1px dotted #000; 
	cursor:help; 
	} 
th
	{
	font-weight:bold;
	}
caption
	{
	
	}




/* OUTER STRUCTURAL ELEMENTS
======================================================================*/

#pageWrapper
	{
	display:table; /*fit to 100% height */
	height:100%;/*fit to 100% height */
	empty-cells:show;
	width:100%;
	border:0px none;
	margin: 0px auto;
	padding:0px;
	width: 762px;
	}

#pageWrapperLeftBorder
	{
	background:url(../images/page_border_left.png);
	background-position:left;
	background-repeat:repeat-y;
	width:3px;
	}

#pageWrapperLeftBorder img
	{
	border:0px none;
	}

#wrapper
	{
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width:756px;
	text-align:left;
	vertical-align:top;
	/* IE6 colors need to be corrected because it renders PNG colors darker */
	background: #72737B url(../images/BG_page_gradient.jpg) repeat-x top;
	}

/* all browsers except IE will use this style */
td + #wrapper
	{
	background: #72737B url(../images/BG_page_gradient.jpg) repeat-x top;
	}

#pageWrapperRightBorder
	{
	background-image:url(../images/page_border_right.png);
	background-position:left;
	background-repeat:repeat-y;
	width:3px;
	}

#pageWrapperRightBorder img
	{
	border:0px none;
	}

.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
}


/* HEADER
======================================================================*/

#header
	{
	padding: 1px 0 0 7px;
	width: 100%;
	height: 129px;
	clear: right;
	background-image:url(../images/BG_header_full.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

#appleLogo
	{
	width: 65px;
	}

#siteBanner
	{
	margin-top:46px;
	height:41px;
	color:#eeeeff;
	letter-spacing:1px;
	vertical-align:bottom;
	line-height:52px;
	overflow:hidden;
	z-index: 1;
	text-align: right;
	}

#siteBanner #siteTagLine
	{
	font-size:1.25em;
	color:#3333CC;
	margin-right: 16px;
	}

#siteBanner img
	{
	border:0px none;
	float: left;
	clear: none;
	margin-right:10px;
	}

#navWrapper 
	{
	height: 42px; 
	width: 742px;
	padding-left:3px;
	}

/*	HEADER
	NAVIGATION MENUS
----------------------------------------------------------------------*/

#nav, 
#nav ul 
	{
	float: left;
/*	width: 44em;
this was commented out to make room for the Logout: $user_name
change that uses PHP
*/	list-style: none;
	background:none;	
	font-family: Arial, sans-serif;
/*	font-size: 14px;*/
	padding: 0;
	border-width: 0px 0;
	margin: 0 0 2px 0;
	z-index: 9000;
	}

#nav
	{
	border:0px none;
	}

#nav ul
	{
	border: solid #c4c4c8;
	}

/*link style within main menu*/
#nav a 
	{
	font-size:17px;
	font-size: 1.125em;
	display: block;
	color: #DDDDFF;
	text-decoration: none;
	letter-spacing:1px;
	line-height:40px;
	padding: 0 15px;
	}

/*link style within sub menus*/
#nav li ul a 
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size:1em;
	line-height:100%;
	display: block;
	color: #333399;
	color:#EEEEEE;
	text-decoration: none;
	padding: 0.5em 1.1em;

	width: 13em;
	w\idth: 13em;
	letter-spacing: 1px;
	}

#nav li 
	{
	float: left;
	padding: 0;
	background:none;
	cursor:pointer;
	}

#nav li ul 
	{
	position: absolute;
	background: #c1c1c6 url(../images/BG_menus.jpg) no-repeat;
	background-position:top left;
	background-color:#23235F;
	border-top:0px none;
	border-color:#dcdcdf;
	border-left-color:#c8c8cd;
	padding-bottom:1ex;
	left: -999em;
	width: 14em;
	w\idth: 14em;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	}

#nav li li 
	{
	width: 14em;
	border:0px none;
	}

#nav li.sfhover ul ul
	{
	left: -999em;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul
	{
	left: auto;
	}

/* HOVER style for links in the menu bar */
#nav li a:hover,
#nav li:hover,
#nav li.sfhover
	{
	color:#FFFFFF;
	}

/* HOVER style for links in the sub-menus */
#nav li li:hover,
#nav li li.sfhover
	{
	background: #3e3e8c;	
	color:#FFFFFF;
	}

#footerWrapper 
	{
	margin-top:18px;
	margin-left:21px;
	margin-right:17px;		
	border-top:1px solid #C3C3CC;
	border-top:1px solid #D1D1D5;
	border-top:1px solid #585875;
	border-top:1px solid #8D8D94;
	}

#footer	{
	text-align:left;
	padding:10px 0;
	color:#585875;
	color:#B6B6BF;
	}

#footer p
	{
	font-size:0.750em;
	margin-bottom:0;
	line-height:20px;
	}

#footer a, 
#footer a:active, 
#footer a:visited	
	{
	text-decoration: none;
	color:#B6B6BF;
	padding:0 1ex;
	}
	
#footer a:hover	
	{
	text-decoration: underline;
	color: #FFFFFF;
	}