/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; }

/* MISC */
.floaterL { float: left; }
.floaterR { float: right; }
.cleaner { clear: both; }
.mtop10 { margin-top: 10px; }

/* COMUNES */
body { font-family: Arial, sans-serif; font-size: 12px; color: #515151; text-align: center; background: #ccc; }
img { border: 0px; }
h1, h2, h3, h4 { font-family: Georgia, serif; }
ul{margin-left:24px}
.normalBTN a { background: #83c343 url(../img/arrowBTN-coll.png) no-repeat 5px 50%;  display:block; float:none; padding: 5px 10px 5px 20px; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; font-size: 13px; font-weight: bold; color: white; text-decoration: none; }
.normalBTN a.contact { background: #83c343 url(../img/arrowBTN-coll.png) no-repeat 5px 50%;  display:block; float:right; padding: 5px 10px 5px 20px; border-top:none; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; font-size: 13px; font-weight: bold; color: white; text-decoration: none; }
.normalBTN a:hover { border: none; }
.miniText { font-size: 11px; color: #ccc; }

/* HEADER */
#header { width: 900px; margin: 0px auto; text-align: left; background: #76a933; }

.headerLogo { padding: 5px; float: left; margin-top:15px; }
.headerContact { color: #ffffff; float: right; font-size: 11px; text-align: right; padding: 0px 10px 10px 10px; }
.headerContact strong { color: white; }
.homeIndicator { padding-top: 45px; color: #b5e288; display:none;}
a.visit {background:#2D63B0; color:#ffffff; padding:5px; display:block;  float:left; margin:0px 5px 0px 0px; border-bottom:1px solid #ffffff; border-top:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; text-decoration:none;}
a.visit:hover {background:717caa; color:#ffffff; padding:5px; border:none;}

/* MAIN NAV */
#mainNav { width: 900px; margin: 0px auto; background: #2D63B0; font-size: 11px; color: white;}
#mainNav ul { padding: 8px 0px; }
#mainNav li { display: inline; }
#mainNav li a { color: white; padding: 5px 5px; text-decoration: none; }
#mainNav li a:hover { text-decoration: underline; }
#mainNav li a.active { font-weight: bold; color: yellow; }

/* FOOTER */
#footer { width: 900px; margin: 0px auto; text-align: left; background: #76A933; }
#footer .normalBTN { float: left; margin:0px 10px 0px 0px;}
#footer  .facebook  { float: right;}

.footerLinks { float: left; width: 60%; padding: 15px 10px;}
.footerLinks li { display: inline; list-style-type: none; }
.footerLinks li a { text-decoration: none; padding: 5px 10px; color: white; }
.footerLinks li a:hover { text-decoration: underline; }

.footerContact { float: right; padding: 10px 10px; }

/* ESTRUCTURA */
#container { width: 900px; margin: 0px auto; text-align: left; background: white;}

/* HOME */
.columnLeft { width: 450px; float: left; }
.columnLeft h1 { font-size: 16px; color: #666; padding: 10px; font-weight: normal; line-height: 24px;} 
.columnLeft h1 a { color: #669933; text-decoration: none; }
.columnLeft h3 { background: #2D63B0; color: white; font-size: 16px; padding: 3px 6px; width: 420px; margin: 10px 0px 0px 10px;  }

.newsItemHome { width: 420px; padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc; }
.newsItemHome dl {  }
.newsItemHome dt { float: left;  }
.newsItemHome dd { float: right; width: 330px; }
.newsItemHome dd p { padding-bottom: 5px; }
.newsItemHome dd p.title { font-weight: bold; }
.newsItemHome dd a { color: #2C63B0; font-weight: bold; text-decoration: none; }
.newsItemHome img { border: 1px solid #95A0D1; }

.last { border: 0px; }

p.moreNews { margin-left: 10px; }
p.moreNews a { padding: 3px 0px 0px 15px; background: url(../img/arrowNEWS.png) no-repeat 0px 50%; text-decoration: none; font-weight: bold; color: #515151; }

.columnRight { width: 450px; float: right; }
.columnRight h2 { font-size: 26px; color: #669933; padding: 10px 10px 20px;  }

.homeBulletsLeft { width: 210px; float: left; }
.homeBulletsRight { width: 210px; float: right; padding-right: 10px; }

.homeBulletsLeft ul, .homeBulletsRight ul { padding-left: 20px; list-style-type: square;}
.homeBulletsLeft li, .homeBulletsRight li { color: #2C63B0; font-weight: bold; padding-bottom: 10px;}
.homeBulletsLeft li span, .homeBulletsRight li span { color: #515151; font-weight: normal; }

.bannerHome img { padding: 10px; margin-top: 10px; }

/* INTERNALS */
.secondaryNav { width: 200px; background: #f7f7f7; float: left; margin-left: 3px; }
.secondaryNav h3 { font-weight: normal; padding: 5px; background: #669933; color: white; font-size: 16px;  }
.secondaryNav ul { list-style-type: none; color: #2C63B0; width: 190px; margin: 5px auto 0px; padding-bottom: 5px;}
.secondaryNav li { margin-bottom: 0px; border-bottom: 1px dashed white; background: url(img/arrowNAV.gif) no-repeat 5px 50%;}
.secondaryNav li.lastNav { border: none; }
.secondaryNav li a { padding: 10px 20px 9px 10px;display:block;color: #669933; font-weight: bold; text-decoration: none;}
.secondaryNav li a:hover {  background: #dff8c5 url(img/arrowNAV.gif) no-repeat 8px 50%;}
.secondaryNav li a.here { background: #dff8c5 url(img/arrowNAV.gif) no-repeat 8px 50%; }  


.mainContent { width: 690px; background: white; float: right;}
.mainContentNS { width: 100%; background: white; }
.mainContent h2, .mainContentNS h2 { font-size: 26px; color: #669933; padding: 10px 10px 20px; }
.mainContentNS h2 { padding-bottom: 0px; } 
.mainContent h2 span { font-size: 11px; font-family: arial, sans-serif; }
#flashMessage, .mainContentNS p { padding: 5px 10px; }

.singleContent { padding: 15px 0px; }
.singleContent h1 { font-size: 26px; color: #2C63B0; padding: 0px 10px 10px 20px; }
.singleContent p { padding-right: 15px; } 
.newsTitle { font-size: 18px; font-weight: bold; color: #669933; } 
.newsDate { padding: 0px; font-size: 11px; color: #999; margin-bottom: 10px; }
.imgSection img, .newsIMG img { float: right; padding: 3px; border: 1px solid #ccc; background: white; margin: 0px 10px 20px 20px;} 
.newsIMG img {width:200px } 
p.newsIMG { float: left; } 
p.backTo { padding: 10px 0px; }

.sectionCTNT { margin-bottom: 20px; }
.sectionCTNT p { padding: 0px 15px 10px 10px; }
p.sectionTTL { font-size: 18px; font-weight: bold; color: #2C63B0;	 }

.maps { padding-left: 10px; }
.maps h3 { font-weight: normal; padding: 5px; border-bottom: 3px solid #2C63B0; color: #669933;; font-size: 16px; width: 95%; margin-bottom: 20px; }
.maps p { text-align: center; margin-bottom: 20px;  } 
.maps p img { border: 1px solid #ccc; background: white; padding: 3px; }

ul.linkList { list-style-type: none; padding: 10px;}
ul.linkList li { font-size: 14px; padding: 10px 0px; border-bottom: 1px dashed #ccc;color:#7F7F7F;}
ul.linkList li.last { border: 0px; }
ul.linkList li a { color: #2C63B0; text-decoration: none; padding-left: 20px; background: url(img/external-link.png) no-repeat 0px 50%;}
ul.linkList li a:hover { color: #669933; text-decoration: underline; }

.contactForm { width: 580px; float: left; padding: 10px 0px 0px 10px; }
.contactForm p { padding: 0px; margin: 0px; padding-bottom: 20px; }
.contactForm div { text-align: left; }
.contactForm #ContactPhone{width:218px; margin-right:10px}
.nameTags { width: 230px; }
.formTags { width: 300px; }


.contactMap { width: 270px; float: right; margin-top: 10px; text-align: left; border-left: 1px dashed #ccc; }
.company strong { font-size: 18px; }

.newsItem { padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc; width: 650px; }
.newsItem dl {  }
.newsItem dt { float: left;  }
.newsItem dd { float: right; width: 560px; }
.newsItem dd p { padding-bottom: 5px; }
.newsItem dd p.title { font-weight: bold; padding-bottom: 0px;}
.newsItem dd p.date { color: #999; padding-top: 0px; font-size: 11px;}
.newsItem dd a { color: #2C63B0; font-weight: bold; text-decoration: none; }
.newsItem img { border: 1px solid #95A0D1; }

.uniLogo { float: right; padding: 10px 15px 10px; }

.uniInfo { list-style-type: none; padding: 10px;}
.uniInfo li { font-size: 14px; } 
.uniInfo li strong { font-size: 16px; }

.uniText p { padding: 5px 10px; }

.uniTestimonial h3 { font-size: 16px; padding: 10px 10px 0px; }
.uniTestimonial blockquote { width: 90%; font-style: italic; padding: 10px; font-family: georgia, serif; font-size: 15px; margin: 0px auto; }

.uniIMG { margin: 15px 0px; text-align: center; }
div.error-message {display:block;padding:4px;color:#fff;background-color:#f33; width:296px;margin:5px 0 0 0; float:left }
.required span{color:#cc0000;padding:0 4px;font-size:12px}

/* FORM VALIDATION */
.iferror{display:none}
.error{color:#f33}
.error .iferror{display:block;padding:4px;color:#fff;background-color:#f33; width:260px;}
P.iferror{font-size:9pt;margin:3pt 0 4pt;padding:6px}
.error INPUT .text,.error TEXTAREA{border:2px solid #f66}

/* TABLE FORM */
#formTD td { padding: 10px; margin: 0px; vertical-align: top; text-align: left; }
#formTD textarea, #formTD input, #formTD select.study { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #333; width: 300px;}
#enquiry { width: 300px; }

#ContactLvlOfStudy { width: 305px; }

input#btnSearchResults{ background: #95A0D1 url(../img/arrowBTN.png) no-repeat 5px 50%; padding: 5px 10px 5px 20px; border: 1px solid #2C63B0; font-size: 13px; font-weight: bold; color: white; text-decoration: none; width: auto; }
input#btnSearchResults:hover{ border: 1px solid white; }

 /*PAGINATION*/ 
.pagination { width: 100%; text-align: right; font-weight: bold; margin: 10px 0px; padding: 0px 20px 0px 0px;}
.pagination a:link, .pagination a:active, .pagination a:visited { font-size: 12px; color: #999; text-decoration: none; padding: 2px 4px; }
.pagination a:hover { font-weight: bold; background-color: #669933; color: #fff; padding: 2px 4px; }
.pagination div { display: inline; font-size: 12px;  padding: 2px 4px; }
#active a { font-weight: bold; background-color: #2D63B0; color: white; padding: 2px 4px; }	

/* STUDENTS VIDEOS */
div.students  {background:#0c558d url(../img/videos/background-all.png) repeat-x; padding:30px 0px;}
div.students .videos { width:815px; height:470px; background:#ffffff url(../img/videos/background-header.png) repeat-x top left; margin:0px auto; -moz-border-radius:10px; -webkit-border-radius:10px;}
div.students .videos .header { background: url(../img/videos/film.png) no-repeat 20px top; height:108px; }
div.students .videos .header h2 { font-family:Georgia; float:left; font-size:20px; color:#3a3b3b;}
div.students .videos .header ul {float: right; list-style:none; padding:20px 25px 0px 0px; }
div.students .videos .header ul li  {display:inline; margin:0px 2px 0px 0px;}
div.students .videos .header ul li a {background: url(../img/videos/bttn.png) repeat-x; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; padding:8px; text-decoration:none; color:#ffffff; font-family:Georgia;}
div.students .videos .header ul li a:hover, div.students .videos .header ul li a.here {background: url(../img/videos/btn-hover.png) repeat-x; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; padding:8px; text-decoration:none; color:#333333; font-family:Georgia;}
div.students .videos .header div { background: url(../img/videos/shadow-content.png) repeat-x bottom left; height:40px; padding:68px 10px 0px 10px;}
div.students .videos .content  { padding: 20px; }
div.students .videos .content .videoList {float:left; width:300px; position:relative;}
div.students .videos .content .videoList p {padding:0px; width:230px; }
div.students .videos .content .videoList ul {padding:0px; margin:0px;}
div.students .videos .content ul { list-style:none; }
div.students .videos .content ul li { float:left; position:relative; margin:20px 30px 0px 0px; height:90px;  width:100px;}
/*div.students .videos .content .videoList ul li a.video:hover span{background:#edecec none repeat scroll 0 0; color:#5a5454; display:block; font-family:Arial,Helvetica,sans-serif;
font-size:12px; height:80px; left:60px; padding:10px; position:absolute; text-align:left; text-decoration:none; top:-120px; width:120px; z-index:99999; border:1px solid #dbdada;}
div.students .videos .content .videoList ul li a.video span, div.students .videos .content .videoList ul li a.all span {display:none;}
div.students .videos .content .videoList ul li a.all:hover span{background:#edecec; color:#5a5454; display:block; font-family:Arial,Helvetica,sans-serif;
font-size:12px; height:80px; left:60px; padding:10px; position:absolute; text-align:left; text-decoration:none; top:-61px; width:120px; z-index:99999; border:1px solid #dbdada;}*/
div.students div.rss-popup { position:relative; height:100px; background: url(../img/videos/shadow.png) no-repeat;}
div.students div.rss-popup a {text-decoration:none;}
div.rss-popup em { background:url(../img/videos/bubble.png) no-repeat;  width: 125px; padding:15px 10px 10px 10px; height: 68px; position: absolute; top: -40px; left: 0px; text-align: center;  z-index: 2; display: none;
font-size:11px; color:#333333; font-style:normal; z-index:1;}
div.students div.rss-popup a.play{ background:#333333 url(../img/videos/play.png) no-repeat top right; color:#FFFFFF; display:block;
left:0; padding:5px; position:absolute; text-decoration:none; bottom:0; width:90px; height:25px; font-weight:normal; padding-right:25px;}
div.students div.rss-popup a.titleGallery{ background:#333333; color:#FFFFFF; display:block;
left:0; padding:5px; position:absolute; text-decoration:none; bottom:0; width:90px; height:25px; font-weight:normal; opacity:.8; filter:alpha(opacity=50);-moz-opacity:0.8;-khtml-opacity: 0.8;
}
div.students .videos .content .videoBig  { width:440px; height:305px; float:left; margin:10px 30px 0px 0px;}
div.students .videos .content .gallery  { width:440px; height:305px; float:left; margin:10px 30px 0px 0px;}
div.students .videos .content .gallery   img {margin:0 0px 0px 60px;}
div.students .videos .content ul.galleries .rss-popup {background:url(../img/videos/shadowGallery.png) no-repeat scroll 0 0;}
div.students .videos .content ul.galleries  li  {width:80px; height:90px;}
#vimeo, #youtube { background:url(../img/videos/shadow-big.png) no-repeat top left;}
div.students .videos .content .videoList div.bot2 { float:left; width:30px; margin:230px 0px 0px 0px; position:absolute; left:280px;}
div.students .videos .content .videoList div.bot { float:left; width:30px; margin:210px 0px 0px 0px; position:absolute; left:260px;}
div.students .videos .content .videoList div.bot .up, div.students .videos .content .videoList div.bot2 .up { background:url(../img/videos/arrow-up.png) no-repeat top left; display:block; width:12px; height:8px; text-indent:-99999px;}
div.students .videos .content .videoList div.bot .down, div.students .videos .content .videoList div.bot2 .down { background:url(../img/videos/arrow-down.png) no-repeat top left; display:block; width:12px; height:8px; text-indent:-99999px; margin:5px 0px 0px 0px;}


/* SITEMAP */
div.sitemap h3 { margin: 10px 0px 10px 20px; }
div.sitemap ul { margin-left: 40px; }


/* IE 6 HACKS */
* html .secondaryNav { margin-top: 3px; }
.final{text-align:left;margin:10px auto; width:900px}
.final .copy{display:block;float:left; padding-bottom:10px}
.final .design{display:block;float:right; padding-bottom:10px}
.final .design a{color:#669933;}


a.virtual, a.forum {
	height:30px;
	display:block;
	float:left;
	margin:20px 0px 0px 10px;
	color:#FFF;
	padding:10px 0px 0px 20px;
	text-align:center;
	font-family: Georgia, serif; 
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	}
a.virtual {
	width: 130px;
	background: url(../img/arrow_fairs.gif) no-repeat #67a628;
	margin: 10px 0px 15px 12px;
	}
a.virtual:link, a.virtual:visited  {
	background-color: #67a628;

									}
a.virtual:hover {
	background-color: #76BE2E;
	text-decoration: underline;
	}						
a.virtual:active  {
	background-color: #67a628;
}
a.forum {
	width: 130px;
	background: url(../img/arrow_forum.gif) no-repeat #2c63b0;
	margin: 10px 0px 15px 12px;
	}
	a.forum:link, a.forum:visited  {
	background-color: #2c63b0;
}
a.forum:hover {
	background-color: #3272C9;
	text-decoration: underline;
	}						
a.forum:active  {
	background-color: #2c63b0;
}

img.mail {
	margin:0px 0px -5px 0px;
	padding:0px;
}

/*COLLEGES*/
div.colleges   {padding:20px 0px 20px 20px; width:860px;}
div.colleges h3  {color:#669933; font-size:26px; padding:0px 0px 10px 0px;}
div.colleges ul{margin:20px 0px; padding:0px; list-style:none; font-size:14px; list-style:square; color:#2D63B0;}
div.colleges ul li{padding-bottom:5px; list-style:none; float:none; width:190px; text-align:center; float:left; margin:0px 10px 10px 10px;}
div.colleges .logoCollege {display:block; margin:0px auto 5px;}
div.colleges ul li a {color:#2D63B0; text-decoration:none;}
div.colleges ul li a:hover {text-decoration:underline;}
div.uniText {padding:0px 10px;}
p.thanks {color:#76A933; font-size:16px; padding:20px 0px 60px 20px; font-weight:bold;}

/*CASES*/
div.students div.cases {width:440px; float:left; margin:0px 30px 0px 0px; height:300px; overflow:auto;}
div.students div.cases div.txt {width:400px;float:left;}
div.students div.cases .images{ float:right; margin:0px 0px 8px 8px; width:160px;}
div.students div.cases p {padding:0px 0px 15px 0px;}
div.students div.cases h4 {padding:5px 0px; color:#2D63B0; font-size:12px;}
div.students .videos .content ul.cases {margin:15px 0px 0px 0px;}
div.students .videos .content ul li.cases { float:none; background:none; margin:0px; height:20px; width: 180px;}
div.students .videos .content ul li.cases a {text-decoration:none; color:#669933; display:block;}
div.students .videos .content ul li.cases a:hover {text-decoration:underline;}
div.students .videos .content .cases div.bot {  width:30px; margin:276px 0px 0px 5px; float:left; }
div.students .videos .content .cases div.bot .up { background:url(../img/videos/arrow-up2.png) no-repeat top left; display:block; width:12px; height:8px; text-indent:-99999px;}
div.students .videos .content .cases div.bot .down { background:url(../img/videos/arrow-down2.png) no-repeat top left; display:block; width:12px; height:8px; text-indent:-99999px; margin:5px 0px 0px 0px;}