/* Main CSS document for ZCU */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Arial", "Times New Roman", sans-serif;
	}
	.text { text-align:left; }
	.center {text-align:center; }
	.list { padding-top:1em; }
	.left { padding-left: 4em; }
	.backtop { text-decoration: none; float: right;}
	.indent { padding-left: 30px; }
	.req {font-weight: bold; color: #900;}
	.googleSearch { padding-bottom: 30px }

#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 Content Styles------------------------------------------------------*/
#midContainer {
	background: url('img/fade.jpg') repeat-x top left;
	width: 760px;
	height: auto;
	text-align: left;
	}

/*----------------------------- Left Column Styles-----------------------*/
#leftColumn {
	float: left;
	width: 200px;
	height:auto;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	
	}
	#leftColumn a, #leftColumn a:visited {
	color: rgb(21,57,112);
	text-decoration: none;
	}
	.home { margin: 40px 0px 0px 10px; }
	.googleLink {
	    width: 172px;
		color: rgb(93,80,80);
		text-align: left;
		border-bottom: 1px solid rgb(227,227,227);
		margin: 50px 0px 0px 20px;
		padding-bottom: 2px;
		}
	.link1 {
		width: 172px;
		color: rgb(93,80,80);
		text-align: left;
		border-bottom: 1px solid rgb(227,227,227);
		margin: 20px 0px 0px 20px;
		padding-bottom: 2px;
		}
	.link2 {
		width: 172px;
		color: rgb(93,80,80);
		border-bottom: 1px solid rgb(227,227,227);
		margin: 7px 0px 0px 20px;
		padding-bottom: 2px;
		}
	.link3 {
	    width: 157px;
		color: rgb(93,80,80);
		border-bottom: 1px solid rgb(227,227,227);
		margin: 7px 0px 0px 20px;
		padding-bottom: 2px;
		padding-left: 15px;
		}
	

/* ------------------- Middle Column Styles------------------*/
#midColumn {
	float: left;
	width: 350px;
    height:auto;
	font-size: 15px;
	}
	#midColumn a, #midColumn a:visited  {
		color: rgb(21,57,112);
		text-decoration: underline;
		}
	.title { 
		font-weight: bold;
		color: rgb(93,80,80);
		margin: 40px 0px 0px 10px; 
		font-size: 15px;
		}
    .infoTitle { 
		font-weight: bold;
		color: rgb(93,80,80);
		font-size: 15px;
		margin-top:10px;
		}
        
	.googleTitle {
	    text-align: center;
	    font-weight: bold;
	    font-size: 22px;
		color: rgb(93,80,80);
		padding: 30px 0px 10px 0px; 
	    }
	.searchGoogle { margin: 30px 0px 90px 60px; }
	
	.info {
		width: auto;
		color: rgb(21,57,112);
		text-align: justify;
		line-height: 160%;
		font-size: 12px;
		margin: 0px 0px 20px 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		}
            
    .thumnail1 {
        padding-left:30px;
        padding-bottom: 30px;
        float: left;
        }
    .thumnail2 {
         padding-right:25px;
         padding-bottom: 30px;
        float:right;
        }
    .thumtext {
        font-weight:bold;
        text-align:center;
        }
    .video {
        width:760px;
        text-align:center;
        }
    .videotitle {
        font-weight: bold;
		color: rgb(93,80,80);
		font-size: 16px;
		width:760px;
		text-align:center;
		margin-top:30px;
        }
    .videotext {
        padding: 15px 0px 25px 55px;
        font-weight:bold;
        }
    #myFrame {
        position:relative;
        width: 100%;
        height: 1135px;
        }

/*---- midColumn Styles for Form Submission Pages ----*/
#midColumn2 
{
    float: left;
    width: 500px;
    margin-left: 10px;
    }
    #midColumn2 a, #midColumn2 a:visited  {
		color: rgb(21,57,112);
		text-decoration: underline;
        }
    .title2 { 
		font-weight: bold;
		color: rgb(93,80,80);
		margin: 40px 0px 0px 73px; 
		}   
	.info2 {
		color: rgb(21,57,112);
		font-size: 12px;
		line-height: 160%;
		margin: 20px 0px 30px 10px;
		}
	.midtext { color: rgb(21,57,112); font-size: 14px; }

/*---- midColumn Styles for Error Pages ----*/
#pageError 
{
    float: left;
    width: 500px;
    padding-left: 130px;
    }
    #pageError a, #pageError a:visited  {
		color: rgb(21,57,112);
		text-decoration: underline;
        }
#scriptError 
{
    float: left;
    width: 450px;
    padding: 0px 0px 70px 150px;
    }
    #scriptError a, #scriptError a:visited  {
		color: rgb(21,57,112);
		text-decoration: underline;
        }
   

	    
/*---------------------- Right Column Styles--------------------*/
#rightColumn {
	float: right;
	width: 205px;
	height:auto;
	color: #004881;
	}
	#rightColumn a, #rightColumn a:visited  {
		color: rgb(21,57,112);
		text-decoration: none;
		}
	.pic { float: right; }
	.verse { margin: 265px 0px 30px 12px; }
	
/*----------------------- Bottom Contents --------------------------------------------------------*/
#footer {
	width: 760px;
	height: 130px;
	margin: 0 auto;
	text-align: left;
	font-size: 10px;
	font-family: "Arial";
  	color: rgb(93,80,80);
	}	
	#footer a {
  		text-decoration: none;
  		color: rgb(93,80,80);
  		}
    .logo {
		margin-top: 10px;
		padding-left: 4px; padding-top: 2px;
		}
	.leftLinks {
	    float:left;
	    margin-bottom: 15px;
	    margin-left: 2px;
	    }
	.quickLinks {
		float: right;
		padding-right: 4px; padding-top: 3px;
		}
	.line { margin-left: 2px; }