@charset "utf-8";
/*
=======================================================================
	General Rules
=======================================================================
*/
* {
	padding:0px;
	margin:0px;
}
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
	background-position:0px 327px;
}
.subpage {
	background-position:0px 181px;
}
a {
	text-decoration:none;
	outline:none;
	color:#666;
}
a img {
	border:none;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.under {
	text-decoration:underline;
}
.upper {
	text-transform:uppercase;
}
.italic {
	font-style:italic;
}
.colr {
	color:#6b665e !important;
}
.white {
	color:#fff !important;
}
.black {
	color:#000 !important;
}
h1 {
	font-size:26px;
	font-weight:normal;
}
h2 {
	font-size:24px;
	font-weight:normal;
}
h3 {
	font-size:20px;
	font-weight:normal;
}
h4 {
	font-size:18px;
	font-weight:normal;
}
.subhead {
	margin-top:20px;
	width:100%;
	float:left;
}
h5 {
	font-size:16px;
	font-weight:normal;
}
h6 {
	font-size:14px;
	font-weight:normal;
}
p {
	line-height:18px;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
.heading {
	padding:15px 0px 8px 0px;
	width:100%;
	border-bottom:#eeeeee solid 1px;
	margin-bottom:10px;
}
input {
	font-size:11px;
}
.itlc {
	font-style:italic;
}
.noback {
	background-image:none !important;
}
.noborder {
	border:none !important;
}
.blog-featured{
  height: 0px; /* NEW!!! palia: height: 200px; */
}

.spaced_clear {
  height: 28px; /* NEW!!!! palia: height: 40px; */
  clear: both;
  position: relative;
}

a { text-decoration: underline; color: #2a405b; }

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { text-decoration: none; }
/*
=======================================================================
	Buttons
=======================================================================
*/
a.buttonone {
	float:left;
	display:inline-block;
	height:18px;
	padding:4px 10px 0px 10px;
	background-image:url(../images/buttonone.gif);
	background-repeat:repeat-x;
	color:#fff;
	border:#6a655d solid 1px;
	text-transform:uppercase;
}
/*
=======================================================================
	Input Form Rules
=======================================================================
*/
ul.forms {
	float:left;
	list-style:none;
	width:580px;
	padding:20px 0px 0px 0px;
}
ul.forms li{
	float:left;
}
ul.forms li.inputfield{
	width:285px;
	padding-bottom:10px;
}
ul.forms li.inputfield input.bar{
	width:273px;
	height:22px;
	padding:0px 5px;
	line-height:22px;
	background-image:url(../images/textarea2.gif);
	background-repeat:no-repeat;
	border:#afafaf solid 1px;
	color:#999999;
}
ul.forms li.textsec{
	width:580px;
	padding-bottom:10px;
}
ul.forms li.textsec textarea{
	width:568px;
	height:133px;
	padding:5px;
	background-image:url(../images/textarea2.gif);
	background-repeat:no-repeat;
	border:#afafaf solid 1px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:auto;
}

.inputform {
	width:420px;
	float:left;
	padding-top:26px;
}
.inputform input.bar{
	width:405px;
	height:24px;
	padding:0px 5px;
	line-height:24px;
	background-image:url(../images/textarea.gif);
	background-repeat:no-repeat;
	border:#afafaf solid 1px;
	color:#999999;
	margin-bottom:10px;
}
.inputform textarea{
	width:405px;
	height:123px;
	padding:5px;
	background-image:url(../images/textarea.gif);
	background-repeat:no-repeat;
	border:#afafaf solid 1px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
	overflow:auto;
}
ul.smallforms {
	padding:0px 20px 3px 0px !important;
	float:left;
	width:200px;
}
ul.smallforms input{
	margin-right:5px;
	float:left;
	width:20px;
}
ul.smallforms .check{
	width:20px;
	float:left;
}
ul.smallforms label{

	float:left;
}
/*
=======================================================================
	Wrapper Section
=======================================================================
*/
#wrapper_sec {
	width:100%;
	padding-bottom:20px;
	float:left;
}
.inner {
	width:960px;
	margin:0px auto;
}
/*
=======================================================================
	Header Section
=======================================================================
*/
#masthead {
	width:100%;
	height:327px;
	float:left;
	background-color:#fff;
}
.smallhead {
	height:181px !important;
}
.search { height: 30px; float: left; }

.searchinside {}

.searchinside .search-results {
  padding: 10px;
  margin-top: 10px;
}

.searchinside .search-results li {
  padding: 5px 0;
}

.searchinside .search-results dt.result-title {
  padding: 5px 0;
}

.searchinside .search-results dd.result-text {
  display: block;
  margin: 4px 0 15px 0;
}
.search label { display: none; }

#searchForm #search_searchword {
	width: 350px;
	height: 27px;
  border: 1px solid #ccc; 
  padding: 0 5px;
  margin: 0 5px 0 0; 
  float: left;
}


#searchForm {
	margin: 30px 0 0 10px;
	background: url('../images/search_big_icon.png') right top no-repeat;
}

#searchForm .searchform_phrase {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}
#searchForm .searchform_field_cal,#searchForm .searchform_field_order {
	margin: 10px 10px 10px 0;
	padding-top: 10px;
	float: left;
}
#searchForm .searchform_key {
	font-weight: bold;
}
#searchForm .searchform_field_order {
	margin: 10px 0 10px 30px;
}
#searchForm .searchform_field_areas {
	clear: both;
}
#searchForm .searchform_justsearch {
	font-weight: bold;
	margin-top: 10px;
}
#searchForm .searchform_calendar_desc {
	margin-bottom: 3px;
	font-weight: bold;
}

#searchForm .searchform_ordering {
	font-weight: bold;
}
#searchForm .searchform_ordering_list {
}
#searchForm .searchform_lasttd { margin-top: 20px;}

#searchForm .searchform_big_fonts {
	font-size: 26px; 
	font-weight: bold; 
	color: #4CAF5A;
	text-shadow: 2px 1px 1px #fff;
}

#searchForm .searchform_big_fonts_s {
	font-size: 16px; 
	font-weight: bold; 
	color: #7F7F7F;
	text-shadow: 2px 1px 1px #fff;
}

#searchForm .searchform_break { margin: 0 10px;}
#searchForm .searchform_field_cal, #searchForm .searchform_field_areas {  
  clear: both;
}


