html, body 		{ margin: 0; padding: 0; }
		body 			{ color: #aab8b9; font: 12px Univers, Arial, sans-serif; line-height: 18px; }
		h1  			{ color: #00c2b6; margin: 0 0 3px; padding: 24px 0 0; }
		h2				{ color: #aab8b9; }
		a:link 			{ color: #aab8b9; }
		a:visited 		{color: #00c2b6; }
		a:hover 		{color: #00c2b6; font-weight: bold; }
		p				{ margin: 24px 0 18px; }

		
		/* Header */
		#header			{ float: right; background: #fff; border-bottom: 0px solid #fff width: 982px; height: 48px; }
		#header h1  	{ color: #00c2b6; margin: 0 0 3px; padding: 24px 0 0; }
		#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
		
        /* Wrapper */
        #wrapper        { width: 915px;
                          margin: 0 auto; /*centers the div in standard browsers */
                          text-align: left; }
	
		/* Footer */
		#footer			{ float: left; vertical-align: baseline; background: #fff; border-bottom: 0px solid #999; clear: both; width: 915px; text-align:right;}
		#footer	p		{ color: #aab8b9; margin: 0; padding: 0 18px 10px; }
		#footer a:hover	{color: #00c2b6; font-weight:bold; background: #f7f7f7; }
		#footer ul		{ border-bottom: 1px solid #aab8b9; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
		
/* Two column layouts */
/* Use "main" for left column; "side" for right */
div.main
					{
					float: left;
					width: 611px;
					height:800px;
					text-align: left;
					vertical-align: top;
					overflow: hidden;
					font-family: Univers, Arial, sans-serif;
                    font-color: #00c2b6;
                    					}
    /* "overflow: hidden" is an IE hack. */
    /* Benefit: if content is too wide for the leftmost column;  the rightmost column won't be pushed downward. */
    /* Problems created: the too-wide content is clipped on the right. There are other solutions, all with their own issues. */
    /* This is discussed here: http://www.positioniseverything.net/explorer/expandingboxbug.html */

div.side
					{
					/*position:absolute;*/
					/*left:611px;*/
                    margin: 48px 0 0 611px;
                    /*top:84px;*/
					width: 300px;
					height:800px;
					text-align: left; 
					vertical-align: top;
					overflow: hidden;
					font-family: Univers, Arial, sans-serif;
					font-size: 85%;
					}
/*use these two to position the logo and then have full width content*/

div.logo
					{
					/*position:absolute;*/
					/*left:611px;*/
                    margin: 48px 0 0 611px;
                    /*top:84px;*/
					width: 300px;
					/*height:660px;*/
					text-align: left; 
					vertical-align: top;
					overflow: hidden;
					font-family: Univers, Arial, sans-serif;
					font-size: 85%;
					}

div.content
					{
					float: left;
                    margin: 0 0 0 0;
					width: 911px;
					/*height:660px;*/
					text-align: left;
					vertical-align: top;
					overflow: hidden;
					font-family: Univers, Arial, sans-serif;
                    font-color: #00c2b6;
                    font-size:xx-small;
                    line-height:normal;
                    					}


		/***** table text *****/

#table				{font-size: 17px; font-color: #00c2b6; font-weight: bold; line-height: 1.5em; padding: 0 15px 0 0; }
img { border: none; } 

		/***** MAIN NAVBAR *****/

#navbar-side
					{
					float: left;
					background: #fff;
					}

ul.navbar
					{
					align: right;
					margin: -2px 0px 0px 0px;
					padding: 0px 0px 1px 0px;
					list-style: none;
					font-family: Univers, Arial, sans-serif;
					font-size: 12px;
					}

.navbar li
					{
					padding: 0px;
					margin: 0px;
					display: inline;
					}

.navbar li a, .navbar li a:visited
					{
					/*padding: 4px 0px 5px 8px;*/
					margin-top: 0px;
					font-weight: bold;
					text-decoration: none;
					font-size: .9em;
					color: #00c2b6;
					display: block;
					/*width: 298px;*/
					background: url("/images/nav_cap.gif") no-repeat;
					background-position: right;
					}

.navbar li.nav1 a:hover, .navbar li.nav1 a.active, .navbar li.nav1 a.active:hover
					{
					color: #00c2b6;
					text-decoration: none;
					/*background: #f7f7f7 url("/images/nav_cap_arrow.gif") no-repeat;
					background-position: right;*/
					}

.navbar li.nav2 a,  .navbar li.nav2 a.active, .navbar li.nav2 a.active:hover
					{
	                float:right;
                    padding: 7px 100px 7px 40px;
					margin-top: 0px;
                   	background: #ffffff;
                    text-align: right;
					background-position: right;
					width: 225px;
					color: #aab8b9;
					text-decoration: none;
					line-height: 1.0em;
					font-weight: bold;
					font-size: 11px;
					}

.navbar li.nav2 a:hover, .navbar li.nav2 a.active
					{
					color: #00c2b6;
					text-decoration: none;
					background: #f7f7f7;
					background-position: right;
					}
.applemenu{
width: 300px; /*width of menu*/
border: 0px;
}

.applemenu div.silverheader a{
background: none;
font: 12px Univers, Arial, sans-serif; line-height: 18px;
color: #aab8b9;
/*position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #00c2b6;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
color: #00c2b6;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
}