/********************************
SAE local college stylesheet
by attila@sae.edu

main colors:
dark blue:	#002e6e
main blue:	#134987
red:		#ad0e24
mid grey:	#d8d8d8
light grey:	#ebebeb
v light: 	#f5f5f5
dark grey:	#363636
********************************/

body {
	margin-top:0px;
	margin-bottom:0px;
	line-height: 1.4;
	background: #fff url(../images/page_bg.png) repeat-x;
	/*width: 278px;*/
}

ul {
}

#header {
	padding-top: 112px;
	display: block;
	overflow: hidden;
	background-image: url(../images/header_bangkok.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a {
	color: #ad0e24;
}

/*navigation*/

/*navigation structure*/

#navilist {
	width: 965px;
}

#navilist, #navilist ul {
	float: left;
	list-style: none;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0;
	margin: 1px 0 1.5em 0;
	background: url(../images/nav_bg.png) repeat-x left bottom;
}

#navilist a {
	display: block;
	color: #fff;
	text-shadow: #6e0917 0 1px 0;
	text-decoration: none;
	padding: 0.25em 1.5em;
	border-left: 1px solid #960a1a;
	border-right: 1px solid #c6122f;
}

#navilist li ul li ul li a {
	padding: 0.25em 0em 0.25em 1.5em;
}

#navilist li {
	float: left;
	padding: 0;
	background: url(../images/nav_bg.png) repeat-x left bottom;
}

#navilist li.stripes {
	background: url(../images/nav_bg_stripes.png) repeat-x left bottom;
}
#navilist li.inactive {
	background: url(../images/nav_bg_stripes.png) repeat-x left bottom;
}
#navilist li.inactive a {
	color: #ad0e24;
}

#navilist li ul li {
	background: url(../images/nav_bg_sub.png) repeat-x left bottom;
}

#navilist li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 17.4em;
	w\idth: 16.9em;
	font-weight: normal;
	margin: 0;
}

#navilist li li {
	padding-right: 1em;
	width: 16em
}

#navilist li ul a {
	width: 15em;
	w\idth: 15em;
	border-right: none;
}

/*navi ext links*/

#navilist li a[href^="http:"], #navilist li a[href^="http:"]:visited {
	background-position: 3px 7px;
}

#navilist li ul ul {
	margin: -2em 0 0 17em;
}

#navilist li:hover ul ul, #navilist li:hover ul ul ul, #navilist li.over ul ul, #navilist li.over ul ul ul {
	left: -999em;
}

#navilist li:hover ul, #navilist li li:hover ul, #navilist li li li:hover ul, #navilist li.over ul, #navilist li li.over ul, #navilist li li li.over ul {
	left: auto;
}

#nav li:hover, #nav li.over {
	background-image: none;
	background-color: #62010f;
}

/*end nav sub1*/

h1 {
	clear: both;
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
	font-weight: bold;
	color: #002e6e;
}

h2 {
	clear: both;
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 0.75em;
	font-weight: bold;
	color: #002e6e;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}

h3 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 0.75em;
	color: #363636;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

h5 {margin-bottom:0;}

.col2 {
	width: 265px;
	float: left;
	margin-right: 15px;
}
.col3 {
	width: 210px;
	float: left;
	margin-right: 15px;
}

.highlight {
	background: #ad0e24;
	color: #fff;
	font-weight: bold;
}

/*tables*/

th {
	background: #d8d8d8;
}

caption {
	background: #ebebeb;
	color: #666;
}

/*footer*/

#footer {
	background: #d8d8d8 url(../images/footer_top.png) no-repeat center top;
}

#footer p small {
	display: block;
	clear: both;
	text-align: center;
	color: #363636;
	width: 965px;
	text-shadow: #fff 0 1px 0;
}

#footer p {
	margin: 0px;
}

#footer div ul {
	margin: 0.5em;
	list-style: none;
	list-style-image: none;
}

#footer div ul li {
	font-size: 0.8em;
}