/*
=======================================================================
	Top Section
=======================================================================
*/
.topsec {
	width:100%;
	height:30px;
	background-image:url(../images/black.png);
	position:absolute;
	z-index:3;
}
.topsec a.url{
	float:left;
	background-image:url(../images/arrow_white.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	color:#FFF;
	margin:7px 0px 0px 0px;
}
.topsec ul{
	list-style:none;
	float:right;
	margin:3px 0px 0px 0px;
}
.topsec ul li{
	float:left;
	padding-left:3px;
}
/*
=======================================================================
	Banner
=======================================================================
*/
.banner {
	width:100%;
	height:327px;
}
.banner .logo{
	width:960px;
	height:327px;
	background-image:url(../images/header_bg.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:2;
}
.banner .logo a{
	margin:106px 0px 0px 30px;
	float:left;
}
.banner .bannersec{
	width:510px;
	height:327px;
	position:absolute;
	margin:0px 0px 0px 440px;
	z-index:1;
}
.sliderwrapper{
	position: relative;
	overflow: hidden;
	width: 510px;
	height: 327px;
}
.sliderwrapper .contentdiv{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 510px;
	height: 100%;
}
.bannersec .slid{
	height:327px;
	overflow:hidden;
}
/*
=======================================================================
	Small Banner
=======================================================================
*/
.smallbanner{
	width:100%;
	height:181px;
}
.smallbanner .logo{
	width:960px;
	height:181px;
	float: left;
	z-index:2;
}
.smallbanner .logo a{
	margin: 0;
	float: left;
}
/*
=======================================================================
	Search
=======================================================================
*/
.logo form { float: left; clear: both; height: 30px; }
/*
=======================================================================
	Navigation
=======================================================================
*/
.navigation {
	width:100%;
	/* height:34px;*/
	background-image:url(../images/nav_bg.png);
	position:absolute;
	z-index:3;
	margin-top:-34px;
	font-family:Tahoma, Geneva, sans-serif;
}
ul.loginsec {
	list-style:none;
	float:right;
	margin:4px 0px 0px 0px;
}
ul.loginsec li{
	float:left;
	padding-left:1px;
}
ul.loginsec li a.staff{
	float:left;
	width:86px;
	height:19px;
	padding:4px 0px 0px 38px;
	background-image:url(../images/staff.gif);
	background-repeat:no-repeat;
	border:#6a655d solid 1px;
	color:#FFF;
	text-transform:uppercase;
}
ul.loginsec li a.student{
	float:left;
	width:97px;
	height:19px;
	padding:4px 0px 0px 27px;
	background-image:url(../images/student.gif);
	background-repeat:no-repeat;
	border:#6a655d solid 1px;
	color:#FFF;
	text-transform:uppercase;
}
/*
=======================================================================
	Content Section
=======================================================================
*/
#content_sec {
	width:100%;
	float:left;
}
#content_sec .inner{
	background-color:#FFF;
	width:940px;
	padding:10px;
}
/*
=======================================================================
	Bread Crumb
=======================================================================
*/
#crumb {
	width:938px;
	height:31px;
	float:left;
	background-image:url(../images/crumb.gif);
	background-repeat:repeat-x;
	border:#c1c1c1 solid 1px;
}
#crumb ul.links{
	float:left;
	list-style:none;
	padding:8px 0px 0px 10px;
}
#crumb ul.links li{
	float:left;
	padding:0px 2px;
}
#crumb ul.links li a{
	background-image:url(../images/crumbsep.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:8px;
}
#crumb ul.links li a.last{
	background-image:none;
}
#crumb ul.sharecrumb{
	float:right;
	list-style:none;
	padding:8px 8px 0px 0px;
}
#crumb ul.sharecrumb li{
	float:left;
	padding:0px 2px;
}
/*
=======================================================================
	Column 1
=======================================================================
*/
.col1 {
	width:680px;
	float:left;
}
/*
=======================================================================
	Welcome
=======================================================================
*/
.welcome {
	width:680px;
	float:left;
	padding-bottom:30px;
	padding-top:4px;
}
.welcome p.txt{
	width:680px;
	padding:5px 0px;
}
/*
=======================================================================
	Campus Life
=======================================================================
*/
.campuslife {
	width:320px;
	float:left;
}
.campuslife h6{
	width:112px;
	padding-bottom:7px;
	border-bottom:#eeeeee solid 3px;
	margin-bottom:10px;
}
.campuslife a.thumb{
	border:#eeeeee solid 3px;
	float:left;
	margin-bottom:10px;
}
/*
=======================================================================
	International Students
=======================================================================
*/
.inter_students {
	width:320px;
	float:right;
}
.inter_students h6{
	width:302px;
	padding-bottom:7px;
	border-bottom:#eeeeee solid 3px;
	margin-bottom:10px;
	margin-left: 1px;
}
.inter_students a.thumb{
	border:#eeeeee solid 3px;
	float:left;
	margin-bottom:10px;
}
/*
=======================================================================
	Column 2
=======================================================================
*/
.col2 {
	width:245px;
	float:right;
}
/*
=======================================================================
	Apply By
=======================================================================
*/
.applyby {
	width:228px;
	height:105px;  /* NEW!!!!!! height:90px;  */
	padding:10px 5px 0px 10px;
	background-image:url(../images/applynow_bg.jpg); /* NEW!!!!!   url(../images/applynow_bg.gif) */
	background-repeat:no-repeat;
	border:#cbcbcb solid 1px;
	float:right;
	color:#FFF;
	margin-bottom:10px;
	margin-top:10px;
}
.applyby a.download{
	color:#FFF;
	background-image:url(../images/tenders_icon.png); /* NEW!!!!! url(../images/download_icon.gif)  */
	background-repeat:no-repeat;
	background-position:0px 3px; 
	display:inline-block;
	height: 20px;
	padding-left:22px;
	margin-top:10px;
}
.applyby a.applyonline{
	color:#FFF;
	background-image:url(../images/joboffers_icon.png); /* NEW!!!!!   url(../images/tick.png) */
	background-repeat:no-repeat;
	background-position:0px 4px; 
	display:inline-block;
	height:25px;
	padding-left:22px;
	margin-top:8px;
}
.applyby p{
	padding-bottom:5px;
}
/*
=======================================================================
	Share with us
=======================================================================
*/
.shareus {
	width:213px;
	padding:10px 15px;
	float:right;
	border:#eeeeee solid 1px;
	background-image:url(../images/grey_bg.gif);
	background-repeat:repeat-x;
	background-color:#f9f9f9;
	margin-bottom:10px;
}
.shareus h6{
	padding-bottom:10px;
}
.shareus ul{
	float:left;
	list-style:none;
}
.shareus ul li{
	float:left;
	padding-right:7px;
}
.shareus ul li.last{
	padding-right:0px;
}
/*
=======================================================================
	Course Finder
=======================================================================
*/
.coursefinder {
	width:213px;
	padding:10px 15px;
	float:right;
	border:#eeeeee solid 1px;
	background-image:url(../images/grey_bg.gif);
	background-repeat:repeat-x;
	background-color:#f9f9f9;
	margin-bottom:10px;
}
.coursefinder h6 {
	padding-bottom:10px;
}
.coursefinder ul {
	float:left;
	list-style:none;
	width:213px;
}
.coursefinder ul li {
	float:left;
	width:213px;
	padding-bottom:10px;
}
.coursefinder ul li select {
	width:213px;
	height:20px;
	border:#abadb3 solid 1px;
}

