/* Home Page CSS (commented) 
slightly modified for consistency

*/

/*	GENERAL NOTES:
		- "display: inline" following a float is redundant, but it avoids IE6's notorious "double margin bug"
*/


body, html {
	background-color: #F7F2DC;
	padding: 0;
	margin: 0;
	text-align: center; /* crucial for horiz page centering */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	/* Sets all browsers & platforms to a common default type size */
	font-size: .85em;	/* and then converts it to em's so even IE can text zoom for accessibility */
	color: #000;
}

/* Utilities */
div.clear {		/* Used as a common layout tool for clearing floats. there are a series of redundant rules to ensure consistant display */
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	visibility: hidden;
}
img, a img {
	border: none;
	display: block;
}
a {		/* These 3 rules are for default link display */
	text-decoration: none;
}
a:link, a:visited {
	color: #000;
}
a:hover {
	color: #999;
}

/* Main Layout */
#wrap {
	width: 755px;
	margin: 0 auto;		/* crucial for horiz page centering */
	text-align: left;

	background: #FFF url(../images/homeStripesBkgd.gif) repeat-y 0 0; /* creates sidebar borders that will always continue to the bottom of the white area */
}

/* IE Box Model Bug */
* html div {
	width: 755px; 
	w\idth: 754px;
}

/* Top Bar */
#top {	/* Top Purple Header Bar */
	height: 95px;
	background-color:#330066;
}
img#logo {	/* Top UAlbany logo */
	float: left;
	display: inline;
	margin: 16px 0 0 13px;
}
img#Logo { /* SA Logo */
	float: right;
	display: inline;
	margin: 15px 5px 0 0;
}

label {
	display: none; /* labels are needed for accessibilty, but dont need to be visible unless using a screen reader */
}
#searchBox input {
	font-size: 10px;
}


/* Essential layout rules for top left nav buttons */
#leftNav {
	float: left;
	display: inline;
	width: 155px;
	margin: 9px 0 0 9px;
}
#leftNav ul {
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}
#leftNav li {
	margin: 0 0 1px;
	padding: 0;
}
#leftNav li a {
	display: block;
	text-decoration: none;
	padding: 3px 2px 6px 6px; /* less padding on top to compensate for IE rendering text too low in its line-height, still looks acceptable in other browsers */
	font: 0.85em/1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FBF9EF;
}
#leftNav li a.mainLink {
	background-color: #F7F2DC; /* Slight color difference in top 4 links, as per layout PSD */
}
#leftNav li a:hover { /* Rollover effect */
	color: #FFF;
	background-color: #E1C42E;
}



/* Main Navigation */
/* area that contains the gold and white main nav links - width and float are crucial for laout */
div#mainNav {
	width: 755px;
	float: left;
}
/* Essential layout rules for main nav buttons */
#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainNav li {
	margin: 0;
	padding: 0;
	padding-left:15px;
	padding-right:15px;
	line-height: 1.7em;
	display: inline;
	text-transform: uppercase;
	border-left: 1px solid #000;
}
#mainNav li.firstLink { /* used on the first link in each list to remove left border and add padding */
	border-left: none;
	padding-left: 8px;
}
#mainNav a {
	padding: 0 12px;
	font-size: .8em;
}
#yellowNavBar {	/* adds yellow background to top main nav buttons */
	background-color: #E1C42E;
}
#whiteNavBar {
	border-bottom: 1px solid #E1C42E; background-color: #FFF; /* Better looking in IE (virtical centering) */
}
/* Main Nav rollovers */
#yellowNavBar a:hover {
	color: #FFF;
}
#whiteNavBar a:hover {
	color: #E1C42E;
}


/* Image background for footer */
div#foot_image { background: url('../images/bottom.gif'); width:786px; height:20px; }

/* Footer */
#footer {
	background: url('../images/footer_bg.gif') no-repeat ; 
	height:55px;
	clear: both; /* clears floated layout elements above */
	padding: 10px 0 0 10px;
	text-align: center;
}



#footerRight { /* area for all footer text on the right side */


}
#footerRight p { /* footer text on the right side */
	margin: 0 0 0 8px;
	font-size: 0.8em;
	color: #433364;
	font-family: Arial, Helvetica, sans-serif;
}
#footerRight a {
	text-decoration: none;
}
#footerRight a:link, #footerRight a:visited {
	color: #B22617;
}
#footerRight a:hover {
	color: #8E7A99;
}




/* Container for background and alignment */
div#container { background: url('../images/bg.gif') repeat-y fixed center 20px; width:786px; margin: 0 auto;}

/* Space to the left of the standard UA Menu 
div#left_padding { width:100px; height:42px; margin: 0; float:left; display:block; background:#330066; } */

/* Standard UA Menu */
div#mainNav { float:right; clear:none; width:755px; background: #E1C42E; }
div#yellowNavBar { }

/* Main Header Style for when flash does not load */
div#main h1 { padding:5px; margin:0; color:white; background:#330066; font-size: 2em; }

/* Needed to stop IE 3px gap */
div#float_wrap { width:755px; float:right; margin:0;  padding:0; } 

/* Sub pages */

div#columns { position:relative;}
div#columns div#leftcol {float: left; width:14em; margin-top:-14px; border-right-width:thin; border-right-color:#e1c42e; border-right-style:solid; background-color: #F7F2DC;}
#sidenav ul {
	margin: 0px;
	padding: 0px;
}
#sidenav li {
	list-style-type: none;
	padding-left: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
}
#sidenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	background-color: #F7F2DC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	font-size: .9em;
}




#purplehead {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #433364;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	font-size: .95em;
}


div#columns div#rightcol {float: left; width:45em; margin-left:40px; margin-bottom:10px;}
div#columns div#rightcol h2{font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:10px; font-size:24px; font-weight:bold; color:#330066;}
div#columns div#rightcol p{ background:#F8F8F8; border: 2px solid #330066; margin-bottom:10px; margin-left:20px; margin-right:10px; padding:10px;}
#rightcol a{ font-weight:bold;}
div#orgchart { background:#F8F8F8; border: 2px solid #330066; margin-bottom:10px; margin-left:20px; margin-right:10px; padding:10px;}
li.tier1 { font-weight:bold; font-size:20px; };
li.tier2 { font-weight:normal; font-size:16px };
li.tier3 { font-size:12px; };
li.tier4 { font-size:10px; };






/* Footer background */
div#p_footer { background: url('../images/foot-bg.gif') 0px -20px; height:7px; display:block; margin:0; padding:0; }