#footer div ul li a {
	margin: 0 0.5em;
	text-decoration: none;
	color: #363636;
}

#footer div ul li a:hover {
	color: #ad0e24;
}

#footer div.alignright {
	text-align: right;
}

/*sidebar*/

#sidebar h3 {
	background: #134987;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 1px;
	border-bottom: none;
}

#sidebar h3.redbg {
	background: #ad0e24;
}

#sidebar p {
	padding: 5px;
	margin-bottom: 1px;
	background: #f5f5f5;
}

#sidebar ul li a {
	display: block;
	width: 185px;
	border-bottom: 1px solid #fff;
	padding: 5px;
	background-color: #d8d8d8;
	color: #363636;
	font-weight: bold;
	text-decoration: none;
}

#sidebar ul li a:hover {
	background-color: #134987;
	color: #fff;
}

#sidebar ul.redbg li a:hover {
	background-color: #ad0e24;
}

#sidebar ul li a.current {
	background: #363636;
	color: #fff;
}
#sidebar ul li a.inactive {
	color: #f5f5f5;
	font-style: italic;
}

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

#sidebar ul.list {
	list-style: square;
	list-style-image: url(../images/bullet.png);
	margin: 0.5em 1.5em 1.5em 1.5em;
	list-style-position: outside;
}

/*location box*/

#location h3 {
	background: #d8d8d8;
	color: #002e6e;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 1px;
	clear: both;
	border-bottom: none;
}

#location h3.quiet {
	color: #fff;
}

#location ul {
	width: 195px;
}

#location ul, #location ul ul {
	float: left;
	list-style: none;
	line-height: 2em;
	font-weight: bold;
	padding: 0;
	margin: 1px 0 1em 0;
}

#location ul ul {
	line-height: 1em;
}

#location ul a {
	display: block;
	color: #002e6e;
	border-bottom: 0.1em dotted #d8d8d8;
	text-decoration: none;
	padding: 0.35em 1em 0.35em 4em;
}

#location ul li ul li a {
	padding: 0.25em 0.25em;
	border: none;
}

#location ul li ul li {
	width: 50%;
}

#location ul li {
	float: left;
	padding: 0;
	background: #d8d8d8;
	width: 100%;
}

#location ul li:hover {
	float: left;
	padding: 0;
	background: #ebebeb;
}

#location ul li ul {
	position: absolute;
	left: -999em;
	display: block;
	background: #d8d8d8;
	height: 233px;
	width: 15.1em;
	w\idth: 14.1em;
	font-weight: normal;
	font-size: 0.9em;
	margin: -3.2em 0 0 4em;
}

#location ul li#europe ul {
	margin-top: -3.3em;
}

#location ul li#northamerica ul {
	margin-top: -6.3em;
}

#location ul li#asia ul {
	margin-top: -9.4em;
}

#location ul li#australianewzealand ul {
	margin-top: -12.45em;
}

#location ul li#middleeast ul {
	margin-top: -15.5em;
}

#location ul li#africa ul {
	margin-top: -18.6em;
}

#location ul li#qantmcollege ul {
	margin-top: -21.6em;
}

#location ul li li {
	padding-right: 0em;
	width: 6em
}

#location ul li ul a {
	width: 5em;
	w\idth: 3em;
}

#location ul li:hover ul ul, #location ul li:hover ul ul ul, #location ul li.over ul ul, #location ul li.over ul ul ul {
	left: -999em;
}

#location ul li:hover ul, #location ul li li:hover ul, #location ul li li li:hover ul, #location ul li.over ul, #location ul li li.over ul, #location ul li li li.over ul {
	left: auto;
}

