@charset "UTF-8";
/* CSS Document */

/* CSS Reset
-------------------------------------------------------------- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, address, th ,td {
margin: 0; padding:0;}
ol, ul {list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}


/* Typography
-------------------------------------------------------------- */
/*Colors
Blue #135487
(links) Dark blue #104873
Green #5c832f
Dark green #6c7a2c
Darkest grey blue #26393d
medium blue #5783aa
medium light blue #7594b0
light blue #81a6c8
lighter blue #c7d9e8 (not for text)
lightest blue (offwhite) #edf2f7 (background only)
*/

body { 
font: 12px/1.5 Arial, "Helvetica Neue", "Lucida Grande", Helvetica, sans-serif; 
color: #666; text-align:left;
}

h1,h2,h3,h4,h5 { 
color: #135487; 
}

p  { margin: 0 0 1.5em; }


a:link {
color: #135487;
}

a:visited {
color: #104873;
}
a:hover, a:active {
color:#6c7a2c;}

.drop {
	color: #135487;
	display: block;
	float: left;
	font-size: 3.5em;
	font-weight: bold;
	line-height: 0.85;
	margin: 0 .1em 0 0;
	}

strong {
color:#104873;
}


.clear {
clear:both;
margin:0px;
}

.last {
margin-bottom:60px;
background-color:#fff;}

.extraspace {
clear:both;
height:60px;
}

.caption {
font-size: 10px;
color:#5c832f;
padding-top:8px;
text-align:left;}

.lessmargin {
margin:0px;
}

#container .author {
color: #7594b0;
font: italic 11px Arial, Helvetica, sans-serif;
margin-top:30px;}

img, .index .sec_content img {
float: left;
background-color: #fff;
border:1px solid #a9a9a9;
padding:4px;
margin: 5px 12px 5px 0px;}

img.right {
float: right;
margin: 0 12px 0 25px;
}

.index img {
float: none;
background-color: #fff;
border:none;
padding:0px;
margin: 0px;
}

#container ul {
margin-bottom: 20px;}

#container li {
background: url("images/bullet.gif") no-repeat left top;
padding-left: 15px;
margin: 0px 0px 5px 25px;
}

#container .list_small li {
background: url("images/bullet_small.gif") no-repeat left top;
padding-left: 15px;
}

#container li.bullet_top {
background-position: left top;
}

.questions {
width:100%;
}

.qb3logo a {
display:block;
background:url("images/qb3_logo.gif") no-repeat left top;
width: 107px;
height: 73px;
text-indent:-5000em;
float:right;
margin-right:10px;}

.qb3logo a:hover {
background-position: 0 -73px;
}

.index #qb3mainlogo {
position:absolute;
top: 990px; left:170px;
}

/* Header, Navigation, Footer
-------------------------------------------------------------- */
body {
background:#d7eab3 url("images/bkgrd_tile.jpg") repeat-x top left;
}

#wrapper {
background: url("images/bkgrd_masthead.jpg") no-repeat top left;
position:relative;}

#logo, #pagetitle, #background {
margin-left: 149px;
}

#logo a{
text-indent:-5000em;
background: url("images/logo.gif") no-repeat top left;
width:319px; height:104px;
display:block;
}

#logo a:hover {
background-position: 0 -104px;
cursor:pointer;}

#pagetitle {
text-indent:-5000em;
width: 914px; height:60px;}

.index #pagetitle {
background: url("images/title_welcome.jpg") no-repeat top left;
}

.about #pagetitle {
background: url("images/title_about.jpg") no-repeat top left;
}
.research #pagetitle {
background: url("images/title_research.jpg") no-repeat top left;
}
.course #pagetitle {
background: url("images/title_course.jpg") no-repeat top left;
}
.people #pagetitle {
background: url("images/title_people.jpg") no-repeat top left;
}
.news #pagetitle {
background: url("images/title_news.jpg") no-repeat top left;
}
.faq #pagetitle {
background: url("images/title_faqs.jpg") no-repeat top left;
}

.gallery #pagetitle {
background: url("images/title_gallery.jpg") no-repeat top left;
}

#background {
background-color:#fff;
width:914px;
}

#nav {
float:left;
display:inline;
margin-left:2px;}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#wrapper #background #nav li {
	width:176px;
	}

