/*
	version: 1.0
	author: vOfficeware Inc
	email: contact@vofficeware.com
	website: http://www.vofficeware.com

	created by vofficeware.com 2009
*/


/* =GENERAL */
strong { font-weight: bold; }
em { font-style: italic; }
h2 { color: #0F3D75; font-size: 14px; font-weight: bold; }
h3 { color: #0F3D75; font-size: 12px; font-weight: bold; }

body { background: #B1B2Ae; font-family: Arial, sans-serif; font-size: 12px; }
#wrapper { margin: 6px auto; width: 940px; }


/* =HYPERLINKS */
a { color: #164B8A; outline-style: none; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }


/* =HEADER */
#header { background: #000; position: relative; }
#header h1 a { display: block; height: 70px; overflow: hidden; left: 8px; position: relative; text-align: center; top: 11px; width: 396px; }
#header h1 a span { background: url(../images/logo.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#header .header_bubble { background: #1C529A url(../images/header_bubble2.jpg) no-repeat 0 0; color: #FFF; height: 65px; line-height: 15px; padding: 5px 0 0 20px; position: absolute; right: 22px; top: 0; width: 250px; }
#header .header_bubble em { font-size: 16px; font-weight: bold; font-style: normal; }
#header img { clear: both; display: block; }


/* =NAVIGATION */
#nav li { float: left; }
#nav li.mastersofarts a { width: 235px; }
#nav li.shortcourses a { width: 235px; }
#nav li.summerstudy a { width: 235px; }
#nav li.aboutsothebys a { width: 235px; }
#nav li a { background: #164B8A url(../images/nav_bg.jpg) repeat-x 0 0; color: #C1C1C1; float: left; font-family: Verdana, Geneva, Tahoma sans-serif; font-weight: bold; height: 31px; line-height: 31px; text-align: center; text-decoration: none; text-transform: uppercase; }
#nav li a span { background: url(../images/nav_delimiter.jpg) no-repeat 100% 0; cursor: pointer; display: block; height: 31px; }
#nav li a:hover, #nav li.selected a { color: #FFF; background-color: #002455; background-position: 0 -31px; }
#nav li:last-child a span { background: none; }


/* =MAIN */
#main { background: #FFF url(../images/main_bg.jpg) repeat-y 0 0; height: 100%; }
#main blockquote { background: url(../images/quotes_up.gif) no-repeat 0 0; color: #1D539A; font-style: italic; font-weight: bold; margin-bottom: 18px; margin-left:25px; margin-right:40px; }
#main blockquote p { background: url(../images/quotes_bottom.gif) no-repeat 100% 100%; font-size: 11px; margin-bottom: 3px; padding: 3px 0 0 16px; }
#main blockquote strong { color: #002456; font-size: 10px; font-style: normal; font-weight: normal; margin-left:15px; }


/* =CONTENT */
#content { float: left; padding: 17px 22px; width: 614px; }
#content h2, #content h3 { margin-bottom: 18px; }
#content h2 strong { color: #000; }
#content p { font-size: 11px; line-height: 14px; margin-bottom: 18px; }

#content .anchors { line-height: 1.5; margin: 0 0 20px 20px; }
#content .anchors a { color: #164B8A; font-size: 11px; }

#content .programmes li { clear: both; padding-bottom: 17px; }
#content .programmes img { float: left; }
#content .programmes h2, #content .programmes p { padding-left: 133px; }
#content .programmes li ul { padding-left: 133px; }
#content .programmes li li { clear: none; float: left; margin-right: 3px; }
#content .programmes li li img { margin-right: 3px; }
#content .programmes li li span { font-size: 11px; margin-left: 6px; }
#content .programmes h2, #content .programmes p { margin-bottom: 5px; }
#content p.note { clear: both; color: #535353; }

#content .courses img { float: left; }
#content .courses li { clear: both; padding-bottom: 17px; }
#content .courses h2, #content .courses p { padding-left: 177px; }
#content .courses h2 strong { font-size: 11px; }
#content .courses a { color: #0E518A; }
#content .courses h2 { margin-bottom: 5px; }

#content .summer_study img { float: left; margin-bottom: 17px; }
#content .summer_study li { clear: both; padding-bottom: 17px; }
#content .summer_study h2, #content .summer_study p { padding-left: 169px; }
#content .summer_study h2 strong { font-size: 11px; }
#content .summer_study a { color: #0E518A; }
#content .summer_study h2 { margin-bottom: 5px; }


/* =SIDEBAR */
#sidebar { float: left; padding-top: 5px; width: 282px; }
.thankyou #sidebar h2 { color: #17637E; font-size: 16px; line-height: 20px; padding: 20px 15px; }
.thankyou #sidebar p { font-size: 11px; line-height: 14px; margin-bottom: 18px; padding: 0 15px; }
.thankyou #sidebar .visit_our_website { background: #EEE; font-size: 14px; font-weight: bold; line-height: 20px; padding: 20px 15px; }
.thankyou #sidebar .visit_our_website a { color: #157688; }

#sidebar .rounded_box { background: #FFF url(../images/rounded_box_top.jpg) no-repeat 0 0; font-family: Verdana, Geneva, Tahoma, sans-serif; margin: 0 auto; padding: 10px 12px 5px 12px; position: relative; width: 237px; }
#sidebar .rounded_box_bottom { background: url(../images/rounded_box_bottom.jpg) no-repeat 0 0; display: block; height: 10px; position: absolute; bottom: -10px; left: 0; width: 261px; }
#sidebar .rounded_box h2, #sidebar .box h2 { margin-bottom: 10px; }
#sidebar .rounded_box p, #sidebar .box p { color: #0E518A; font-size: 9px; line-height: 12px; }
#sidebar .rounded_box a, #sidebar .box a { color: #0E518A; }
#sidebar .box { padding: 10px 12px 5px 12px; }

/* FORMS */
#registration { font-family: Verdana, Geneva, Tahoma, sans-serif; margin: 24px 0 22px 12px; position: relative; }
#registration label { color: #085554; display: block; font-size: 11px; }
#registration .text_input { color:Black; background: #ECF4F9; border: none; height: 23px; margin: 2px 0 9px 0; width: 250px; }
#registration .select { color:Black; background: #ECF4F9; height: 23px; margin: 2px 0 9px 0; width: 250px; }
#registration .required { color: #0E518A; font-size: 9px; font-weight: bold; }
#registration .submit { background: #646F80 url(../images/submit_bg.jpg) no-repeat 0 0; color: #FFF; cursor: pointer; border: none; bottom: -10px; height: 23px; padding-bottom: 2px; position: relative; left: 148px; top: -10px; width: 100px; }

#sidebar blockquote { margin: 20px auto 20px auto; width: 250px; }
#sidebar blockquote strong { display: block; margin-left: 16px; }
#sidebar .video img { display: block; margin: 10px auto; }


/* =FOOTER */
#footer { background: #000; color: #FFF; font-size: 10px; padding: 15px 20px 15px 20px; }
#footer p { float: left; }
#footer .privacy_policy { color: #FFF; float: right; }


/* =MISC */
.clearer { clear: both; display: block; }
.alignleft { float: left; }
.alignright { float: right; }


/* HOVER */
a.info{
    position:relative; /*this is the key*/
    z-index:24; 

    text-decoration:underline}

a.info:hover{z-index:25; background-color:#ff0;text-decoration:none}

a.info span{display: none; text-decoration:none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:250px;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left; text-decoration:none}