/*
#location ul {
	list-style: none;
	margin: 0px;
}

#location ul li a {
	clear: both;
	color: #002e6e;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 5px 8px 45px;
	display: block;
	height: 1em;
	border-bottom: 1px dotted #d8d8d8;
}
#location li ul a:hover {
	color: #ad0e24;
	background: #ebebeb;
}


#location ul li ul {
	display: block;
	width: 149px;
	margin-left: 40px;
	background: url(../images/loc_select.png) no-repeat left -232px;
	position: absolute;
	top: 205px;
	padding: 0px 0px 0px 6px;
	height: 245px;
	overflow: hidden;
}

#location ul li:hover ul, #location ul li.over ul {
	display: block;
}

#location ul li ul {
	display: none;
}

#location ul li ul li a {
	clear: none;
	float: left;
	padding: 3px 3px 3px 3px;
	margin: 1px;
	font-weight: normal;
	border-bottom: none;
	font-size: .8em;
	line-height: 1em;
	width: 66px;
}

#location ul li ul li {
	clear: both;
	margin: 0px;
	float: none;
	padding: 0px;
	display: inline;
}
*/

#location ul li#europe {
	background: url(../images/europe.png) no-repeat left center;
}

#location ul li:hover#europe {
	background: url(../images/europe_o.png) no-repeat left center;
}

#location ul li#northamerica {
	background: url(../images/north_america.png) no-repeat left center;
}

#location ul li:hover#northamerica {
	background: url(../images/north_america_o.png) no-repeat left center;
}

#location ul li#asia {
	background: url(../images/asia.png) no-repeat left center;
}

#location ul li:hover#asia {
	background: url(../images/asia_o.png) no-repeat left center;
}

#location ul li#australianewzealand {
	background: url(../images/australia.png) no-repeat left center;
}

#location ul li:hover#australianewzealand {
	background: url(../images/australia_o.png) no-repeat left center;
}

#location ul li#middleeast {
	background: url(../images/middle_east.png) no-repeat left center;
}

#location ul li:hover#middleeast {
	background: url(../images/middle_east_o.png) no-repeat left center;
}

#location ul li#africa {
	background: url(../images/africa.png) no-repeat left center;
}

#location ul li:hover#africa {
	background: url(../images/africa_o.png) no-repeat left center;
}

#location ul li#qantmcollege {
	background: #efcfd3 url(../images/qantmcollege.png) no-repeat left center;
}

/*position the arrow on rollover*/

#location ul li#europe ul {
	background-position: left -232px;
}

#location ul li#northamerica ul {
	background-position: left -197px;
}

#location ul li#asia ul {
	background-position: left -162px;
}

#location ul li#australianewzealand ul {
	background-position: left -127px;
}

#location ul li#middleeast ul {
	background-position: left -92px;
}

#location ul li#africa ul {
	background-position: left -57px;
}

#location ul li#qantmcollege ul {
	background-position: left -22px;
}

/*little icons in sidebar*/

/* Make sure the icons are not cut */

#sidebar a[href^="http:"], #sidebar a[href^="mailto:"], #sidebar a[href^="http:"]:visited, 
#sidebar a[href$=".pdf"], #sidebar a[href$=".doc"], #sidebar a[href$=".xls"], #sidebar a[href$=".rss"], 
#sidebar a[href$=".rdf"], #sidebar a[href^="aim:"],#sidebar a[href^="http:"]:hover, #sidebar a[href^="mailto:"]:hover, 
#sidebar a[href$=".pdf"]:hover, #sidebar a[href$=".doc"]:hover, #sidebar a[href$=".xls"]:hover, #sidebar a[href$=".rss"]:hover, 
#sidebar a[href$=".rdf"]:hover, #sidebar a[href^="aim:"]:hover {
	padding-left: 1px;
	background-repeat: no-repeat;
	background-position: 5px center;
	width: 189px;
}

/*content area images*/

p img {
	margin: 0.5em 0.5em 0.5em 0;
}

p + p {
	text-indent: 0em;
	margin-top: 0em;
}
/*skillset link  (override ext link icons)*/

#skillset,a#skillset[href^="http:"], a#skillset[href^="http:"]:visited {
	background: none;
	padding: 0px;
}

