/**********************************************
CSS FILE FOR RAFFLES - Layout Styles
DEVELOPED BY PHOSPHOR ESSENCE - COPYRIGHT 2008
**********************************************/
/**********
LAYOUT
**********/

body{background:#ebeced url(../userfiles/images/bkgd-header.png) left top repeat-x; color:#808080; font-family:Arial, Helvetica, sans-serif;}

p{font-size:12px; line-height:150%; margin:5px 0 9px 0; padding:0;}
ul{font-size:12px; margin:3px 0; padding:0 0 0 20px;}
a{color:#ffc425; text-decoration:none;}
a:hover{color:#ECAB00; text-decoration:underline;}

a.external{color:#ffc425; text-decoration:none; padding:0 0 0 14px; background:url(../userfiles/images/arw.jpg) left 2px no-repeat;}
a.external:hover{color:#ECAB00; text-decoration:none; background:url(../userfiles/images/arw_f2.jpg) left 2px no-repeat;}
a.link{color:#ffc425; text-decoration:none; padding:0 0 0 14px; background:url(../userfiles/images/arw.jpg) left 2px no-repeat;}
a.link:hover{color:#ECAB00; text-decoration:none; background:url(../userfiles/images/arw_f2.jpg) left 2px no-repeat;}
a.backToTop{color:#ffc425; text-decoration:none; padding:0 0 0 14px; background:url(../userfiles/images/arw.jpg) left 2px no-repeat;}
a.backToTop:hover{color:#ECAB00; text-decoration:none; background:url(../userfiles/images/arw_f2.jpg) left 2px no-repeat;}

table{font-size:12px; margin:5px 0 12px 0; padding:0;}
th{font-size:13px; text-align:left; margin:0; padding:10px 8px 2px 0; vertical-align:top; border-bottom:solid 1px #FFD871;}
td{padding:2px 8px 2px 0; vertical-align:top; border-bottom:solid 1px #E8E8E8;}
ul,ol{font-size:12px; margin:5px 0 12px 0; padding:0 0 0 20px;}
li{line-height:130%; margin:0; padding:0 0 3px 0;}
ul ol{list-style:lower-alpha; margin:3px 0 0 0; padding:0 0 0 25px;}
.small{font-size:10px;}
.subtext{font-style:italic;}

#mainWrapper{width:978px; margin:0 auto;/* background:#aac;*/}

#center{background:url(../userfiles/images/shdw-content-mid.png) top left repeat-y; width:980px;}

/**********
HEADER
**********/
#header{background:url(../userfiles/images/shdw-content-top.png) right bottom no-repeat; padding:22px 0 0 0; margin:0 0 -1px 0; /*display:inline;*/ height:55px}
#header .logo{float:left; margin:0 0 10px 150px; display:inline;}
#header .sectionTitle{color:#CCC; font-size:12px; text-align:right; text-transform:uppercase; letter-spacing:8px; width:400px; margin:-29px 20px 0 0; float:right; display:inline;}
#header img{/*margin:0 0 0 150px;*/}

#content{float:right; width:826px; min-height:500px; padding:0 0 20px 0; margin:0 4px 0 0;}
#content .inner{width:785px; margin:18px; padding:0;}
#content .title{width:785px; margin:0 0 15px 0; padding:0; background:url(../userfiles/images/bkgd-title.png) right bottom no-repeat;}
#content .title h1{color:#FFF; font-size:16px; width:510px; margin:0 0 0 267px; padding:2px 0 0 8px; border-top:solid 3px #ffc425; background:url(../userfiles/images/bkgd-title.png) right top repeat-y;}
#content .title h1 .subhead{color:#FFF; font-size:14px; text-transform:uppercase; width:250px; float:right; margin:-18px 0 0 0; padding:0 0 2px 0; display:block;}
#content .homeTitle{background:none;}
#content .homeTitle h1{/*color:#ffc425;*/ font-size:16px; letter-spacing:27px; width:514px; margin:5px 0 15px 267px; padding:2px 0 8px 0; border-bottom:solid 2px #CCC; background:none;}
#content .homeTitle h1 .highlight{color:#ffc425;}
#content .headerImage{margin:0 20px 10px 0; width:498px; float:right;}
.bannerCaption{padding:4px 10px; font-size:12px; line-height:120%; text-align:right; background:#000; bottom:0; float:right; margin:-26px -20px 0 0; opacity:.7; filter:alpha(opacity=6); display:block;}


h1{font-size:16px; padding:0 30px 30px 270px; color:#999;}
h2{font-size:16px; width:270px; color:#999; text-align:right; margin:20px 30px 5px -270px;}
h2 em{color:#ffc425; font-style:normal; display:block;}
h3{font-size:13px; color:#ECAB00; margin:10px 0 4px 0;}
h4{font-size:12px; color:#808080; margin:4px 0 -4px 0;}
#textBlock{margin:0 20px 30px 0; width:498px; float:right;}
#textBlockWithNav{margin:0 20px 30px 0; width:498px; float:right;}
#textBlockWithNav h2{font-size:14px; width:auto; color:#999; text-align:left; margin:0 30px 5px 0; padding-bottom:5px;}
#textBlockWithNav h2 em{color:#999; font-style:normal; display:inline;}

#search{margin:0 20px 30px 0; width:498px; float:right;}

#footer{height:50px; clear:both; background:#ebeced url(../userfiles/images/shdw-content-btm.png) top left no-repeat;}
#footer .footerRight{color:#BBB; font-size:11px; text-align:right; float:right; margin:8px 8px 0 0; padding:0;}

/**********
NAVIGATION
**********/
#nav{background:#ebeced url(../userfiles/images/shdw-nav-btm.png) bottom left no-repeat; width:140px; margin-right:830px; padding:0 0 5px 10px;}
#nav ul.nav{background:transparent url(../userfiles/images/shdw-nav-right.png) top right repeat-y; margin:0; padding:0;}

li ul.nav{display:none;}
/*li:hover ul.nav, */li.selected ul.nav{display:block !important;}


ul.nav a:link img.nav-rollover, 
ul.nav a:visited img.nav-rollover{display:none;}

ul.nav a:hover img.nav-rollover, 
ul.nav a:active img.nav-rollover,
ul.nav li.selected img.nav-rollover{display:inline;}

ul.nav a:link img.nav-image, 
ul.nav a:visited img.nav-image{display:inline;}

ul.nav a:hover img.nav-image, 
ul.nav a:active img.nav-image,
ul.nav li.selected img.nav-image{display:none;}

#nav ul.nav{list-style:none;}
#nav ul.nav li{list-style:none; padding:0; margin:0;}
#nav ul.nav a{display:block; height:24px; overflow:hidden; padding:0; margin:0;}
#nav ul.nav ul a{height:auto; padding:3px 0;}
ul.level-1{margin:-8px 0 0 0 !important; padding:0 0 10px 0 !important;}
ul.level-1 li{list-style:none; margin:-2px 0 -2px 5px !important; padding:0; line-height:normal;}
ul.level-1 li a{color:#acacac;}
ul.level-1 li a:hover, ul.level-1 li a.selected{color:#ECAB00; text-decoration:underline;}
ul.level-1 li a.selected{text-decoration:none;}

#contentNav{width:236px; float:left; margin:174px 0 15px 0; padding:0;}
#contentNav li{list-style:none; text-align:right; font-size:13px; margin:0; padding:0 0 8px 0; line-height:120%;}
#contentNav li a{color:#999; text-decoration:underline;}
#contentNav li a:hover{color:#ECAB00; font-weight:normal;}
#contentNav li.selected a{color:#ECAB00; text-decoration:underline; font-size:14px; font-weight:bold;}
#contentNav li li{font-size:11px!important; margin:0 0 -9px -20px; padding:2px 15px 2px 0; line-height:120%;}
#contentNav li li a{color:#999!important; font-size:11px!important; font-weight:normal!important; text-decoration:underline!important; padding:2px 0 0 0;}
#contentNav li li a:hover{color:#ECAB00!important; text-decoration:underline!important;}
#contentNav li li.selected a{color:#ECAB00!important; text-decoration:underline!important; font-weight:bold!important;}

.Home .section{background:url(../userfiles/images/clipart-home.gif) 10px 3px repeat-y;}
.About .section{background:url(../userfiles/images/clipart-about.gif) 10px 3px repeat-y;}
.Programmes .section{background:url(../userfiles/images/clipart-programmes.gif) 10px 3px repeat-y;}
.Gallery .section{background:url(../userfiles/images/clipart-gallery.gif) 10px 3px repeat-y;}
.Students .section{background:url(../userfiles/images/clipart-students.gif) 10px 3px repeat-y;}
.Enrolments .section{background:url(../userfiles/images/clipart-enrolments.gif) 10px 3px repeat-y;}
.International .section{background:url(../userfiles/images/clipart-international.gif) 10px 3px repeat-y;}
.section{}

/**********
UTILITIES
**********/
.utils{position:relative; float:right;}
.utils ul.nav{list-style:none; margin:0 29px 0 0; padding:0 0 0 300px;}
.utils ul.nav li{list-style:none; display:inline; margin:0 0 0 10px; padding:0;}
.utils ul.nav .name{display:none; position:absolute; left:0; top:0; width:290px; text-align:right; text-transform:lowercase;}
.utils ul.nav a:hover .name{display:inline; margin:0; padding:0;}

/**********
GALLERY
**********/

/*Gallery*/
#gallery{float:left; margin:0 0 0 -17px;}
#gallery a{margin:0; padding:0; display:block; height:370px; position:relative; text-decoration:none;}
#gallery .sectionLink{width:250px; float:left; margin:0 0 16px 17px; line-height:0; text-align:right;}
#gallery .text{color:#999; font-size:14px; font-weight:bold; text-align:right; text-transform:uppercase; line-height:120%; display:block; margin:8px 0 0 0; padding:8px 0 8px 130px; border-bottom:solid 1px #ACACAC; border-left:solid 1px #FFC425;}

/*Gallery Section*/
#gallerySection{float:left; margin:0 0 0 -17px; min-height:397px;}
#gallerySection a{margin:0; padding:0; display:block; height:100px; position:relative;}
#gallerySection .portfolioLink{width:250px; float:left; margin:0 0 16px 17px; line-height:0; text-align:right;}
#gallerySection .text{color:#999; font-size:14px; font-weight:bold; text-align:right; text-transform:uppercase; display:block; padding:10px 0 10px 130px; border-bottom:solid 1px #ACACAC; border-left:solid 1px #FFC425;}
#gallerySection #showFlash{width:100%; position:absolute; left:40%; top:25%;}

/*Student Portfolio*/
#portfolio{float:left; margin:0 0 0 -18px; min-height:397px;}
#portfolio a{line-height:0; margin:0; padding:0; display:block; height:100px; position:relative;}
#portfolio .artworkLink{width:250px; float:left; margin:0 0 16px 18px; text-align:right;}
#profileSummary{float:left; margin:0 17px 0 0;}
.photo img{margin-bottom:16px;}
.profileText{width:230px; min-height:261px; margin:0 0 10px 0; padding:0 0 5px 19px; border-bottom:solid 1px #ACACAC; border-left:solid 1px #FFC425;}
.profileText h2{margin:0; padding:0; text-align:left; width:auto;}
.artistName, .artworkName{width:150px; padding:4px 10px; font-size:12px; line-height:120%; text-align:right; background:#000;
	position:absolute; bottom:0px; right:0; opacity:.7; filter:alpha(opacity=7); display:block;}
#galleryPageNav{background:purple;}
#galleryBreadcrumbs{float:left; margin:0 0 0 -17px;}
#galleryBreadcrumbs a{color:#999; font-size:12px; text-align:center; text-transform:uppercase; float:left; margin:0 0 16px 17px; padding:4px 0; width:248px; border-bottom:solid 1px #ACACAC; border-left:solid 1px #FFC425; border-top:solid 1px #ACACAC; border-right:solid 1px #FFC425;}
#galleryBreadcrumbs a:hover{color:#FFC425;}

#linkContent{height:354px;}
#portfolio #linkContent{width:536px;}


/* Paging */
#pagingCenter{width:400px; margin:0 0 10px 284px; padding:0;}
#pagingLeft{width:400px; margin:0 0 10px 18px; padding:0;}
#paging {margin:0; padding:0; float:left;}
#paging{list-style:none; margin:0; padding:0;}
#paging li{float:left; width:20px; height:33px; margin:0 10px 0 0; padding:0;}
#paging a{height:33px;}
/*#paging * {display: none; }*/

#paging li a.prev{width:20px; background:url(../userfiles/images/gallery/nav/paging-prev-grey.jpg) no-repeat;}
#paging li a.prev:hover{background:url(../userfiles/images/gallery/nav/paging-prev-yellow.jpg) no-repeat; text-decoration:none}
#paging li a.prev.placeholder{background:url(../userfiles/images/gallery/nav/paging-prev-grey.jpg) no-repeat;}
#paging li a.next{width:20px; background:url(../userfiles/images/gallery/nav/paging-next-grey.jpg) no-repeat;}
#paging li a.next:hover{background:url(../userfiles/images/gallery/nav/paging-next-yellow.jpg) no-repeat; text-decoration:none}
#paging li a.next.placeholder{background:url(../userfiles/images/gallery/nav/paging-next-grey.jpg) no-repeat;}

#paging li.page{padding:6px 0 0 0; height:27px;}
#paging li.page a{width:20px; background:url(../userfiles/images/gallery/nav/paging-normal.jpg) no-repeat;}
#paging li.page a:hover{background:url(../userfiles/images/gallery/nav/paging-selected.jpg) no-repeat; text-decoration:none;}
#paging li.page a.selected{background:url(../userfiles/images/gallery/nav/paging-selected.jpg) no-repeat;}

/**********
STAFF PROFILE
**********/
.profile{float:left;}
.profile.with-photo img{margin:13px 0 0 -138px; padding:0; float:left;}
.profile.with-photo .text{margin:0; padding:0;}

/***************
TAKE A TOUR
***************/
#tour .imageWrap{width:785px; height:400px; overflow:hidden; border:1px solid #ccc;}

/**********
CALENDAR
**********/
#calendar{border-collapse:collapse; margin:0; padding:0; line-height:100% !important;}
#calendar th{padding:1px 0 1px 1px; border:none;}
#calendar td{font-size:11px; padding:1px 0 1px 1px; border:solid 1px #ece9d8;}
#calendar h2{color:#777;font-size:13px; margin:0; padding:0;}
#calendar h3{color:#777;}
#calendar .holiday{background:#EEE;}
#calendar .special{background:#d2b48c;}
#calendar .marking{background:#d2c1aa;}
#calendar .term1{background:#fbc270;}
#calendar .term2{background:#ffd972;}
#calendar .term3{background:#fbc270;}
#calendar .term4{background:#ffd972;}
#calendar .summerschool{background:#ffbe9e;}
#calendar .text{font-size:10px;}

/**********
DOWNLOADS
**********/
.download h3{color:#999;}