body{
	margin:20px;
background-image: linear-gradient(bottom, rgb(143,224,137) 0%, rgb(255,255,255) 0%, rgb(14,102,16) 77%);
background-image: -o-linear-gradient(bottom, rgb(143,224,137) 0%, rgb(255,255,255) 0%, rgb(14,102,16) 77%);
background-image: -moz-linear-gradient(bottom, rgb(143,224,137) 0%, rgb(255,255,255) 0%, rgb(14,102,16) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(143,224,137) 0%, rgb(255,255,255) 0%, rgb(14,102,16) 77%);
background-image: -ms-linear-gradient(bottom, rgb(143,224,137) 0%, rgb(255,255,255) 0%, rgb(14,102,16) 77%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(143,224,137)),
	color-stop(0, rgb(255,255,255)),
	color-stop(0.77, rgb(14,102,16))
);
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#cccccc;
text-decoration:none;
}

ul {
margin:0 0 0 20px;
list-style-type:disc;
}

li {
margin:4px 0 5px 10px;
}


blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}

#container { 	
margin:0 auto;
padding:0;
width:945px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:0px solid #cccccc;
/*background-image:url(../images/bird.jpg);*/
-moz-box-shadow: 10px 10px 10px #030;
-webkit-box-shadow: 10px 10px 10px #030;
box-shadow: 10px 10px 10px #030;

}



#header {
margin:0 auto;
padding:0;
height:160px;
height:233px;
width:945px;

background-image:url(../images/web%20header.png);
-moz-box-shadow: 10px 10px 10px #030;
-webkit-box-shadow: 10px 10px 10px #030;
box-shadow: 10px 10px 10px #030;
}

#header h1 {
margin:0;
padding:20px 0 0 20px;
font-size:1.8em;
letter-spacing:.1em;
color:#ffffff;
font-weight:lighter;
}

#header h2 {
margin:0;
padding:0 0 0 20px;
font-size:.9em;
font-weight:lighter;
letter-spacing:.1em;
color:#eeeeee;
}

#leftColumn {
float:right;
position:relative;
margin:0;
padding:0;
width:160px;
font-size:.9em;
}

#leftColumn p {
padding:10px
}


#leftColumn h2 {
margin:0;
padding:10px 0 0 10px;
font-size:1em;
}

#leftColumn ul {
margin:0 0 0 0;
list-style:none;
}

#leftColumn li {
margin:4px 0 5px 10px;
}

#leftColumn li a {
text-decoration:underline;
}

#leftColumn li a:hover{
text-decoration:none;
}

#centerColumn {

margin:0 auto;
padding:0;


}

#centerColumn p {
padding:10px
}

#centerColumn h2 {
margin:0;
padding:10px 0 5px 0;
font-size:1.3em;
letter-spacing:.1em;
}

#footer {
position:relative
bottom:0;
margin:0px 0 0 0;
padding:0;
height:90px;
line-height:60px;
text-align:center;
font-size:.6em;
margin-top:10px;

border-top:3px solid #390;
}


#me-contain {
margin:0 auto;
height:42px;
width:945px;
background-color:#060;

-moz-box-shadow: 10px 10px 10px #030;
-webkit-box-shadow: 10px 10px 10px #030;
box-shadow: 10px 10px 10px #030;
}



#body-contain {
	float:left;
	position:relative;
	margin-right:301px;

}

#firstm-curve{
	margin-right:360px;

}

#radius-f{
float:left;  
position:relative;
text-align:center;
width:60px; 
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
text-align:center;
margin-top:3px;
padding:10px;
background:#FFF;
border-top-left-radius:2em;
-webkit-border-top-left-radius:2em; /* Safari */
}

#radius-s{
float:left;
position:relative;
text-align:center;
width:90px; 
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
margin-left:2px;
margin-top:3px;
padding:10px;
background:#FFF;

}

#radius-s-e{
float:left; 
position:relative;
width:90px; 
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
margin-left:2px;
margin-top:3px;
padding:10px;
background:#FFF;

}


#me-contain-back {
margin:0 auto;

height:30px;
width:945px;
background-color:#FFF;

-moz-box-shadow: 10px 10px 10px #030;
-webkit-box-shadow: 10px 10px 10px #030;
box-shadow: 10px 10px 10px #030;

}