a#skillset {
	background: none;
	padding: 0px;
		display: block;
	position: absolute;
	margin: -47px 0px 0px 470px;
}
/*current select*/

#current_institute {
	display: block;
	background: #d8d8d8;
	position: absolute;
	margin: -46px 0px 0px 0px;
	left: 0px;
	top: 423px;
}

#current_institute h1 a {
	text-decoration: none;
	color: #fff;
}

#current_institute h1 {
	background: #ad0e24;
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 0.5em;
	margin-bottom: 0px;
}

#current_institute h1 small {
	font-size: 9px;
	text-transform: none;
}

#current_institute ul li {
	list-style: none;
}

#current_institute ul li a {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-left: -1em;
}

/*sidebar buttons*/

#location ul.sidebarbuttons li a {
	height: 2em;
	text-transform: uppercase;
	padding: 1.2em 1em 1.2em 5em;
	border-bottom: 1px #fff solid;
	line-height: 1em;
	color: #fff;
}

#location ul.sidebarbuttons li a:hover {
	background-color: #134987;
	color: #fff;
}

#location ul.sidebarbuttons li a small {
	font-style: normal;
	font-weight: normal;
	color: #fff;
}

#location ul.sidebarbuttons li a.record {
	height: 2.6em;
	padding: 0.6em 1em 1.2em 5em;
}

#location p {
	clear: both;
	margin: 0.5em;
}

/*openday banner (2 column section)*/

.openday {
	background: #d8d8d8 url(../images/home/openday_banner.png) no-repeat 0.5em 0.5em;
	padding: 0.2em 0.5em 0.7em 5.5em;
	margin-bottom: 1em;
}

.openday h1 {
	margin: 0em;
	font-size: 1.3em;
	text-transform: uppercase;
}

.openday h2 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	border: none;
}

.openday p {
	margin: 0;
	font-size: 0.8em;
	line-height: 0.8em;
}

/*events banner (2 column section)*/

.events {
	background: #d8d8d8 url(../images/home/events.png) no-repeat 1.4em 0.5em;
	padding: 0.8em 0.5em 0.7em 5.5em;
	height: 3em;
	margin-bottom: 1em;
}

.events h1 {
	margin: 0em;
	font-size: 1.3em;
	text-transform: uppercase;
}

.events p {
	margin: 0;
	font-size: 1em;
}

/*admissions banner (2 column section)*/

.admissions {
	background: #d8d8d8 url(../images/home/admissions.png) no-repeat 0.7em 0.1em;
	padding: 0.8em 0.5em 0.7em 5.5em;
	height: 3em;
	margin-bottom: 1em;
}

.admissions h1 {
	margin: 0em;
	font-size: 1.3em;
	text-transform: uppercase;
}

.admissions p {
	margin: 0;
	font-size: 1em;
}

/*news*/

.trigger {
	cursor: pointer;
}

.nomargin {
	margin: 0px;
}

.alignright {
	text-align: right;
}

/*news list*/