/*
=======================================================================
	Prospectus Students
=======================================================================
*/
.mod_sidebar {
	width:213px;
	padding:10px 15px;
	float:right;
	border:#dddddd solid 1px; /* OLD: #eeeeee */
	background-image:url(../images/grey_bg.gif);
	background-repeat:repeat-x;
	background-color:#f9f9f9;
	margin-bottom:10px;
}
.mod_sidebar h6 {
	padding-bottom: 10px;
	font-size: 17px; /* NEW!!!! */
}
.mod_sidebar ul {
	float:left;
	list-style:none;
	width:213px;
}
.mod_sidebar ul li {
	float: left;
	width: 203px;
	padding: 0 0 0 10px;
	background-image: url(../images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin-bottom: 7px;
}
.mod_sidebar ul li li { padding-top: 7px; background-position: 0px 11px; }
.mod_sidebar a { text-decoration: none; word-wrap: break-word; font-size: 10px; }
.mod_sidebar .sidebar_logo { margin: 0 0 20px 55px; }

.sidebar-2 { margin-top: 20px; }
/*
=======================================================================
	Project listing
=======================================================================
*/
.projects { margin-top: 20px; list-style-type: none; }
.projects li { padding: 0 5px; margin: 20px 0 40px 0; border-bottom: 1px solid #eee; }
.allprojects { display: block; margin-top: 20px; padding: 160px 0 0 1px; }
h6.smalltext { color: #999999; font-size: 14px; }
h6.leftheader { position: relative; font-size: 18px; padding-right: 12px; padding-left: 192px; } /* NEW!!!! palia: padding-left: 205px; */
h6.rightheader { position: relative; padding-left: 15px; font-size: 18px; } /* NEW!!!! font-size */
/*
=======================================================================
	Recent Posts
=======================================================================
*/
.recentposts {
	width:243px;
	float:right;
	margin-bottom:10px;
	margin-top:10px;
}
.recentposts ul{
	width:243px;
	float:left;
	list-style:none;
	padding-top:10px;
}
.recentposts ul li{
	width:243px;
	float:left;
	margin-bottom:15px;
}
.recentposts ul li .thumb{
	width:70px;
	float:left;
}
.recentposts ul li .thumb a{
	float:left;
	border:#CCC solid 2px;
}
.recentposts ul li .desc{
	width:173px;
	float:left;
}
.recentposts ul li .desc a.title{
	line-height:16px;
	margin-bottom:1px;
}
.recentposts ul li .desc p.date{
	color:#999999;
}
/*
=======================================================================
	Services
=======================================================================
*/
.services {
  margin: 25px 0 0 0;
  width: 680px;
  padding: 0;
  height: 160px;
  position: relative;
}

.services h6.colr { 
  background: url(../images/white_pattern.jpg) repeat-x; 
  padding: 0; 
  height: 20px; 
  font-size: 20px;
}

.services h6.colr span { 
  background: white; 
  padding-right: 5px; 
  display: block; 
  height: 25px; 
  width: 120px; 
  position: relative; 
  top: -3px;
}

.services .navarrow { 
  float: left;
  margin-top: 55px;
}

.services ul {
  float: left;
  list-style-type: none;
  margin-top: 25px;
}

.services ul li {
  display: inline;
  padding: 2px;
  margin: 0 30px;
}

a.psditem,
a.oedbitem,
a.tsitem,
a.broadbanditem,
a.dschoolitem,
a.eeitem,
a.esitem         { display: block; width: 121px; height: 86px; text-indent: -9999px; }

a.psditem        { background: url(../images/banner_sch.png) no-repeat 0 -86px; }
a.psditem:hover  { background-position: 0 0px; }

a.tsitem         { background: url(../images/banner_ts.png) no-repeat 0 -86px; }
a.tsitem:hover   { background-position: 0 0px; }

a.oedbitem       { background: url(../images/banner_oedb.png) no-repeat 0 -86px; }
a.oedbitem:hover { background-position: 0 0px; }

a.broadbanditem         { background: url(../images/banner_broadband.png) no-repeat 0 -86px; }
a.broadbanditem:hover   { background-position: 0 0px; }

a.eeitem         { width: 161px; background: url(../images/banner_ee.png) no-repeat 0 -86px; }
a.eeitem:hover   { background-position: 0 0px; }

a.esitem         { width: 147px; background: url(../images/banner_es.jpg) no-repeat 0 -84px; }
a.esitem:hover   { background-position: 0 0px; }

a.dschoolitem         { background: url(../images/banner_ds_light.png) no-repeat 0 -89px; }
a.dschoolitem:hover   { background-position: 0 -3px; }



/*
=======================================================================
	Services
=======================================================================
*/
#scroller {
	width: 580px;
	height: 90px;
	position: relative;
	margin: 0 auto;
	padding-top: 20px;
}
#scroller div.scrollableArea a {
  position: relative;
  float: left;
	margin: 10px 15px;
	padding: 10px;
}

div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/left_arrow_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: -70px;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/../images/left_arrow_grey.png);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/right_arrow_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: -70px;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/right_arrow_grey.png);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
.services div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
/*
=======================================================================
	Archive
=======================================================================
*/
.archive {
	width:243px;
	float:right;
}
.archive ul{
	width:243px;
	float:left;
	list-style:none;
	padding-top:10px;
}
.archive ul li{
	background-image:url(../images/arrow_black.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	width:228px;
	margin-bottom:10px;
}
/*
=======================================================================
	Map
=======================================================================
*/
.map {
	width:239px;
	float:right;
	border:#eee solid 2px;
	margin-top:20px;
}
/*
=======================================================================
	Address
=======================================================================
*/
.adres {
	width:243px;
	float:right;
	margin-top:10px;
}
.adres h6{
	padding-bottom:10px;
}
.adres p{
	padding-bottom:20px;
}
/*
=======================================================================
	Affiliations
=======================================================================
*/
.affiliation {
	float:left;
	width:940px;
	margin-top:20px;
	padding:30px 0px;
	background-image:url(../images/shadow.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.affiliation h6.title{
	float:left;
	width:120px;
	height:28px;
	padding:14px 0px 0px 20px;
	background-image:url(../images/affiliation.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#FFF;
	text-transform:uppercase;
}
.affiliation ul{
	float:left;
	list-style:none;
}
.affiliation ul li{
	float:left;
	padding-left:14px;
}
.newsfeed h4 { font-size: 11px;}
/*
=======================================================================
	Category Listing
=======================================================================
*/
.category-listing {}

.category-listing fieldset { border: none; }

.category-listing table { font-size: 14px; font-family: Georgia, Verdana, serif; padding: 10px 0; }

.category-listing table tr { padding: 10px 0; }
/*
=======================================================================
	Blog
=======================================================================
*/
.blog {
	width:680px;
	float:left;
	padding-bottom:30px;
}
.post{
	width:680px;
	float:left;
	padding: 20px 0;
}

.blog .post { border-bottom: 1px dashed #ccc; }
.post h2 { font-size: 16px; color: #444; padding: 0 0 10px 20px; background: url(../images/post_it.png) no-repeat top left; }
.post h4 { font-size: 12px; color: #000; padding-top: 10px; }

.post ul { padding-left: 20px;}
.post .thumb{
	width:220px;
	float:left;
}
.post .thumb a{
	float:left;
	border:#eee solid 3px;
}
.post .desc{
	width:460px;
	float:left;
}
.post .desc h6{
	padding-bottom:5px;
}
.post .desc ul.links{
	width:460px;
	padding:4px 0px 7px 0px;
	border-bottom:#eeeeee solid 1px;
	list-style:none;
	float:left;
	margin-bottom:5px;
	color:#999999;
}
.post .desc ul.links a{
	color:#999999;
}
.post .desc ul.links li{
	padding:0px 8px;
	float:left;
	border-left:#999 solid 1px;
}
.post .desc ul.links li.first{
	padding-left:0px;
	border:none;
	float:left;
}
.post .desc p.txt{
	padding:0px 0px 10px 0px;
}

.item-page{
	width:680px;
	float:left;
	padding-top:20px;
}

.item-page h1 a,
.item-page h2 a,
.item-page h3 a { text-decoration: none; }

.item-page p { padding-top: 15px; }
 
.item-page a { color: #283A51; text-decoration: underline; }
.item-page a:hover { text-decoration: none; }

.item-page .thumb{
	width:220px;
	float:left;
}
.item-page .thumb a{
	float:left;
	border:#eee solid 3px;
}
.item-page .desc{
	width:460px;
	float:left;
}
.item-page .desc h6{
	padding-bottom:5px;
}
.item-page .desc ul.links{
	width:460px;
	padding:4px 0px 7px 0px;
	border-bottom:#eeeeee solid 1px;
	list-style:none;
	float:left;
	margin-bottom:5px;
	color:#999999;
}
.item-page .desc ul.links a{
	color:#999999;
}
.item-page .desc ul.links li{
	padding:0px 8px;
	float:left;
	border-left:#999 solid 1px;
}
.item-page .desc ul.links li.first{
	padding-left:0px;
	border:none;
	float:left;
}
.item-page .desc p.txt{
	padding:0px 0px 10px 0px;
}
/*
=======================================================================
	Article
=======================================================================
*/
.article { padding: 0 5px; }

.article ul,
.article ol  
{ padding-left: 25px; }

/*
=======================================================================
	Paging
=======================================================================
*/
.pagination {
	width:680px;
	float:left;
	margin:30px 0px 0px 0px;
}
.pagination ul{
	width:680px;
	float:left;
	list-style:none;
}
.pagination ul li{
	float:left;
	margin-right:10px;
}
.pagination ul li.txt{
	padding-top:3px;
}
.pagination ul li a.previous{
	width:25px;
	height:19px;
	display:inline-block;
	background-image:url(../images/prev.gif);
	background-repeat:no-repeat;
	border:#cccccc solid 1px;
}
.pagination ul li a.nextpage{
	width:25px;
	height:19px;
	display:inline-block;
	background-image:url(../images/next.gif);
	background-repeat:no-repeat;
	border:#cccccc solid 1px;
}
.pagination ul li a.numbr{
	width:25px;
	height:17px;
	padding-top:2px;
	text-align:center;
	display:inline-block;
	background-repeat:no-repeat;
	border:#fff solid 1px;
	color:#888;
}
.pagination ul li a.selected{
	border:#cccccc solid 1px;
	color:#333333;
}

#system-message {
  position: relative;
  padding: 7px 15px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
#system-message .close {
  margin-top: 1px;
  *margin-top: 0;
}
#system-message a {
  font-weight: bold;
  color: #404040;
}
.alert-message.danger p a,
.alert-message.error p a,
.alert-message.success p a,
.alert-message.info p a,
#system-message .warning p a {
  color: #ffffff;
}
#system-message h5 {
  line-height: 18px;
}
#system-message p {
  margin-bottom: 0;
}
#system-message div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
#system-message .btn {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
/*
=======================================================================
	Comments
=======================================================================
*/
.comments {
	width:680px;
	float:left;
	margin:30px 0px 0px 0px;
}
.comments ul{
	width:680px;
	float:left;
	margin:20px 0px 0px 0px;
	list-style:none;
}
.comments ul li.levelone{
	width:658px;
	float:left;
	margin-bottom:10px;
	border:#eeeeee solid 1px;
	padding:10px;
}
.comments ul li.levelone .name{
	float:left;
	width:658px;
}
.comments ul .avatarsec{
	float:left;
	padding-bottom:15px;
}
.comments ul .avatarsec .avatar{
	float:left;
	width:50px;
}
.comments ul .avatarsec .avatar a{
	float:left;
	border:#CCC solid 3px;
}
.comments ul .namesec{
	float:left;
	padding-top:4px;
}
.comments ul li .leveltwo{
	width:640px;
	float:left;
	margin-bottom:10px;
	padding:10px;
	background-color:#f7f7f7;
	margin:20px 0px 0px 0px;
}
.comments ul li .leveltwo .name{
	float:left;
	width:640px !important;
}
/*
=======================================================================
	Leave Reply
=======================================================================
*/
.leavereply {
	width:680px;
	float:left;
	margin:30px 0px 0px 0px;
}
.leavereply input.bar{
	width:419px;
	height:24px;
	line-height:24px;
	padding:0px 5px;
	background-color:#f9f9f9;
	border:#e2e2e2 solid 1px;
	color:#999999;
	margin-top:10px;
}
.leavereply textarea{
	width:419px;
	height:123px;
	padding:5px;
	background-color:#f9f9f9;
	border:#e2e2e2 solid 1px;
	color:#999999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin:10px 0px;
}
/*
=======================================================================
	News
=======================================================================
*/
.news {
	width:680px;
	float:left;
	padding-bottom:30px;
}
.showhidesec {
	display:none;
}
.news ul{
	width:680px;
	list-style:none;
}
.news ul li{
	width:680px;
	list-style:none;
	border-bottom:#eee solid 1px;
	float:left;
	padding-top:20px;
}
.news ul li .thumb{
	width:90px;
	float:left;
}
.news ul li .thumb a{
	float:left;
	border:#eee solid 3px;
}
.news ul li .desc{
	width:590px;
	float:left;
}
.news ul li .desc h6{
	padding:4px 0px 5px 0px;
}
.news ul li .bottom{
	width:680px;
	margin-top:10px;
}
.news ul li .bottom a.cate{
	float:left;
	padding-right:5px;
	border-right:#999 solid 1px;
	margin-right:5px;
	color:#999999;
	margin-top:10px;
}
.news ul li .bottom p{
	float:left;
	color:#999999;
	margin-top:7px;
}
.news ul li .bottom a.expand{
	float:right;
	width:32px;
	height:30px;
	display:inline-block;
	background-image:url(../images/expand.gif);
	background-repeat:no-repeat;
}
/*
=======================================================================
	Courses
=======================================================================
*/
.courses {
	width:680px;
	float:left;
}
.courses .tablsec{
	width:678px;
	float:left;
	border:#eeeeee solid 1px;
	border-bottom:none;
}
.courses ul.head{
	width:668px;
	height:22px;
	padding:7px 0px 0px 10px;
	background-image:url(../images/courses_bg.gif);
	background-repeat:repeat-x;
	float:left;
	list-style:none;
	border-bottom:#eeeeee solid 1px;
}
.courses ul li{
	float:left;
}
.courses ul li.duration{
	width:140px;
}
.courses ul li.name{
	width:445px;
}
.courses ul li.level{
	width:83px;
}
.courses ul.cont{
	width:668px;
	height:26px;
	padding:12px 0px 0px 10px;
	float:left;
	list-style:none;
	border-bottom:#eeeeee solid 1px;
}
/*
=======================================================================
	Contact Us
=======================================================================
*/
.contact {
	width:680px;
	float:left;
}
.contact input.bar{
	width:419px;
	height:24px;
	line-height:24px;
	padding:0px 5px;
	background-color:#f9f9f9;
	border:#e2e2e2 solid 1px;
	color:#999999;
	margin-top:10px;
}
.contact textarea{
	width:419px;
	height:123px;
	padding:5px;
	background-color:#f9f9f9;
	border:#e2e2e2 solid 1px;
	color:#999999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin:10px 0px;
}
/*
=======================================================================
	Column 3
=======================================================================
*/
.col3{
	width:940px;
	padding-top:10px;
}
/*
=======================================================================
	Gallery
=======================================================================
*/
.gallery{
	width:940px;
	float:left;
}
.gallery .buttons{
	width:940px;
	height:37px;
	background-image:url(../images/galleryborder.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
	padding-top:10px;
	float:left;
}
.gallery .buttons a{
	display:inline-block;
	height:18px;
	padding:4px 15px 0px 15px;
	background-image:url(../images/buttonone.gif);
	background-repeat:repeat-x;
	color:#fff;
	border:#6a655d solid 1px;
	margin-right:5px;
}
.gallery .buttons a.selected{
	display:inline-block;
	height:32px;
	padding:4px 20px 0px 20px;
	color:#6c675f;
	border:#eeeeee solid 1px;
	background-image:none;
	background-color:#FFF;
	margin-right:5px;
	border-bottom:none;
}
.gallery .gallerylisting{
	width:925px;
	padding:20px 0px 20px 15px;
	float:left;
	border:#eee solid 1px;
	border-top:none;
}
.gallery .gallerylisting ul.listing{
	width:940px;
	float:left;
	list-style:none;
	overflow:hidden;
}
.gallery .gallerylisting ul.listing li{
	width:220px;
	float:left;
	padding:0px 10px 20px 0px;
}
.gallery .gallerylisting ul.listing li a.thumb{
	width:212px;
	height:142px;
	padding:4px;
	float:left;
	background-image:url(../images/listingbg.gif);
	background-repeat:no-repeat;
}
.gallery .gallerylisting ul.listing li a.title{
	font-size:12px;
	padding:5px 0px 0px 4px;
}
.gallery .gallerylisting ul.listing li.last{
	padding:0px 0px 20px 0px;
}
/*
=======================================================================
	Static Page Rules
=======================================================================
*/
.static {
	width:940px;
	float:left;
}
.static h3.wlcm{
	padding:10px 0px 0px 0px;
}
.static p.txt{
	width:940px;
	float:left;
	padding:10px 0px 30px 0px;
}
.static .sec1 {
	width:290px;
	float:left;
}
.static .sec2 {
	width:650px;
	float:left;
}
.static .sec3 {
	width:300px;
	float:left;
}
.static .sec3 img.bordr{
	border:#dddddd solid 4px;
	float:left;
}
.static .sec4 {
	width:300px;
	float:left;
	padding:0px 10px;
}
.static .sec4 p{
	padding-bottom:10px;
}
.static .sec5 {
	width:300px;
	float:left;
	padding:0px 10px;
}
.static .sec5 ul{
	list-style:decimal;
	list-style-position:inside;
}
.static .sec5 ul li{
	padding:5px 0px;
}
.static .sec2 p{
	padding-bottom:10px;
}
.static .hairline {
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:#aaaaaa solid 1px;
}
.static h1{
	float:left;
	width:100%;
	padding:10px 0px;
}
.static h2{
	float:left;
	width:100%;
	padding:8px 0px;
}
.static h3{
	float:left;
	width:100%;
	padding:6px 0px;
}
.static h4{
	float:left;
	width:100%;
	padding:5px 0px;
}
.static h5{
	float:left;
	width:100%;
	padding:5px 0px;
}
.static h5 span{
	padding-bottom:10px;
}
.static h6{
	float:left;
	width:100%;
	padding:5px 0px;
}
.static h5{
	float:left;
	width:100%;
	padding:5px 0px;
	line-height:24px;
}

/*
=======================================================================
	Slideshow
=======================================================================
*/
#featured,
#featured-2 { 
	width: 315px;
	position: relative;
	height: 107px;
	border: 2px solid #ccc; 
	background: transparent;
	overflow: visible;
	text-align: left;
}

#featured ul.ui-tabs-disabled,
#featured-2 ul.ui-tabs-disabled { display:none; }

#featured ul.ui-tabs-nav,
#featured-2 ul.ui-tabs-nav { 
	position:absolute; 
	bottom: -20px;
	margin: 0 auto; 
	list-style:none; 
	z-index: 300;
	padding:0; 
	width: 300px;
}
#featured ul.ui-tabs-nav li,
#featured-2 ul.ui-tabs-nav li { 
	padding: 1px 0;
	padding-left:3px;
	font-size:12px;
	color:#666;
  display: inline;
}

#featured ul.ui-tabs-nav li img,
#featured-2 ul.ui-tabs-nav li img { 
	float:left; margin:2px 5px; 
	background: transparent; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span,
#featured-2 ul.ui-tabs-nav li span { 
	display: none;
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a,
#featured-2 li.ui-tabs-nav-item a  { 
	height:15px; 
	color:#333;
	width: 20px;
	display: inline-block;
	text-indent: 999px;
	background:transparent; 
	line-height:20px;
}

