/*	Home Page general stylesheet prepared 2007-07-05/06 by 
	mzanon@noctrl.edu for demo to Web Governance Committee.

	General Notes:
	
	This page's layout uses a three-column technique adapted from:
	http://www.pixy.cz/blogg/clanky/css-3col-layout/	(Go Czechs!)
	
*/


/*	top-level styles	*/

		html	{	margin: 0; padding: 0;
				font-family: Univers, Helvetica, Arial, sans-serif;
				font-size: 100%;
			}
		
		body	{	margin: 0;
					padding: 0;
					color: black;
					background-color: white;
					width: 770px;
				}
				
		/* Default link colors */
		a, a:link, a:visited, a:hover, a:active {		
			/* 	This color "matches" rgb(158,28,53) used in 
				the headers. Links actually colored 
				rgb(158,28,53) will, perceptually, not be
				the same color as headers that're 
				rgb(158,28,53). 
			 */
			color: rgb(178,0,0);
			color: rgb(194,11,41);
			/* 2009-04-21 mzanon per 101962 */
			/* color: #009900; */
			text-decoration : underline;
		}
		
		
/*	three-column layout declarations	*/

		#main1, #main2, #left, #right, #middle, #header, #footer
				{	margin: 0; padding: 0; border: 0;	}

		#main1	{	background: white url("../Images/home/crimson.png") top left repeat-y;
					color: black;	
				}		

		#header	{	height: 108px;
				background: white url('../Images/home/ncc.png') top left no-repeat;
				}

		#left	{	float: left;
					height: 1%;
					width: 140px;
					padding-bottom: 10px;
					color: white;
					background: rgb(158,28,53) url("../Images/home/crimson.png");	
				}

		#left input
		{
			margin-top: 0pt;
			margin-right: 7px;
			margin-bottom: 3px;
			margin-left: 10px;
			padding-top: 0pt;
			padding-right: 3px;
			padding-bottom: 0pt;
			padding-left: 3px;
			width: 110px;
			font-size: small;
			font-weight: bold;
			color: #333333;
		}

	
		#right	{	float: right;
					width: 175px;
				}
				
		#middle	{	margin: 0 0 0 140px;
 				padding: 0 0 122px 30px;
			}
		
		#cleaner	{	clear: both;	
					font-size: 1px;
						background: transparent;

					}


		/*	Begin hack to fix MSIE 3px-margin-on-floats bug;  
			ref: www.positioniseverything.net/explorer/threepxtest.html
		*/
			* html #middle 	{	height:	1%;	margin: 0; }

			* html #left	{	margin-right: -3px;	} 
			* html #right	{	margin-left: -3px;	
								margin-right: -6px;
							} 

		/*	End hack to fix MSIE 3px-margin-on-floats bug	*/	

/*	#left  styles	*/

	#left ul	{	margin: 0; padding: 0; border: 0;	}

	#left #sa, #left #q, #left #quick_links, #left #directories, #left #cms_nav, #left #rel_links
		{	margin: 0 12px 0 8px;	
			padding: 0;
		}	

	#left #sa	{	margin-bottom: 15px;	}
	#left #q	{	width: 112px;	
				margin-bottom: 20px;
			}
	#left #quick_links	
			{	margin-bottom: 10px;	}

/*	general element styles	*/

		div, h1, h2, p, img, a, form, fieldset, address, object
			{	margin: 0; padding: 0; border: 0;	}
	

/*	#cleaner / #banner styles	*/
		
		#banners	
			{	margin: -92px 0 -3px 140px;	
				height: 100%;
				float: left;
				clear: both;
				/*	declared inline to fix doubled-
					float-margin bug:
				positioniseverything.net/explorer/doubled-margin.html
				*/
				display: inline;
				padding: 0;
			}

		#banners li		{	list-style: none;
						display: inline;
						}
		#banners img	{	display: inline;
							margin-right: 2px; 
						}

/*	#footer styles	*/

		#footer	{	color: white;
					background-color: rgb(234,181,94);
					font-size: .6em;
					font-weight: normal;
					padding: .75em 1em;
				}
	
		#footer address 		{	font-style: normal;
								}
	
		#footer address span 	{	margin-right: .5em;
									padding-left: .5em;	
									border-left: 2px solid white;
								}
								
		#footer #street_address	{	border: 0;	}

		#footer ul {	float: right; margin: 0; padding: 0	}
	
		#footer	li {
			margin: 0 1em 0 0; padding: 0; 
			list-style: none;
			display: block;
			float: left;
			clear: none;
		}
			
		#footer a	{
			color: white;
			background-color: transparent;
		}

#footer #mission
                        {       text-align: center;
                                margin-bottom: .4em;
			}

/*	print styles	*/

@media print
        {
                #header, #left, #footer, #icon_footer
                                {       display: none;          }
                #main1, #left	{       background-image: none; }
                #middle         {       margin: 1em 0 0; padding: 0; }
        }