ul.news {
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

h1.newstitle {
	margin-bottom: 0.5em;
}

ul.news h2 {
	margin: 0;
	font-size: 1em;
	clear: both;
	border: none;
}

ul.news h2 a {
	color: #002e6e;
	text-decoration: none;
}

ul.news h2 a:hover {
	color: #ad0e24;
	text-decoration: underline;
}

ul.news p {
	margin: 0;
}

ul.news hr {
	margin: 0;
}

ul.news p.date {
	font-weight: bold;
	display: block;
	width: 80px;
	line-height: 1em;
	font-size: 0.8em;
	background-color: #d8d8d8;
	padding: 0.5em;
}

ul.news p.date .year {
	font-size: 1.6em;
	line-height: 1em;
}
p.newsarchive {
	margin-bottom: 0;
}
p.last {
	margin-right: 0;
}
p.newsarchive a {
	clear: both;
	padding-left: 16px;
	line-height: 1.6em;
	display: block;
	margin-top: 0em;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #222;
	font-size: 0.8em;
	font-weight: bold;
	background: #d8d8d8 url(../images/home/icon_list.png) no-repeat 3px 3px;
	text-decoration: none;
}

p.newsarchive a:hover {
	color: #ad0e24;
}

/* content list */

ul.contentlist {
	font-weight: bold;
	list-style: none;
	list-style-image: none;
}

ul.contentlist ul {
	font-weight: normal;
}

ul.contentlist li p {
	font-weight: normal;
	margin: 0;
}

/*way through SAE table*/

.waythroughsae caption {
	font-style: italic;
}

.waythroughsae th {
	border-top: 1px solid #fff;
	background: #d8d8d8;
	width: 25%;
	height: 3em;
}

.waythroughsae th a {
	color: #363636;
	text-decoration: none;
}

.waythroughsae th a:hover {
	color: #ad0e24;
	text-decoration: none;
}

.waythroughsae th.leadsto {
	background: #d8d8d8 url(../images/leadsto.png) repeat-y right center;
}

.waythroughsae th.nolead {
	background: #d8d8d8 url(../images/nolead.png) repeat-y right center;
}

.waythroughsae td {
	font-size: 0.8em;
	vertical-align: top;
}

.waythroughsae td ul {
	margin-bottom: 0;
}

/*login*/

#login p {
	font-size: 0.8em;
	background: #d8d8d8;
	border-bottom: 2px solid #d8d8d8;
}

#login p input.text {
	width: 172px;
	margin: 2px 0;
}

/*extra heading style*/

.subject h2 {
	display: inline;
	font-size: 1.5em;
	border-bottom: none;
}

.subject p {
	display: inline;
}

.subject {
	margin-bottom: 1em;
}

/*breadcrumbs*/

#breadcrumbs {
	clear: both;
	display: block;
	margin-bottom: 0.7em;
	font-size: 0.8em;
}

/*buttons sidebar (override ext link icons)*/

a.scholarships,a.scholarships[href^="http:"], a.scholarships[href^="http:"]:visited {
	background: #134987 url(../images/home/scholarships_btn.png) no-repeat 0.5em 0.5em;
	color: #fff;
}

a.record {
	background: #134987 url(../images/home/record.png) no-repeat 0.5em 0.5em;
	color: #fff;
}




/*form*/

textarea#comment {
	height: 5em;
}

/*next previous navigation*/

.nextlink {
	margin-right: 0px;
	text-align: right;
	width: 265px;
	float: left;
	margin-top: 1em;
	margin-bottom: 0.75em;
}
.previouslink {
	margin-top: 1em;
	margin-bottom: 0.75em;
	width: 265px;
	float: left;
	margin-right: 15px;
}

.nextlink a {
	text-decoration: none;
	color: #363636;
	padding-bottom: 2px;
	padding-right: 20px;
	background: url(../images/next.png) no-repeat right top;
}

.previouslink a {
	text-decoration: none;
	color: #363636;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../images/previous.png) no-repeat left top;
}
.gallery {
	margin: 0;padding: 0;
	list-style-image: none;
	list-style-type: none;
	width: 545px;
}
.gallery li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
.gallery li a {
	display: block;
	float: left;
	height: 100px;
	width: 100px;
	margin: 0px;
	padding: 18px;
	text-decoration: none;
	font-size: 0.8em;
	text-align: center;
	color: #363636;
	line-height: 100px;
	background: url(../images/gallery_plain.png) no-repeat;
}
.gallery li p {
	line-height: 1em;
	margin: -2.4em auto 0 auto;
	width: 116px;
	padding: 0px 10px;
	text-align: center;
	float: left;
	position: relative;
	clear: left;
}
.gallery li a[href^="http:"], .gallery li a[href^="http:"]:visited {
	background: url(../images/gallery_plain.png) no-repeat;
}