#featured .ui-tabs-panel,
#featured-2 .ui-tabs-panel { 
	width: 315px; 
	height:107px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info,
#featured-2 .ui-tabs-panel .info { float: left; clear:both; }

#featured .info a.readmore,
#featured-2 .info a.readmore { text-decoration: underline; }

#featured .info h2,
#featured-2 .info h2 { 
	font-size:18px;
	width: 100%; 
	font-family:Georgia, serif; 
	color: #283A51; 
	padding: 5px 0; 
	margin: 0;
	overflow:hidden; 
}

#featured .info p {
}

#featured .info a,
#featured-2 .info a { 
	text-decoration:none; 
	color:#283A51; 
}

#featured .info a:hover,
#featured-2 .info a:hover { 
	text-decoration:underline; 
}

#featured .ui-tabs-hide,
#featured-2 .ui-tabs-hide { 
	display:none;
}

#featured .thumb,
#featured-2 .thumb { float: left; }

.slides { clear: both; margin-top: 10px; } /* NEW!!!!!! palia: margin-top: 20px; height: 365px; */

.spaced_clear .ampersand { position: absolute; top: 28px; left: 319px; }  /* NEW!!!!!! palia: top: 44px; */
/*
=======================================================================
	Footer
=======================================================================
*/
#footer {
	width: 940px;
	padding: 10px;
	margin: 0 auto;
}