#nav a {
	display: block;
	width: 176px;
	height: 41px;
	text-decoration: none;
	text-indent:-1000em;
	padding:0; margin:0;
	background-repeat: no-repeat;
}

#nav a:hover {
	background-position: -352px 0;
}

a#nav_index {
	background-image: url("images/nav_index.jpg");
	}
a#nav_about {
	background-image: url("images/nav_about.jpg");
	}

a#nav_research {
	background-image: url("images/nav_research.jpg");
	}
a#nav_course {
	background-image: url("images/nav_course.jpg");
	}
a#nav_people {
	background-image: url("images/nav_people.jpg");
	}
a#nav_press {
	background-image: url("images/nav_press.jpg");
	}
	
a#nav_news {
	background-image: url("images/nav_news.jpg");
	}
	
a#nav_faq {
	background-image: url("images/nav_faq.jpg");
	}
	
.index a#nav_index, .about a#nav_about, .research a#nav_research, .course a#nav_course, .people a#nav_people, .press a#nav_press, .news a#nav_news, .faq a#nav_faq {
 background-position: -176px 0;
 }

#container {
width:685px;
background-color:#fff;
float:left; display:inline;
margin-left:12px;}

#flashcontent {
width: 694px;
height:173px;
background-repeat:no-repeat;}
	
.index #flashcontent {
height:284px;
}
	
.about #flashcontent {
background-image: url("images/img_about.jpg");}
	
.research #flashcontent {
background-image: url("images/img_research.jpg");}

.course #flashcontent {
background-image: url("images/img_course.jpg");}

.people #flashcontent {
background-image: url("images/img_people.jpg");}

.press #flashcontent, .news #flashcontent {
background-image: url("images/img_news.jpg");}

.faq #flashcontent {
background-image: url("images/img_faq.jpg");}


#gallerylink {
position: absolute;
top: 120px;left: 970px;
}

#gallerylink a {
text-indent:-5000em;
display:block;
background: url("images/icon_gallery.gif") no-repeat top left;
width: 62px;
height: 32px;}

#gallerylink a:hover {
background-position: -62px 0px;}

				
#footer {
background: url(images/footer.jpg) no-repeat top left;
width:1319px; height:182px;
}

#footer p, #footer a {
color:#5c832f;
margin-bottom:5px;
text-decoration:none;}

#footer a:link; #footer a:visited {
color:#5c832f; text-decoration:none; 
}

#footer a:hover, #footer a:active {
color: #26393d; text-decoration:none;}

#footer #links {
padding-top: 30px;
margin-left:145px;}

#footer #links a {
padding-left:33px;
}

#footer #copyright {
margin-left:470px;
}


/* HOMEPAGE
-------------------------------------------------------------- */
.index #logo a:hover {
background-position: 0 0;
cursor:default;}

.index .main_content {
float:left;
width:360px;
margin: 40px 40px 40px 0px; 
display:inline;}

.index .sec_content {
float:left;
width:280px; 
margin-top:40px;
border: 1px solid #ccc;
background-color:#fff;
}

.index .main_content p {
text-align: justify;
}

.index .sec_content .box {
background:url("images/gradient_tile.jpg") repeat-x;
width:276px; margin:2px;
}

.index .sec_content h2 {
text-indent:-5000em;
background: url("images/course_title.jpg") no-repeat;
width:133px; height: 71px;
margin-left: 23px;}

.index .sec_content p {
padding: 10px 23px 0px 23px;
text-align:justify;}

.index .sec_content img {
margin-left: 23px;
}

#event {
font-style: italic;
}

#button {
background: url("images/button_learnmore.jpg") no-repeat;
width: 76px; height: 43px;
display:block;
text-indent:-5000em;
margin-left: 194px;}

#button:hover {
background-position: 0 -43px;
}

#contactbox {
background: url("images/contactbox_tile.gif") repeat-y;
width: 266px;
margin-top:30px;}

#contactbox_top {
background:url("images/contactbox_top.gif") no-repeat;
width:266px; height:11px;}

#contactbox p, #contactbox address, #contactbox a:link {
color:#81a6c8;
}

#contactbox a:hover, #contactbox a:active {
color: #135487;
}

address {
font-style:normal;
background: url("images/icon_address.gif") no-repeat left top;
padding-left: 30px; margin: 15px 0 0 15px;}

