/* CSS About Us: about.html */

#page {background-color:#4ae6e8;
		padding:10px;
		width:80%;
		margin:20px auto;}

/* Selecting link based 
on their STATE*/

a:link {color:green;
		text-decoration:none;}
		
a:visited {color:blue;
		text-decoration:none;}

a:hover {color:purple;
		text-decoration:underline;
		font-size:30px;
		font-weight:bold;}

body{

background-image: url('image/ni.jpg');
background-attachment: fixed;
padding: 0px;
margin: 0px;
}


#masthead {background-color:#4ae6e8;}
a img {-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FFFFFF;
-webkit-box-shadow: 0px 0px 20px #FFFFFF;
-moz-box-shadow: 0px 0px 20px #FFFFFF;}




#main {background-color:#4ae6e8;
		float:left;
		width:74.9%;
		padding:10px;}


#related {background-color:#4ae6e8;
			width:20%;
			float:right;
			padding:10px;}
div.news{
background-color: #4c4c4c;
border-style: groove;
opacity: 0.8;
position: absolute;
top: 400px;
right: 160px;
width: 175px;
height: 300px;
border-radius: 30px;
padding-left: 25px;
padding-top: 15px;
box-shadow: 0px 0px 9px rgba(0,0,0,100);
color: #efefef;
text-align: center
}


#footer {background-color:#b8cad1;
			clear:both;
			padding:10px;}


.photo 	{float:left;}


.intro 	{margin:25px 0 0 110px;}


.date 	{float:right;
			position:relative;
			top:-57px;}

.continued 	{text-align:right;}


.logo span 	{display:block;}


#masthead div	{float:right;
				position:relative;}


#masthead form	{position:absolute;
					top:-55px;
					right:0px;
					}


.nav li		{float:left;
			padding:0 25px 0 3px;}

.nav		{margin-top:-45px;}

/*

#page {background-color:#b8cad1;
		width:80%;
		padding:10px;
		margin:20px auto;}


#masthead {background-color:#b8cad1;
			padding:10px;}


#main {background-color:#b8cad1;
		width:70%;
		padding:10px;
		float:left;}


#related {background-color:#b8cad1;
		width:20%;
		padding:10px;
		float:right;}


#footer {background-color:#b8cad1;
		padding:10px;
		clear:both;}
		
		
.date {float:right;
		position:relative;
		top:-60px;}

.intro {position:relative;
		margin-left:115px;
		top:-100px;}

.continued {text-align:right;}

/*2. Choosing Alternate Font*/

#alternatefont  {font-family:"action man shaded", 
                          forte, verdana;}


#difffont  {font-family:"Bradley Hand ITC", 
                        Bradley Hand ITC, verdana;}

#obj  {font-family:"Kristen ITC", 
                          Kristen ITC, verdana;}

#aim  {font-family:"Papyrus", 
                          Papyrus, verdana;}