/* Getting the new tags to behave */
/*article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}*/
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties */
body {background:url(../images/bg_top2.jpg) top repeat-x #fff;border:0;font:14px Tahoma, Geneva, sans-serif;color:#4c4c4c;line-height:20px;padding-bottom:20px;min-width:980px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:980px}
.body1 {background:url(../images/bg_top_img2.jpg) top center no-repeat}
.body2 {background:#f2f2f2}
/* main layout */
a {color:#000;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {padding:27px 0 0 39px; display:block; border:0px solid blue;}
h2 {font-size:32px;color:#000;text-transform:uppercase;line-height:1.2em;padding:31px 0 20px 0;letter-spacing:-1px}
h2 span {display:block;margin-top:-12px}
h3 {font-size:21px;color:#000;line-height:1.2em;padding:14px 0 13px 0;letter-spacing:-2px}
p {padding-bottom:20px}
/* header */
header {height:376px;width:100%;overflow:hidden}/*logo6.jpgheight:84px*/
#logo {display:inline-block;background:url(../images/ua-network-si-logo.jpg) no-repeat;width:273px;height:117px;;text-indent:-9999px; border:0px solid red;}
<!--#menu {float:left;padding:11px 0 0 39px}
#menu li {float:left;padding-right:17px;background:url(../images/menu_line.jpg) right 0 no-repeat;margin-right:15px}
#menu .end {background:none}
#menu li a {display:block;font-size:15px;color:#fff;line-height:36px;text-transform:uppercase;text-decoration:none;height:40px}
#menu li a:hover, #menu #menu_active a {color:#44fbfe}-->
#icon {float:right;padding:16px 40px 0 0}
#icon li {float:left;padding-left:15px}
#icons {float:right;padding:20px 39px 0 0}	
#icons li {float:left;padding-left:11px}
#slogan {font-size:46px;color:#002b3a;;margin:-5px 0 0 40px;padding-top:1px;letter-spacing:-2px; display:inline-block; border:0px solid green; text-align:center;}
.banners {padding:26px 0 0 25px; border:0px solid white; width:500px; height:400px;}
.banners li {padding-bottom:2px; width:45%; float:left; height:45% ; margin:3px;}
.banners li div{border:3px dotted #B6E2F8; transform:10deg; height:100%;}
.banners li a{
-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
transition: all 1s;
}
.banners li a:hover{    
-ms-transform: rotate(360deg); /* IE 9 */
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(360deg);
}
/* content */
#content {width:100%;overflow:hidden;padding-bottom:30px}
.pad1 {padding:0 50px}
.pad_left1 {padding-left:5px; }
.pad_left2 {padding-left:42px}
.pad_top1 {padding-top:33px}
.pad_top2 {padding-top:7px}
.pad_bot1 {padding-bottom:10px}
.pad_bot2 {padding-bottom:18px}
.marg_right1 {margin-right:21px}
.marg_top1 {margin-top:-10px}
.marg_left1 {margin-left:-5px}
.font1 {text-align:center;display:block;font-size:23px;line-height:1.2em;padding:7px 0 36px 0;color:#000;letter-spacing:-1px}
.font2 {font-size:22px;line-height:1.2em;color:#0055a2;padding:0 0 20px 0;letter-spacing:-1px;margin-top:-3px}
.font2 span {display:block;margin-top:-6px}
.font2 a {color:#0055a2;text-decoration:none}
.font2 a:hover {color:#000}
.box1 {padding:0 34px;background:#fff;padding-bottom:45px}
.box2 {background:#f2f2f2;padding:17px 30px 20px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;margin-right:5px;margin-bottom:25px}
.button {display:inline-block;color:#fff;line-height:40px;text-decoration:none;cursor:pointer; background-color:#0033CC; font-weight:bold;}
.button span {display:block;background:url(../images/button1_left.gif) 0 0 no-repeat}
.button span span {background:url(../images/button1_right.gif) top right no-repeat;padding:0 25px;height:42px}
.button:hover { background-color:#FF9900; color:#000000;}
.button:hover span {background-position:bottom left}
.button:hover span span {background-position:bottom right}
.list1 {margin-top:-12px}
.list1 li {line-height:40px;}
.list1 li a {display:inline-block;background:url(../images/marker_1.gif) 0 2px no-repeat;padding-left:48px;color:#363636;font-weight:bold;text-decoration:none}
.list1 li a:hover {background-position:0 -38px;color:#0055a2}
.list2 {margin-top:-1px}
.list2 li {font:14px Tahoma, Geneva, sans-serif;line-height:30px}
.list2 li a {color:#4c4c4c;text-decoration:none;padding-left:10px;background:url(../images/marker_3.gif) 0 6px no-repeat}
.list2 li a:hover {color:#0055a2;background-position:0 -17px}
.list3 {}
.list3 li {line-height:30px}
.list3 li a {color:#0055a2;background:url(../images/marker_3.gif) 0 -17px no-repeat;padding-left:10px}
.list3 li a:hover {color:#000;background-position:0 6px}
.date {float:left;width:72px;height:50px;background:url(../images/date.gif) 0 0 no-repeat;margin-right:14px;font-size:34px;line-height:1.2em;padding-top:22px;text-align:center}
.link1 {text-decoration:none}
.link1:hover {color:#0055a2}
.quot {padding-left:42px;background:url(../images/quot.gif) 0 4px no-repeat;overflow:hidden}
.quot span {display:block}
.color1 {color:#0056a3}
.color2 {color:#8f8f8f}
/* footer */
footer {font:12px Arial, Helvetica, sans-serif;width:100%;overflow:hidden;padding-bottom:52px;line-height:20px}
footer a {color:#0055a2}
footer a:hover {}
.call {float:left;width:602px;padding:10px 0 0 0}
.call1 {font-size:32px;color:#000;line-height:1.2em;display:inline-block;letter-spacing:-1px}
.call2 {font-size:31px;color:#0055a2;line-height:1.2em;display:inline-block;letter-spacing:-1px}
#newsletter {min-height:147px}
#newsletter .bg {background:#fff;border:1px solid #e4e4e4;float:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative}
#newsletter .wrapper {min-height:34px}
#newsletter input {font:14px Tahoma, Geneva, sans-serif;background:none;color:#4c4c4c;width:246px;padding:5px;line-height:18px;height:18px}
#newsletter .button {float:right;background-image:url(../images/button2_bg.gif);font:14px Tahoma, Geneva, sans-serif;line-height:40px}
#newsletter .button span {background-image:url(../images/button2_left.gif)}
#newsletter .button span span {background-image:url(../images/button2_right.gif)}
#newsletter .button strong {padding-right:14px;background:url(../images/marker_2.gif) right 17px no-repeat;font-weight:normal;display:block}
/* forms */
#ContactForm {margin-top:-7px}
#ContactForm strong {width:72px;float:left;line-height:30px}
#ContactForm .bg {float:left;background:#fff;border:1px solid #e5e5e5;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative}
#ContactForm .wrapper {min-height:40px}
#ContactForm .textarea_box {min-height:370px}
#ContactForm {}
#ContactForm .button span span {padding:0;width:116px;text-align:center}
#ContactForm .button {margin-left:8px;float:right;margin-top:15px}
#ContactForm .input {width:505px;height:18px;background:none;padding:5px;color:#4c4c4c;font:14px Tahoma, Geneva, sans-serif}
#ContactForm textarea {overflow:auto;width:505px;height:349px;background:none;padding:5px;color:#4c4c4c;font:14px Tahoma, Geneva, sans-serif;margin:0}

<!--new comment style-->
#contentlist{list-style-type:circle !important; }


/*search style start*/
#morelink{
}
#search_content {
	float: left;
    padding-bottom: 20px;
    width: 730px;
}

.search-hdr {
    background-color:#DFDFFF;
    padding: 10px 0;
}

h3 {margin-top:12px;}

.university {
    color: #770000;
    font-size: 22px;
}

.rating {
    color:#F00;
    float: right;
    padding-right: 5px;
}

.course-color {
    color: #004a80;
    font-size: 14px;
}
.course-result{  }

.course-result tr th {
    font-size: 17px;
    padding-bottom: 10px;
    text-align: left; border-radius:3px;
}
.course-result tr th, td {
    color: #000;
    padding-bottom: 10px;
    padding-right: 10px;
}
.course-result tr td{font-size:13px;}
.course-color{color:#815c2f;font-size:14px}
.oddcolor{
	background-color:#D9F2FF;/*FFCC66*/; margin:11px; border-radius:15px; padding-left: 5px;float:left; padding-right:5px; 
}
.evencolor{
	background-color:#FFFF99;/*D6D6AB*/; margin:11px; border-radius:15px; padding-left: 5px;float:left; padding-right:5px; 
}

.search-result {
    color: #f26522;
    padding-left: 10px;
}
.search-filter {
    color: #000;
    font-size: 14px;
    padding-left: 10px;
}
.span-show{direction:inline-block; background-color:#0099CC; color:#FFFFFF; font-weight:bold; border-radius:10px; padding:2px 5px; 
font-size:13px; cursor:pointer;}
/*search style end*/





/********course search start********/

#searchcontainer{
	border:0px solid red;
	float:left;
	width:190px;
	padding:2px;
	height:210px;
}
#searchbox{
	border:0px solid blue; padding:0; margin:0;
}
#searchbox ul{ list-style:none; padding:0px; margin:10px;;}
#searchbox ul li{padding:0; margin:0;}

#searchbox span{
display:block;
background-color:#FF9900;
color:#FFFFFF;
border-radius:10px; text-align:center;
padding:5px; margin:0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;
}

#course { border:1px solid #eee;padding:0; border-radius:10px;
	display:block;
	text-align:left;
	padding:15px;
	padding-left:40px;
	margin-top:5px;
	background-color:#49A5D6;/*#3FDCDC;*/
	height:145px;
}
#course form{padding:0; margin:0px;}
#course select{padding:2; margin:5px 4px; width:160px; border:0px solid #eee; border-radius:3px; color:#666666;}
.course-search {
	background-color:#FF9900;
	color:#FFFFFF;
	border-radius:10px;
	width:100px;
	height:25px;
	cursor:pointer;
	margin-left:20px; margin-top:5px;
}
.course-search:hover {
	background-color:#0000CC;
}

/********course search end********/

/**footer**/

#social li a{
display: block;
float: left;
width: 49px;
height: 49px;
margin-right: 20px;
overflow: hidden;
text-indent: -4000em;
background: url("../images/social-sprite.gif") no-repeat;}

#homesocial{
display:inline-block; width:300px;
}
#homesocial li a{
display: block;
float: left;
width: 31px;
height: 31px;
overflow: hidden;
text-indent: -4000em;
background:url(../images/social.jpg) no-repeat;
border-radius:5px;}

#copyright{
display:block; 
text-align:center;
padding-left:20px;
padding-top:20px;
color:#993300;

}


#homefooter{
height:30px; 
width:100%;
padding-left:30px;
}

#homefooter .copy a{
color:#003366;
text-decoration:none;
}
#homefooter .copy a:hover{
text-decoration:underline;
}
.banners li a{text-decoration:none;}
#stalk{
background-color:#000000;
 color:#003333; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;padding:2px;
}
#stalk p{
border:1px solid #333333;
border-radius:5px;
padding:2px; text-align:justify;
margin-top:8px;
}