#footer-side {
  width: 200px;
  float: right;
}
#footer .foot_inner{
	width: 680px;
	float: left;
	margin: 0px 0 0 0; /* NEW!!!! */
	padding: 15px 15px;
	background-image:url(../images/footer.gif);
	background-repeat:repeat-x;
	background-color:#6a655d;
	border:#6a655d solid 1px;
	color:#FFF;
}
#footer .foot_inner a{
	color:#FFF;
}
/*
=======================================================================
	About Website
=======================================================================
*/
#footer .aboutweb{
	width:220px;
	float:left;
	margin-right:20px;
}
#footer .aboutweb h6{
	width:220px;
	border-bottom:#757069 solid 1px;
	padding-bottom:5px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#footer .aboutweb ul{
	width:220px;
	list-style:none;
}
#footer .aboutweb ul li{
	width:207px;
	padding-left:13px;
	margin-bottom:8px;
	background-image:url(../images/arrow_white.png);
	background-repeat:no-repeat;
	background-position:left;
}
/*
=======================================================================
	Research
=======================================================================
*/
#footer .research{
	width:210px;
	float:left;
	margin-right:20px;
}
#footer .research h6{
	width:210px;
	border-bottom:#757069 solid 1px;
	padding-bottom:5px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#footer .research ul{
	width:210px;
	list-style:none;
}
#footer .research ul li{
	width:207px;
	padding-left:13px;
	margin-bottom:8px;
	background-image:url(../images/arrow_white.png);
	background-repeat:no-repeat;
	background-position:left;
}
/*
=======================================================================
	Sharing Expertise
=======================================================================
*/
#footer .sharingexp{
	width:210px;
	float:left;
}
#footer .sharingexp h6{
	width:210px;
	border-bottom:#757069 solid 1px;
	padding-bottom:5px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#footer .sharingexp ul{
	width:210px;
	list-style:none;
}
#footer .sharingexp ul li{
	width:207px;
	padding-left:13px;
	margin-bottom:8px;
	background-image:url(../images/arrow_white.png);
	background-repeat:no-repeat;
	background-position:left;
}
/*
=======================================================================
	Address
=======================================================================
*/
#footer .adrs{
	width:200px;
	float:right;
}
#footer .adrs a.footlogo{
	margin: 0 0px 5px 0px;
	float: left;
	height: 137px;
}
/*
=======================================================================
	Copyrights
=======================================================================
*/
#footer .copy_inner{
	width:960px;
	margin:0px auto;
}
#footer .copy_inner p{
	float:left;
	padding-top:3px;
}
#footer .copy_inner a.top{
	float:right;
	width:34px;
	height:15px;
	padding-top:8px;
	text-align:center;
	background-image:url(../images/top.gif);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:11px;
	border:#6a655d solid 1px;
	margin-right:10px;
}