#body-contain {
	float:left;
	position:relative;
	margin-right:301px;

}

#firstm-curve{
	margin-right:360px;

}

#radius-r{
border:2px solid #060;
height:23px;
width:695px;
background:#060;
border-bottom-right-radius:2em;
-webkit-border-bottom-right-radius:2em; /* Safari */

}


#bodyfirst{

float:left;
position:relative;
margin-left:1px;
width:695px;


}


#bodyphoto{
	float:left;
	position:relative;
	width:690px;
	height:380px;
	border:2px solid #999;

}

#advisory{
	margin-top:0px;
	float:left;
	position:relative;
	width:690px;
	height:300px;
	border-bottom:2px solid #999;
	border-left:2px solid #999;
	border-right:2px solid #999;
	border-top::0px;

}

.advisory-body{
	float:left;
	position:relative;
	width:680px;
	height:268px;
	margin-top:20px;
	padding: 2px 2px 2px 2px;

}



#bodysecond{
float:left;
position:relative;
margin-left:7px;
width:220px;
}

#bodythird{
float:left;
position:relative;
margin-left:1px;
margin-top:10px;
height:370px;
width:945px;
}

#side-menu{
float:right;
position:relative;
margin-left:1px;
height:1100px;
width:245px;
}

#spacer{
	float:left;
	position:relative;
	margin-left:7px;
	width:1px;
	height:1319px;
	border:2px solid #390;
	background-color:#390;

}


#quicklinks{
	float:left;
	position:relative;
	width:226px;
	border:1px solid #999;


}


#qtitle{
	width:222px;
	border:1px solid #999;


}


#qtitle-s{
	font-size:14px;
	height:40x;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:10px;
	background-color:#390;

}

#qtitle-s-sub{

	font-size:14px;
	height:40x;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:10px;
	background-color:#390;

}



#tb-link{
	float:left;
	position:relative;
	margin-left:4px;
	width:222px;
	height:375px;
	border:1px solid #999;


}

#tb-link2{
	float:left;
	position:relative;
	margin-top:5px;
	width:226px;
	height:375px;
	border:1px solid #999;
}

#tb-link3{
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:3px;
	width:225px;
	height:375px;
	border:1px solid #999;
}

#tb-link5{
	float:left;
	position:relative;
	margin-left:5px;
	margin-top:5px;
	width:226px;
	height:609px;
	border:1px solid #999;
}

.content-news-body{
width:222px;
height:332px;
margin-top:0px;
padding:2px 2px 2px 2px;
background-image:url(../includes/images/Agyu%20Tamu%20Newsletter-Accomplishment%20Volume%201%20Issue%203.jpg);
font:Arial;
font-size:10px;
}


.content-job{
	float:left;
	position:relative;
	width:222px;
	height:157px;
	text-indent:2px;
	background-image:url(../images/Special%20Recruitment.jpg);
}

.job-body{
width:220px;
margin-top:2px;
height:15px;
text-indent:2px;
font:Arial;
font-size:10px;
}

.content-bids{
	float:left;
	position:relative;
	width:226px;
	height:157px;
	text-indent:2px;
	background-image:url(../includes/images/bids.jpg);
}


.content-charter{
	float:left;
	position:relative;
	width:222px;
	height:170px;
	text-indent:2px;
	background-image:url(../includes/images/COVER%20PAGE%20CHARTER.jpg);
}

.charter-body{
width:220px;
margin-top:10px;
height:15px;
text-indent:10px;
font:Arial;
font-size:11px;
}

#tb-link4{
	float:left;
	position:relative;
	margin-top:5px;
	width:459px;
	height:228px;
	border:1px solid #999;
}


#bodylink{
    float:left;
	position:relative;
	height:200px;
	width:222px;

}

#me-contain2 {
margin:0;
padding:0;

width:945px;

}

#content {
margin:0;
padding:0;
width:800px;
}

#foot-menu-first{
float:left; 
position:relative;
height:90px;  
width:450px; 
border:1 ;

}

#foot-menu-second{
float:left; 
position:relative;
height:88px; 
width:44px; 
background-image:url(../images/bird-l.jpg);
}

#foot-menu-third{
float:left; 
position:relative;
height:90px; 
width:450spx;
}