#tel {
background: url("images/icon_phone.gif") no-repeat left top;
padding-left: 30px; margin: 0px 0px 0px 15px;}

#fax {
background: url("images/icon_fax.gif") no-repeat left top;
padding-left: 30px;margin: 0px 0px 0px 15px;}

#email {
background: url("images/icon_email.gif") no-repeat left top;
padding-left: 30px; margin: 0px 0px 0px 15px;
display:block;
margin-bottom:20px;}

#contactbox_bottom {
background:url("images/contactbox_bottom.gif") no-repeat;
width:266px; height:12px;}

/* ABOUT
-------------------------------------------------------------- */

h3 {
font: normal 18px Georgia, "Times New Roman", Times, serif;
color:#135487;
border-bottom: 3px solid #ccc;
padding-bottom:5px;
margin: 40px 0 10px 0 ;
text-align:left;
clear:both;
}

.about .shortheading {
width: 300px;
}

h4 {
font: bold 12px Arial, Helvetica, sans-serif;
color:#81a6c8;
text-transform:uppercase;
text-align:left;
margin-bottom: 12px;
clear:both;}

h4.border {
padding-top:10px;
border-top:2px solid #ffffff;
}

h5 {
  color: #465b6e;
  font: italic normal 19px "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  }

.box1 {float: left;width:350px;}

.box2 {
border-left	: 1px solid #ccc;
float:left;
margin-left:30px;
margin-bottom:30px;
display:inline;
width: 280px;
background-color:#fff;}

.box2 img {
margin: 10px 10px 10px 30px;
}

.box2 h5 {
margin: 10px 0px 25px 30px;
}
.box2 p {
padding: 0px 0px 0px 30px;
font:  11px/1.5 Georgia, "Times New Roman", Times, serif;
color:#81a6c8;
}

.box5 {
background-color:#edf2f7;
clear:both;
height: 670px;
}

.box3 {float:left; width: 290px; margin:20px 0px 0px 35px; display:inline;}
.box4 {float:left; width: 290px; margin:20px 0px 0px 35px; display:inline;}
 



/* COURSE
-------------------------------------------------------------- */
#contactbox h5 {
margin: 10px 20px;
}

#contactbox .coordinator {
margin: 0 20px;
text-align:left;}

.space {margin-top: 20px; margin-bottom: 30px;}

.course #container .box2 p {
margin-bottom:5px; padding-bottom:0px;
}

.course #container .box2 .author {
margin-top:0px;
margin-bottom:25px;
}


/* PEOPLE
-------------------------------------------------------------- */
.people #container em {
color:#5783aa;
}

/* NEWS
-------------------------------------------------------------- */
.date {
font-size:10px;
color:#a1a1a1;
margin: 30px 0 0;
}

.news h3 {
margin-top:0px;
}

.writer {
font-size: 9px;
color: #5783aa;
text-transform:uppercase;
margin: 8px 0 15px 0;}

.media {
font-style:italic;
color:#135487;
margin: 0;}

.downloadnews {
float: right;
color: #5783aa;
font-size:10px;
text-transform:uppercase;}

.photo {
float: left;
margin-right:20px;
display:inline;}

.photo img {
float: none;
}

.news .photo {
width:135px;
}

.news .photowide {
width:303px;
}

#newslinks {
position:absolute;
top:450px;
left:910px;
width:120px;}

#newslinks ul {
padding:0; margin:0;
}

#newslinks li {
background: url("images/bullet_small.gif") no-repeat left top;
padding-left: 15px;
margin-top:20px;
margin-left:0;
width:100%;}

#newslinks a{
color: #7594b0;
text-decoration:none;
font-size:11px;}

#newslinks a:hover {
color: #5783aa;
text-decoration: underline;
}

#boxcenter {
width:540px;
}

/* FAQs
-------------------------------------------------------------- */
.faq h5 {
color:#5783aa;
font:italic 12px Arial, Helvetica, sans-serif;
padding:20px 0 6px 0;
}

.questions a {
color:#5783aa;
}
.backtotop {
text-decoration:none;
font-size:9px;
color:#26393d;
float:right;}

/* Gallery
-------------------------------------------------------------- */
.gallery .caption {
width: 180px;
}

.featurepic .caption {
width: 600px;
}