/*
=======================================================================
	Animation
=======================================================================
*/
#track{
    margin: 0 auto; 
    text-align: left; 
    position: relative;
    width:400px;
    height:400px; 
    background-color:pink;
}
#iDot{
    position:absolute;
    top:0px;
    left:0px;   
    width:10px;
    height:10px;
    background-color:green;
}
#oDot{
    position:absolute;
    top:0px;
    left:0px;
    width:10px;
    height:10px;
    background-color:blue;
}
#feedback{
    position:absolute;
    left:0px;
    top:0px;
    width:200px;
    height:100px;
    background-color:black;

}
#tDisplay{
    background-color:black;
    color:white;
    font-size:10px;
    font-family:arial, helvetica;
    width:300px;
    height:100px;
}
#center{
  position:absolute;
  left:195px;
  top:195px;
  width:10px;
  height:10px;
  background-color:white;
}

/*
=======================================================================
	LANGUAGES
=======================================================================
*/
.languages { float: left; margin: 0 0 30px 0; list-style-type: none; width: 68px; }

.languages li { display: inline; border: none; padding: 2px; margin: 0 2px 0 0; }

.languages li img { margin: 0 2px 0 0; }

.logo { position: relative; }
.tools { height: 30px; margin-top: 20px; position: absolute; right: 0; }
.tools div { display: block; height: 30px;  width: 195px; }