#foot-menu-left{
float:left; 
position:relative;
margin-left:30px; 
margin-top:5px; 
height:40px; 
width:100px;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif; 

}

#foot-menu-right{
float:left; 
position:relative;
margin-left:10px; 
margin-top:5px;
height:40px; 
width:100px;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif; 

}

#foot-menu-bottom{
float:left;
position:relative;
margin-left:50px;
height:40px; 
width:380px;
text-align:right;
font-size: 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif; 

}

#foot-menu-bottom-right{
float:left;
position:relative;
margin-left:20px;
height:20px; 
width:380px;
text-align:left;
font-size: 10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif; 

}


#quicklinks-title{
float:left; 
position:relative;
margin-top:3px;
padding:2px 2px 2px 2px; 
width:219px; 
height:15px; 
background-color: #E4E4E4; 
text-indent:15px; 
font-family: Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:bolder;


}

#quicklinks-title-sub{
float:left; 
position:relative;
padding:3px 3px 3px 3px; 
width:215px; 
height:20px;
text-indent:15px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
}

#quicklinks-title-sub1{
float:left; 
position:relative;
margin-top:6px;
padding:3px 3px 3px 3px; 
width:215px; 
height:20px;
text-indent:15px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
}

#quicklinks-title-sub-form{
float:left; 
position:relative;
padding:3px 3px 3px 3px; 
width:220px; 
height:20px;
text-indent:5px;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
}

#quicklinks-title-sub-form1{
float:left; 
position:relative;
margin-top:6px;
padding:3px 3px 3px 3px; 
width:220px; 
height:20px;
text-indent:5px;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
}

#quicklinks-title-sub-long{
float:left; 
position:relative;
padding:3px 3px 3px 3px; 
width:220px; 
height:20px;
text-indent:15px;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
}

#quicklinks-title-form-d{
float:left; 
position:relative;
margin-top:5px; 
width:220px; 
height:20px; 
padding-top:1px;
text-align:center;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;

}

a:link {text-decoration:none; color: #000;}    /* unvisited link */
a:visited {text-decoration:none;color: #000;} /* visited link */
a:hover {text-decoration:underline; color:#; font-weight:bold; }   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */

#border-inside-advice{
border:2px solid #a1a1a1;
padding:10px 10px 10px 10px; 
background:#dddddd;
width:300px;
height:15px;
border-radius:25px;
text-align:center;
font-family:"Arial Black", Gadget, sans-serif;
font-weight:bolder;
font-size:14px;
}

#round-float{
float:left; 
position:relative;
margin-top:2px; 
width:694px; 
height:18px; 
border-bottom:2px solid #999; 

}

#bodyfirst-news{

float:left;
position:relative;
margin-left:1px;
width:620px;

}

#me-contain-news{
margin:0;
padding:0;
height:1400px;
width:945px;


}

#contact-us{

float:left;
position:relative;
margin-left:1px;
width:670px;


}

#content-1{
float:left;
position:relative;
margin-top:3px;
text-indent:10px;
width:680px;
text-align:justify;
font-family:"Segoe UI";
border-radius: 15px;
border:4px solid #CCC;

}

#main-contain2 {
margin:0;
padding:0;
height:auto;
width:945px;
}

.bagius-cont{
float:left;
position:relative;
margin-top:10px;
margin-left:0px; 
width:220px;
	
}


.baguis-inside{
	
width:218px; 
height:175px; 
margin-top:1px;
margin-bottom:1px;
margin: 0 auto;


}

.baguis-icon{
	
width:220px; 
height:113px; 
margin-top:3px;
margin-bottom:4px;
margin: 0 auto;
background-image:url(../images/BAGIUS.jpg);

}
.radio-icon{
width:218px; 
height:110px; 
margin-top:3px;
margin-bottom:4px;
margin: 0 auto;
background-image: url(../images/radio.jpg);

}

.fblike{
width:220px; 
height:60px; 
margin-top:20px;
margin: 0 auto;

}

.body-header{
height:20px; 
width:400px; 
background-color:#F4F4F4; 
border-radius: 15px; 
margin-top:5px; 
margin-left:5px; 
padding:10px 10px 10px 10px; 
font:'Segoe UI'; 
font-weight:bold; 
font-size:18px; 
color:#030;
-moz-box-shadow: 5px 5px 5px #030;
-webkit-box-shadow: 5px 5px 5px #030;
box-shadow: 5px 5px 5px #030;
}

