
.logo 
{
margin:10px 20px;
float:left;

}

.gallery  
{
body {
	color: white;
	padding:0;
	margin:0;
}
a {
	color: white;
}

.jcarousel-skin-tango.jcarousel-container {
    -moz-border-radius: 10px;
    

}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 550px;
	height:90px; 
	border:solid green 0px;
}

 
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  550px;
	height:90px;
		border:solid red 0px;
}

 
.jcarousel-skin-tango .jcarousel-item {

  width:75px;
 height:75px;
  vertical-align:middle;
  text-align:center;
  margin:0 6px;
}

.jcarousel-control {
	margin-bottom: 10px;
	text-align: center;
}

.jcarousel-control a:focus, .jcarousel-control a:active {
	outline: none;
}
.jcarousel-scroll {
	margin-top: 10px;
	text-align: center;
}
.jcarousel-scroll form {
	margin: 0;
	padding: 0;
}
.jcarousel-scroll select {
	font-size: 75%;
}
#mycarousel-next, #mycarousel-prev {
	cursor: pointer;
	margin-bottom: -10px;
	text-decoration: underline;
	font-size: 11px;
	display:block;
}
#mycarousel-next
{
	text-align:center;
	width:15px;
}
#mycarousel-prev
{
	text-align:center;
	width:15px;
}
 

 

 .jcarousel-skin-tango ul li 
 {
	 border:solid #000 1px;
	 background-color:#4a561d;
	 	height:75px;
		display:block;
		width:75px;
	 padding:7px;}
 
}

.footer 
{
font-size: 10px;
color: #4d4d4d;
width:850px;


}

.login-area 
{
width:230px;
}

.main-nav 
{
boder:solid red 1px;
}

.main_flash 
{
margin:0 20px;

}

.welcome_msg 
{
width:620px;
margin:10px 0 0 20px;
}

.latest_news 
{
width:230px;
}

.event_calendar 
{
width:304PX;
}

.pride 
{
width:215px;
FLOAT:left;
height:140px;
background:url(images/left-corn.png) no-repeat left bottom;
}

.process 
{
width:222px;
FLOAT:left;
height:140px;

}

.people 
{
width:215px;
FLOAT:left;
height:140px;

}

.newsletter 
{
width:225px;
FLOAT:left;
height:140px;

background:url(images/right-corn.png) no-repeat right bottom;

}

.child_menu 
{
width:230px;
}

.mini_flash 
{
width:619px;
margin:10px 0 0 20px;
}

.Page_tools 
{
width:304PX;
}

.header_menu  
{
height:36px;
vertical-align:middle;
text-align:right;
color:#fff;
background-color:#4a561d;
}

.SiteMap 
{

}

.Alumni-area 
{
width:230px;
}

.flashplayer 
{
height:36px;
}

.main_menu 
{

}

.search 
{

}

.Board 
{
/*  
JAVASCRIPT IMAGE GALLERY W/ mootools
Description: STYLE SHEET FOR IMAGE GALLERY
Version: 1.0
Author: Devin Ross
Author URI: http://tutorialdog.com
*/

body{ background:black; color:white; }
#img_gallery{ margin:50px auto; width:500px; }
#img_gallery a{ outline:none; border:none; }
#img_gallery a img{border:none;}

/* --- IMAGE STAGE */
#fullimg{
	width:500px;
	overflow:hidden;
	height:380px;
}
#fullimg img{ width:500px; }
#fullimg p, #fullimg span{
	position:absolute;
	background:black;
	opacity:.5;
	color:white;
	margin:0px;
	width:500px;
	padding:6px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --- SLIDER --- */
#img_gallery #wrapper{
	overflow:hidden;
	padding:4px 2px;
	width: 460px;
	float:left;
	height:50px;
	background-color:#181818;
	position: relative;

}

#items{
	margin:0px 0px;
	padding:0px;
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}
#items li{
	float:left;
	list-style:none;
	margin-right:2px;
}
#items .thumb{
	width:75px;
	height:50px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}
#items .large{
	display:none;
	position:absolute;
}
#fullimg .loading{
	width: 24px;
	height: 24px;
}
#fullimg .thumb{display:none;}

#items .item  p, #items .item  span{
	display:none;
	text-indent: -2000em;
}
#moveleft, #moveright{
	margin:0px;
	height:58px;
	color: white;
	width: 16px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
}
#moveleft{background: url('images/left.gif');}
#moveright{background: url('images/right.gif');}
#moveleft:hover, #moveright:hover{ background-position:bottom; }

}

.marquee-bg 
{
background:url(http://www.asg.edu.jo/Portals/Portal1/Portal84/UploadedImages/marq-bg.gif) center;
margin:0 0 7px 20px;
width:618px;
float:left;
line-height:23px;
height:23px;
}