.tools p {  padding-right: 10px; }

h6.colr.upper.boxed { background: url(../images/white_pattern.jpg) repeat-x; padding: 0; height: 20px; }

h6.colr.upper.boxed span { 
  background: white; 
  padding-right: 5px; 
  display: block; 
  height: 25px; 
  width: 160px; 
  position: relative; 
  top: -3px;
}

.item-page h2 { padding-left: 0; position: relative; left: -10px; }

.spaced_clear h6 { padding: 0 10px 0 0; font-size: 20px;}

.post ol { padding-left: 20px; }

.button {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}

.button.smallbtn { font-size: 12px; padding: 4px 13px 5px; }

.button:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
.button:focus {
  outline: 1px dotted #666;
}
.button.primary {
  color: #ffffff;
  background-color: #de4b3b;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e96051), to(#de4b3b));
  background-image: -moz-linear-gradient(top, #e96051, #de4b3b);
  background-image: -ms-linear-gradient(top, #e96051, #de4b3b);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e96051), color-stop(100%, #de4b3b));
  background-image: -webkit-linear-gradient(top, #e96051, #de4b3b);
  background-image: -o-linear-gradient(top, #e96051, #de4b3b);
  background-image: linear-gradient(top, #e96051, #de4b3b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96051', endColorstr='#de4b3b', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #de4b3b #de4b3b #591805;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.button:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.large {
  font-size: 15px;
  line-height: normal;
  padding: 9px 14px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.button.huge {
  font-size: 16px;
  padding: 9px 55px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.button.small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
:root .alert-message, :root .button {
  border-radius: 0 \0;
}
button.button::-moz-focus-inner, input[type=submit].button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.button.green {

	width:145px;
	height:40px;

	font-size:14px;
	font-weight:bold;
        text-align:center;
  

	color:rgb(255,255,255);
	text-shadow:0px 1px 0px rgba(0,0,0,.2);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);

	float:left;
	background: -webkit-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -moz-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -o-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -ms-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );

	border:1px solid rgb(91,136,33);

	margin:0 10px 0 0;
}

.button.red {

width:145px;
	height:50px;

	font-size:13px;
	font-weight:bold;
  text-align:center;
  

	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,.2);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);

	float:left;
  
	background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );

	border:1px solid #b0333e;

	margin:0 10px 0 20px;
} 

.button.cyan {

width:145px;
	height:50px;
	font-size:13px;
	font-weight:bold;
  text-align:center;
  

	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,.2);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);

	float:left;
  
	background: -webkit-linear-gradient(top,  rgba(202,237,250,1) 0%,rgba(169,231,253,1) 90%,rgba(141,225,255,1) 95%,rgba(92,212,255,1) 100%);
	background: -moz-linear-gradient(top,  rgba(202,237,250,1) 0%,rgba(169,231,253,1) 90%,rgba(141,225,255,1) 95%,rgba(92,212,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(202,237,250,1) 0%,rgba(169,231,253,1) 90%,rgba(141,225,255,1) 95%,rgba(92,212,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(202,237,250,1) 0%,rgba(169,231,253,1) 90%,rgba(141,225,255,1) 95%,rgba(92,212,255,1) 100%);
	background: linear-gradient(top,  rgba(202,237,250,1) 0%,rgba(169,231,253,1) 90%,rgba(141,225,255,1) 95%,rgba(92,212,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CAEDFA', endColorstr='#5CD4FF',GradientType=0 );

	border:1px solid #00B8FF;

	margin:0 10px 0 20px;
}

.button.blue {

        width:145px;
	height:40px;

	font-size:15px;
	font-weight:bold;
       text-align:center;
  
	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,.2);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);

	float:left;
  
	background: -webkit-linear-gradient(top,  rgba(124,208,255,1) 0%,rgba(84,193,255,1) 90%,rgba(58,184,255,1) 95%,rgba(27,172,255,1) 100%);
	background: -moz-linear-gradient(top,  rgba(124,208,255,1) 0%,rgba(84,193,255,1) 90%,rgba(58,184,255,1) 95%,rgba(27,172,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(124,208,255,1) 0%,rgba(84,193,255,1) 90%,rgba(58,184,255,1) 95%,rgba(27,172,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(124,208,255,1) 0%,rgba(84,193,255,1) 90%,rgba(58,184,255,1) 95%,rgba(27,172,255,1) 100%);
	background: linear-gradient(top,  rgba(124,208,255,1) 0%,rgba(84,193,255,1) 90%,rgba(58,184,255,1) 95%,rgba(27,172,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CD0FF', endColorstr='#1BACFF',GradientType=0 );

	border:1px solid #00B8FF;

	margin:0 10px 0 0;
}

body .ddsmoothmenu { position: relative; }
body .ddsmoothmenu ul { float: left; width: 960px; }
body .ddsmoothmenu form { 
  right: 0;
  bottom: 2px;
  height: 30px;
  position: absolute; 
  margin-top: 2px;
}

#mod-search-searchword { 
  height: 27px; 
  width: 147px; 
  border: 1px solid #727272; 
  padding: 0 5px; 
  margin-right: 5px; 
  float: left;
}

.old { bottom: -90px; right: 0; position: absolute; }

/*
=======================================================================
	PROJECTS SINGLE PAGE
=======================================================================
*/
.choose-project {
	float:left;
	clear:both;
	margin-top:14px;
}
.choose-project .instructions {
	display:block;
	float:left;
}
.choose-project .instructions p {
	color:#fff;
	margin:0;
	padding:2px 4px 4px 6px;
	font-style:italic;
	font-size:11px;
	height:14px;
	float:left;
	display:inline;
	background-color:#a7a49e;
}
.choose-project .instructions .arrow {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	float:left;
	border-left: 10px solid #a7a49e;
}
.select {
	margin-left:10px;
	float:left;
	height:22px;
	width:120px;
	font-size:11px;
	color:#7a7771;
}
.line {
	float:left;
	width:100%;
	margin: 20px 0 10px 0;
	padding:0;
	border-bottom: solid 1px #eae9e5;
}
.previewed_project {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.previewed_project h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#2a405b;
	text-align:left;
	padding:0;
	margin: 10px 0 10px 0;
}
.previewed_project .pr-description {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#2a405b;
	text-align:left;
	line-height:20px;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
.previewed_project p {
	padding-bottom:10px;
	line-height:16px;
}
.alignLeft {
	float:left;
	margin-right:10px;
	padding:3px;
	background-color:#FFF;
	border:solid 1px #666;
}
.previewed_project a {
	padding:0;
	margin:0;
	color:#988d0e;
	text-decoration:none;
	text-align:left;
	clear:both;
	float:left;
}
.previewed_project a:hover {
	color:#988d0e;
	text-decoration:underline;
}


.project-metadata {
	float:left;
	width:100%;
	margin:0;
	margin-top:10px;
	padding:0;
}

.project-metadata  p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#696760;
	margin:0;
	padding:0 0 5px 0;
}

.project-metadata a{
	padding:0;
	margin:0;
	color:#988d0e;
	text-decoration:none;
	text-align:left;
}

.project-metadata a:hover{
	text-decoration:underline;
}


.choose-project {
float: left;
clear: both;
margin-top: 14px;
margin-left: 4px;
display: inline;
width: 100%;
}

.previewed_project h2 {
font-size: 24px;
font-weight: normal;
line-height: 16px;
}

.project-metadata span {
font-style: italic;
color: #8E8B84;
padding-right: 4px;
}


.alignLeft {
float: left;
margin-right: 10px;
padding: 3px;
background-color: white;
border: solid 1px #CCC;
border-image: initial;
}

input[type="submit"] {
width: 100px; /****CHANGED****/
padding: 2px 4px;
float: left;
margin-left: 5px;
display: inline;
}

.previewed_project p {
padding-bottom: 20px;
line-height: 20px;
font-size: 11px;
}



.my_languages  ul { width:80px; padding: 100px 0 0 130px;}
.my_languages li { display: inline; border: none; padding: 2px; margin: 0 4px 0 0; }
.my_languages li img { margin: 0 4px 0 0; }
.my_languages a {  }



/*
=======================================================================
	STYLE THE SIDEBAR MENUS
=======================================================================
*/
ul.menucti_menu li.parent.active > a,
ul.menucti_menu li.active > a,
ul.menucti_menu li > ul > li.selected.current.active > a 
{
	font-size: 105%;
	font-weight: bold;
	/*font-style: italic;*/
}


ul.menucti_menu li.active > ul > li > ul > li.selected.current.active > a 
{
	font-size: 103%;
	font-weight: bold;
	/*font-style: italic;*/
}


ul.menucti_menu li > a:hover,
ul.menucti_menu li > ul > li > a:hover
{
	text-decoration: underline;
}


ul.menucti_menu li.active > ul > li > ul > li > a 
{
	font-size: 103%;
	font-weight: normal;
	font-style: normal;
}

ul.menucti_menu li.parent.active > a
{
	font-size: 105%;
}

/*ul.menucti_menu li.parent > a,
ul.menucti_menu li > a
{
	font-size: 11px;
}*/

.mod_sidebar ul.menucti_menu li li
{ padding-top: 3px; background-position: 0px 8px; }

.mod_sidebar .menucti_menu ul li
{
	margin-bottom: 3px;
}

ul.menucti_menu li > a {font-size: 105%;}

ul.menucti_menu li.parent.active > a {font-size: 110%;}


/*
=======================================================================
	FRONTPAGE SERVICES (ENGLISH LOGOS)
=======================================================================
*/

a.psditem_en,
a.oedbitem_en,
a.tsitem_en,
a.broadbanditem_en,
a.dschoolitem_en,
a.eeitem_en,
a.esitem_en         { display: block; width: 121px; height: 86px; text-indent: -9999px; }

a.psditem_en        { background: url(../images/banner_sch_en.png) no-repeat 0 -86px; }
a.psditem_en:hover  { background-position: 0 0px; }

a.tsitem_en         { background: url(../images/banner_ts_en.png) no-repeat 0 -86px; }
a.tsitem_en:hover   { background-position: 0 0px; }

a.oedbitem_en       { background: url(../images/banner_oedb_en.png) no-repeat 0 -86px; }
a.oedbitem_en:hover { background-position: 0 0px; }

a.broadbanditem_en         { background: url(../images/banner_broadband_en.png) no-repeat 0 -86px; }
a.broadbanditem_en:hover   { background-position: 0 0px; }

a.eeitem_en         { width: 161px; background: url(../images/banner_ee_en.png) no-repeat 0 -86px; }
a.eeitem_en:hover   { background-position: 0 0px; }

a.esitem_en         { width: 147px; background: url(../images/banner_es_en.jpg) no-repeat 0 -84px; }
a.esitem_en:hover   { background-position: 0 0px; }

a.dschoolitem_en       { width: 147px; background: url(../images/banner_ds_light_en.png) no-repeat 0 -84px; }
a.dschoolitem_en:hover   { background-position: 0 0px; }

a.dschoolitem_en         { background: url(../images/banner_ds_light.png) no-repeat 0 -89px; }
a.dschoolitem_en:hover   { background-position: 0 -3px; }


/* leave some space in category blog format after the article info (dates) - need it for News page */
.blog .article-info {padding-bottom: 10px;}


/* reduce the space among paragraphs for item view page */
.item-page p { padding-top: 0px; padding-bottom: 5px; }

/* leave some space in item page format after the article info (dates) - need it for News page */
.item-page .article-info {padding-bottom: 15px;}


/* reduce the space among paragraphs for blog view page */
.blog p { padding-bottom: 3px; }

/* leave some space between the title and the text in item view page */
.item-page h2 { padding-bottom: 10px; }