.mheader{
margin-left:15px; 
margin-top:60px; 
width:630px; 
height:20px; 
border: 3px solid #666; 
background-color:#CCC; 
padding:10px 10px 10px 10px; 
font-size:20px; 
font-weight: bolder; 
font-family:'Segoe UI'; 
color:#030;
}

.mbody{
margin-left:15px; 
border:2px solid #000; 
width:652px; 
margin-bottom:30px;
}

.newsbody{
width:680px; 
margin-left:5px; 
margin-right:5px; 
margin-top:30px; 
margin-bottom:10px;
text-align:sjustify;
font-family:"Segoe UI";
font-size:12px;
}

.landmarks{
width:670px; 
margin-left:5px; 
margin-right:5px; 
margin-top:30px; 
margin-bottom:10px;
text-align:sjustify;
font-family:"Segoe UI";
font-size:12px;
}


.fclear {clear:both}


/* this a councilor Section */

#c-container{
width:650px; 
}

#cphoto{
margin-left:30px;
height:625px; 
width:580px;

}

#cphoto-m{
margin-left:30px;
}

#c-content{
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
float:lef
position:relative;
width:650px;
border:2px solid #030; 
border-radius: 15px;
background-color:#0F0;
  opacity    : 0.70;
  filter    : alpha(opacity=70);
  -moz-opacity  : 70;
}

#c-info{
margin-left:10px;
margin-top:5px;
float:left; 
position:relative;
width:200px; 
height:30px; 
padding:7px 7px 7px 7px;
font:"Segoe UI";
font-size:14px;
}

#c-info-b{
margin-left:10px; 
margin-top:5px;
float:left; 
width:380px; 
padding:7px 7px 7px 7px;
font:"Segoe UI";
font-size:16px;
position:relative;
}

#c-info-v{
margin-left:10px; 
margin-top:5px;
float:left; 
position:relative;
width:630px; 
padding:7px 7px 7px 7px;
font:"Segoe UI";
font-size:16px;

}

.photo-video-body{
float:left;
position:relative;
width:222px;
margin-left:5px;
margin-top:5px;
height:150px;
text-indent:2px;
font:Arial;
font-size:10px;
background-image:url(../includes/images/video.jpg);
}

.photo-body{
float:left;
position:relative;
width:222px;
margin-left:5px;
margin-top:5px;
height:150px;
text-indent:2px;
font:Arial;
font-size:10px;

}

.events-body{
width:222px;
height:337px;
margin-top:0px;
background-image:url(/images/artsmonth.jpg);
padding:2px 2px 2px 2px;
font:Arial;
font-size:10px;
}

.job-view{
width:222px;
margin-top:10px;
height:20px;
font:Arial;
font-size:11px;
text-align:right;
color: #C00;
font-weight:bolder;

}

.gallery{
	width:220px;
	height:140px;

}

.gallery-view{
float:left; 
position:relative;
margin-top:10px;
margin-left:6px;
width:220px;
height:20px;
font:Arial;
font-size:11px;
text-align:right;
color: #0C0;
font-weight:bolder;

}

.gallery-video{
float:left; 
position:relative;
margin-top:10px;
margin-left:7px;
width:220px;
height:20px;
font:Arial;
font-size:11px;
text-align:right;
color: #0C0;
font-weight:bolder;

}

.container-link{
float:left; 
position:relative; 
width:461px; 
height:600px;
	

}

.advisory-body-content{
width:690px; 
height:300px; 
margin-top:20px;

}

.np-box{
float: left; 
position:relative; 
margin:20px; 
width:211px; 
height:332px; 
border:2px solid #a1a1a1;
background-image:url(../includes/newspaper/Agyu%20Tamu%20Newsletter%20volume%201%20issue%202.jpg);
/*background:#dddddd;*/
border-radius:25px;  
}

.np-box1{
float: left; 
position:relative; 
margin:20px; 
width:211px; 
height:332px; 
border:2px solid #a1a1a1;
background-image:url(../includes/newspaper/Agyu%20Tamu%20Newsletter-Accomplishment%20Volume%201%20Issue%203.jpg);
/*background:#dddddd;*/
border-radius:25px;  
}