.gallery li a img {
	/*vertical centre along with the line height*/
vertical-align: middle;
}
.gallery li a.pic1 {
	background: url(../images/gallery1.png) no-repeat;
}
.gallery li a.pic2 {
	background: url(../images/gallery2.png) no-repeat;
}
.gallery li a.pic3 {
	background: url(../images/gallery3.png) no-repeat;
}
.gallery li a.pic4 {
	background: url(../images/gallery4.png) no-repeat;
}
.gallery li a.pic5 {
	background: url(../images/gallery5.png) no-repeat;
}
.gallery li a.pic6 {
	background: url(../images/gallery6.png) no-repeat;
}
.gallery li a.pic7 {
	background: url(../images/gallery7.png) no-repeat;
}
.gallery li a.pic8 {
	background: url(../images/gallery8.png) no-repeat;
}
.gallery li a.pic9 {
	background: url(../images/gallery9.png) no-repeat;
}
.gallery li a.pic10 {
	background: url(../images/gallery10.png) no-repeat;
}
.gallery li a.pic11 {
	background: url(../images/gallery11.png) no-repeat;
}
.gallery li a.pic12 {
	background: url(../images/gallery12.png) no-repeat;
}
.gallery li a.pic13 {
	background: url(../images/gallery13.png) no-repeat;
}
.gallery li a.pic14 {
	background: url(../images/gallery14.png) no-repeat;
}
.gallery li a.pic15 {
	background: url(../images/gallery15.png) no-repeat;
}
.gallery li a.pic16 {
	background: url(../images/gallery16.png) no-repeat;
}
/*accordion*/

#acc h4 {
	cursor: pointer;
	margin: 0;
}
#acc div {
	margin-bottom: 0.8em;
}
/*course pages*/
.careerbox {
	background-color: #d8d8d8;
	padding: 1em;
	margin-bottom: 1em;
}
.careerbox h2 {
	color: #363636;
	border-bottom: none;
}
.careerbox ul {
	margin-bottom: 0px;
}
.quotebox {
	width: 75%;
	float: right;
}
.quotebox p {
	text-align: right;
	margin-bottom: 0px;
	color: #999;
	font-weight: bold;
	font-size: 1.4em;
}
.quotebox p small {
	font-size: 0.8em;
	font-weight: normal;
}

/* --------------- NEWS --------------- */

#news div.item h4 {
	width: 180px;
	float: right;
	margin: 0px 0px 6px 0px;
}

#news div.item {
	float: left;
	width: 278px;
	height: 117px;
	display: block;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 20px;
	margin-left: 0;
}

#news div.item div.media_date {
	float: left;
	height: 116px;
	width: 86px;
	position: relative;
	margin: 0px;
	display: block;
}

#news div.item div.media_date div.media {
	background-color: #CCC;
	height: 86px;
	width: 86px;
	top: 0;
}

#news div.item div.media_date div.media a img {
	border: 1px solid #d8d8d8;
}

#news div.item div.media_date span.date {
	position: absolute;
	top: 86px;
	width: 82px;
}

#news div.item div.text {
	width: 180px;
	float: left;
	margin-left: 10px;
	display: block;
}

#news div.item div.text p {
	margin: 0px;
}

#news span.cam {
	float: left;
}

#news span.more {
	position: absolute;
	left: 288px;
}

#news span.more, #news span.cam {
	width: 278px;
}

#news div.detail h3 {
	margin: 0;
}

#news div.archive h2 {
	display: inherit;
}

#news div.archive ul {
	padding-left: 15px;
	margin-bottom: 10px;
}

#news div.archive ul li {
	margin-bottom: 10px;
	float: left;
	width: 45%;
}

#news div.archive ul li a, #news div.archive ul li a:link {
	text-decoration: underline;
}

#news h1 {
	margin: 0px;
	padding: 3px 2px 2px 4px;
	font-size: 10px;
	background-color: #d8d8d8;
	color: #363636;
	font-weight: normal;
}