/**********************************************************************
	Filename: mac.css
	Project:  Magnesium Aluminum Corporation
	
	Global style sheet
**********************************************************************/
/* Body Tag Definition */
body { margin-left:0; margin-top:0; margin-right:0; background-color:#cccccc; background-image:url(images/mainBkrnd.gif); }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a { font-family:Arial, Helvetica, Verdana, sans-serif; color: white; font-size:12px;}
a { font-style:normal; text-decoration:underline; color:#ffffff; }
a:hover { text-decoration: none; color:#ffffff; }
hr { height:1px; color: white;}

/* Main Div */
#mainDiv { }
/* TopTabs */
#tabs { width:750px; text-align:right; padding-top:11px; }
#tabs .tabsLeft { float:left; width:617px; }
#tabs .tabsRight { float:right; width:133px; }
/* Page and Header */
#page { width:740px; border:5px solid white; }
#header { width:740px; background-color:#ffffff; padding-bottom:5px; }

/* Content */
#content { width:740px; position:relative; background-color:#003366; background-image:url(images/contentBkrnd.gif); background-repeat:repeat-y; }
/* Left Side */
#leftSide { float:left; width:245px; text-align:left; }
#menu { text-align:left; width:245px; }
#menu .mainNav { font-size:12px; font-weight:normal; color:#666666; padding: 6px 0px 6px 27px; display:block; text-decoration:none; background-color:#cccccc; border-bottom:1px solid white; }
#menu .mainNav:hover { font-size:12px; font-weight:normal; color:#ffffff; background-color:#666666; text-decoration:none; }
#menu .mainNavAt { font-size:12px; font-weight:normal; color:#3399cc; padding: 6px 0px 6px 27px; display:block; text-decoration:none; background-color:#003366; border-bottom:1px solid white; }
#menu .secondaryNav { font-size:12px; font-weight:normal; color:#666666; padding: 6px 0px 6px 38px; display:block; text-decoration:none; background-color:#cccccc; border-bottom:1px solid white; background-image: url(images/navBullet.gif); background-repeat: no-repeat; }
#menu .secondaryNav:hover { font-size:12px; font-weight:normal; color:#ffffff; padding: 6px 0px 6px 38px; background-color:#666666; text-decoration:none; background-image: url(images/navBulletOver.gif); background-repeat: no-repeat; }
#menu .secondaryNavAt { font-size:12px; font-weight:normal; color:#ffffff; padding: 6px 0px 6px 38px; display:block; text-decoration:none; background-color:#666666; border-bottom:1px solid white; background-image: url(images/navBulletOn.gif); background-repeat: no-repeat; }
#leftLogos { width:250px; text-align:center; padding-bottom:7px; padding-top:50px; }

/* Right Side */
#rightSide { float:right; width:490px; background-color:#003366; text-align:left; padding-bottom:20px; position:relative;  }
#rightSide .rightSideTop { border-bottom:5px solid white; height:225px; }
#rightSide .rollText { visibility:hidden; }
#rightSide .rightContent { padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:20px; }


#subNav { width:#490px; background-color:#cccccc; border-bottom:1px solid white; }
#subNav .subNavLinkSection { background-color:#cccccc;  border-right:1px solid white; }
#subNav .subNavLinkSectionAt { background-color:#3399cc;  border-right:1px solid white; }
#subNav .subNavLinkSectionEndAt { background-color:#3399cc; }
#subNav .subNavLink { color:#666666; font-size:11px; font-weight:normal; text-decoration:none; display:block; padding:10px 0px 10px 0px; }
#subNav .subNavLink:hover { color:#ffffff; font-size:11px; font-weight:normal; text-decoration:none; display:block; background-color:#666666; padding:10px 0px 10px 0px; }
#subNav .subNavLinkAt { color:#003366; font-size:11px; font-weight:normal; text-decoration:none; }


/* One Column Page */
#oneColumn { padding-bottom:20px; padding-left:20px; text-align:left;  }

/* Footer */
#footer { width:740px; border-top:5px solid white; background-color:#cccccc; font-size:10px; color:#ffffff; padding-top:8px; padding-bottom:8px; background-image:url(images/footerBkrnd.gif); }
#footer ul { list-style:none; padding:0px; margin:0px; font-size:10px; }
#footer ul li { display:inline; font-weight:normal; color:#ffffff; font-size:10px; margin:0px 5px 0px 5px;}
#footer ul li a { font-weight:normal; color:#ffffff; text-decoration:none; font-size:10px; }
#footer ul li a:hover { text-decoration:underline; }




/* Style All Column Sections */
.autoLinkAt { font-weight:normal; text-decoration:none; font-size:11px; color:white;} 
.autoLink { font-weight:normal; text-decoration:none; font-size:11px; color:#999999;} 
.autoLink:hover { font-weight:normal; text-decoration:none; font-size:11px; color:white;}
.highlight { color:#3399cc; font-weight:bold; }
.footnote { font-size:10px; }
.footnoteLink { font-size:10px; font-weight:bold; font-style:normal; text-decoration:underline; color:#009999; }
.footnoteLink:hover { font-size:10px; text-decoration: none; color:#ff9933; }
.formlabel { font-size:12px; margin-top:15px; }
.formSelection { margin-left:20px; }
.formLabel { padding-right:10px; }