/* Home Page CSS document for ZCU */
body {
	margin: 0;
	background-color: White;
	padding: 0;
	text-align: center;
	font-family: "Arial", "Times New Roman", sans-serif;
	}

#mainContainer {
	margin: 0px auto; 
	border: 1px solid #B2C0D0;
	width: 760px;
	}

/*----------------------------- Top Contents------------------------- */
#banner {
	width: 760px;
	}	
#nav {
	text-align: center;
	font-family: "Arial";
	margin: 0;
	font-size: 12px;
 	} 
#nav a {
	width: 190px; 
	height: 20px;
	display: block;
	color: rgb(87,40,38);
	font-weight: bold;
	text-decoration: none;
	margin:0;
	padding-top: 4px;
	border-top: 4px solid rgb(87,40,38);
	border-bottom: 4px solid rgb(87,40,38);	
	}
#nav a:hover {
	color: rgb(93,80,80);
	background-color: rgb(184,209,236);
	text-decoration: none;
	}

/*------------------------------ Mid Contents Styles------------------------------------------------------*/
#midContainer {
	background: url('img/fade.jpg') repeat-x;
	border-top: 1px solid white; 
	border-bottom: 1px solid white;
	width: 760px;
	text-align: left;
	border-top: 1px solid rgb(178,199,222); 
	border-bottom: 1px solid white
	}

/*----------------------------- Left Column Styles-----------------------*/
#leftColumn {
	float: left;
	width: 205px; 
	font-size: 12px;
	font-weight: bold;
	}
	.link1 {
		width: 172px;
		color: #004881;
		border-bottom: 1px solid rgb(201,197,197);
		margin: 75px 0px 0px 10px;
		padding-bottom: 2px;
		}
	.link1 a, .link1 a:visited  {
		color: #004881;
		text-decoration: none;
		}
	.link2 {
		width: 172px;
		color: #004881;
		border-bottom: 1px solid rgb(201,197,197);
		margin: 12px 0px 0px 10px;
		padding-bottom: 2px;
		}
	.link2 a, .link2 a:visited {
		color: #004881;
		text-decoration: none;
		}
	.logo { margin: 50px 0px 0px 10px; padding-bottom: 2px; }

/* ------------------- Middle Column Styles------------------*/
#midColumn {
	float: left;
	width: 340px;
	}
	.name { margin: 45px 0px 20px 10px; }
	.info {
		color: rgb(21,57,112);
		text-align: justify;
		line-height: 160%;
		font-size: 12px;
		margin: 0px 0px 30px 10px;
		}

/*---------------------- Right Column Styles--------------------*/
#rightColumn {
	float: left;
	width: 205px;
	color: #004881;
	}
	#rightColumn a, #rightColumn a:visited  {
		color: rgb(21,57,112);
		text-decoration: none;
		}
	.learn { margin: 25px 0px 0px 10px; }
	.quickLinks	{ margin: 45px 0px 0px 30px; }
	.cmp { margin: 85px 0px 0px 35px; }

	
	
	
/*----------------------- Bottom Contents --------------------------------------------------------*/
#footer {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	font-size: 10px;
	font-family: Arial;
  	color: #13104B;
	}	
	#footer a {
  		text-decoration: none;
  		color: #13104B;
  		}
	.leftInfo {
		float: left;
		margin: 0px;
		padding-left: 4px; padding-top: 1px;
		}
	.rightInfo {
		margin: 0px; 
		float: right;
		padding-right: 4px; padding-top: 1px;
		}
#trademark {
    width: 760px;
	margin: 0 auto;
	text-align: left;
	font-size: 10px;
	font-family: Arial;
  	color: #13104B;
  	}
  	.leftTradeInfo {
		float: left;
		margin: 0px;
		width: 360px;
		}
		.leftTradePic {float: left;}
		.leftTradeText{float: left; margin-left: 3px; margin-top: 75px;}

  	.rightTradeInfo {
		float: right;
		margin: 0px;
		width: 360px;
		}
		.rightTradePic {float: right;}
        .rightTradeText{float: right; margin-right: 3px; margin-top: 75px; text-align:right;}