body {
  margin:10px;
  padding:0;
  font-family:arial, sans-serif;
  font-size:14px;}

.left { float:left; }
.right { float:right; }

.left a span { font-variant:small-caps; }

a, img, object { border-style:none; }

#aside img { border:0; }

#container {
  width:760px;
  margin:0 auto;
}

#header {
  width:80px;
  height:86px;
  float:right;}
#header h1 {
  display:none;}


#navigation ul, #navigation li {
  margin:0;
  padding:0;
  list-style:none;}
#navigation li {
  float:left;
  margin:72px 5px 10px 5px;}
#navigation a {
  font-size:15px;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;}
#navigation a:hover {
  color:#ddd;}
#navigation .home {
  margin-top:0;}
#navigation .home a {
  height:90px;
  width:114px;
  display:block;
  background-repeat:no-repeat;
  background-position:bottom left;}
#navigation .home span {
  display:none;
}

#banner {
  clear:both;
  height:233px;
  background-repeat:no-repeat;
  background-position:top left;}
#banner #banner2 {
  height:233px;
  background-repeat:no-repeat;
  background-position:45px 0;}

#intro {
  margin:0 0 10px 43px;
  padding:10px;
  border-width:2px;
  border-style:solid;
  border-top:none;}
#intro h2 {
  margin:0;
  padding:0;
  height:49px;
  background-repeat:repeat-y;}
#intro h2 span {
  display:none;}
#intro p {
  padding:0;
  margin:0;
  font-size:16px;}

#article {
  margin:0 0 0 45px;
}

#footer {
  font-size:12px;
  margin:10px 0 0 45px;
  line-height:30px;
  height:30px;
  padding:0 10px;
  color:#fff; }
#footer2 {
  font-size:12px;
  margin:10px 0 0 45px;
  line-height:30px;
  height:30px;
  padding:0 10px;
  color:#999999; }


/*home*/
#home .home a { background-image:url(home/logo-text.png); }
#home #header { background:url(home/logo.png); }
#home #banner { background-image:url(home/banner.png);
 height:395px; 
 background-position:bottom left;}
#home #banner #banner2 { background-image:url(home/banner.jpg);
 float:right;
 height:395px; 
 width:740px; }
#home #banner #banner2 #flash {
 float:right; }
#home #banner #banner2 a {
 float:left;
 margin:50px 0 0 70px; }
#home #intro h2 { background-image:url(home/slogan.png); }
/* bg */
#home { background-color:#cccccc; }
#home #footer a { color:#ffffff; }
/* fg */
#home #banner, #home #footer { background-color:#660000; }
#home .first { color:#6c723f; }
/* bg light */
#home #intro { border-color:#660000; }
#home { color:#000000; }
/*aside*/
#home #aside { background-color:#660000; width:220px; float:right; margin-top:20px;}
#home #aside .right { background:#000; width:180px; padding:0 10px 0 10px; height:220px;}
#home #aside .right p  { color:#fff; }
#home #aside .right a { color:#fff; 
 padding:10px;}
/*thumbnails*/
#home #article { height:490px;}
#home .thumb { display:block; height:100px; width:220px; float:left; margin:20px 0 0 0px;}
#home #vision { background:url(home/vision.jpg) #660000 right no-repeat; margin-right:30px;}
#home #bristol { background:url(home/bristol.jpg) #660000 right no-repeat; }
#home #life { background:url(home/life.jpg) #660000 right no-repeat; margin-right:30px;}
#home #faculty { background:url(home/faculty.jpg) #660000 right no-repeat; }
#home #curriculum { background:url(home/curriculum.jpg) #660000 right no-repeat; margin-right:30px;}
#home #graduation { background:url(home/graduation.jpg) #660000 right no-repeat; margin-right:25px;}
#home #apply { background:url(home/apply.jpg) #660000 right no-repeat; }
#home #asic { height:100px; width:350px; float:left; margin:20px 0 0 0px;}
#home #correspondence { position:relative; left: 30px; top:0px; height:100px; width:320px; float:left; margin:20px 0 0 0px;}




#vision .home a { background-image:url(vision/logo-text.png); }
#vision #header { background:url(vision/logo.png); }
#vision #banner { background-image:url(vision/banner.png); }
#vision #banner #banner2 { background-image:url(vision/banner.jpg); }
#vision #intro h2 { background-image:url(vision/slogan.png); }
/* bg */
#vision { background-color:#DCB48A; }
#vision #footer a { color:#DCB48A; }
/* fg */
#vision #banner, #vision #footer { background-color:#B6753A; }
#vision .first { color:#B6753A; }
/* bg light */
#vision #intro { border-color:#B6753A; }
#vision { color:#000000; }
/*links*/
#vision .right { width:250px; }
#vision .link { position:relative; right:-10px; background:#b6753a; display:block; height:20px; width:230px; margin-bottom:10px; text-align:right; padding:5px; color:#fff; }
/*aside*/
#vision #aside { width:240px; margin:0 0 10px 10px;}
#vision #aside a { color:#fff;}
#vision #aside .head { background:#B6753A;
 color:#fff;}
#vision #aside p { background-color:#cac7b2;
 color:#B6753A;
 margin:0;
 padding:10px;}
#vision #aside img { margin:0 10px 10px 0;}



#bristol .home a { background-image:url(bristol/logo-text.png); }
#bristol #header { background:url(bristol/logo.png); }
#bristol #banner { background-image:url(bristol/banner.png); }
#bristol #banner #banner2 { background-image:url(bristol/banner.jpg); }
#bristol #intro h2 { background-image:url(bristol/slogan.png); }
/* bg */
#bristol { background-color:#6d723f; }
#bristol #footer a { color:#6d723f; }
/* fg */
#bristol #banner, #bristol #footer { background-color:#f68b20; }
#bristol .first { color:#f68b20; }
/* bg light */
#bristol #intro { border-color:#cac7b2; }
#bristol { color:#cac7b2; }
/*aside*/
#bristol #aside { float:right; width:240px; margin:0 0 10px 10px;}
#bristol #aside .head { background:#f68b20;
 color:#fff;}
#bristol #aside p { background-color:#cac7b2;
 color:#6d723f;
 margin:0;
 padding:10px;}
#bristol #aside img { margin:0 10px 10px 0;}



#life .home a { background-image:url(life/logo-text.png); }
#life #header { background:url(life/logo.png); }
#life #banner { background-image:url(life/banner.png); }
#life #banner #banner2 { background-image:url(life/banner.jpg); }
#life #intro h2 { background-image:url(life/slogan.png); }
/* bg */
#life { background-color:#c8e9fb; }
#life #footer a { color:#c8e9fb; }
/* fg */
#life #banner, #life #footer { background-color:#2F2E78; }
#life .first { color:#2F2E78; }
/* bg light */
#life #intro { border-color:#2caae2; }
#life { color:#2caae2; }
/*link*/
#life .right { width:250px; }
#life .link { position:relative; right:-10px; background:#2F2E78; display:block; height:20px; width:230px; margin-bottom:10px; text-align:right; padding:5px; color:#fff; }
/*aside*/
#life #aside { float:right; width:240px; margin:0 0 10px 10px;}
#life #aside .head { background:#2F2E78;
 color:#fff;}
#life #aside a { color:#fff;}
#life #aside p { background-color:#cac7b2;
 color:#2F2E78;
 margin:0;
 padding:10px;}
#life #aside img { margin:0 10px 10px 0;}



#faculty .home a { background-image:url(faculty/logo-text.png); }
#faculty #header { background:url(faculty/logo.png); }
#faculty #banner { background-image:url(faculty/banner.png); }
#faculty #banner #banner2 { background-image:url(faculty/banner.jpg); }
#faculty #intro h2 { background-image:url(faculty/slogan.png); }
/* bg */
#faculty { background-color:#99cccc; }
#faculty #footer a { color:#000000; }
/* fg */
#faculty #banner, #faculty #footer { background-color:#669999; }
#faculty .first { color:#006633; }
/* bg light */
#faculty #intro { border-color:#669999; }
#faculty { color:#000000; }
/*aside*/
#faculty #aside { float:right; width:240px; margin:0 0 10px 10px;}
#faculty #aside .head { background:#669999;
 color:#fff;}
#faculty #aside a { color:#fff;}
#faculty #aside p { background-color:#cac7b2;
 color:#6d723f;
 margin:0;
 padding-left:10px;
 padding-top:10px;}
#faculty #aside img { margin:0px 10px 10px 0px;} 



#curriculum .home a { background-image:url(curriculum/logo-text.png); }
#curriculum #header { background:url(curriculum/logo.png); }
#curriculum #banner { background-image:url(curriculum/banner.png); }
#curriculum #banner #banner2 { background-image:url(curriculum/banner.jpg); }
#curriculum #intro h2 { background-image:url(curriculum/slogan.png); }
/* bg */
#curriculum { background-color:#336699; }
#curriculum #footer a { color:#336699; }
/* fg */
#curriculum #banner, #curriculum #footer { background-color:#83a7ba; }
#curriculum .first { color:#f68b20; }
/* bg light */
#curriculum #intro { border-color:#cac7b2; }
#curriculum { color:#cac7b2; }
/*aside*/
#curriculum #aside { float:right; width:240px; margin:0 0 10px 10px;}
#curriculum #aside .head { background:#83a7ba;
 color:#fff;}
#curriculum #aside a { color:#fff;}
#curriculum #aside p { background-color:#cac7b2;
 color:#6d723f;
 margin:0;
 padding:10px;}
#curriculum #aside a { color:#336699;
 text-decoration:none;}
#curriculum #aside img { margin:0 10px 10px 0;}
/*article*/
#curriculum #article .first a {
 color:#cccccc;
}




#year1 .home a { background-image:url(year1/logo-text.png); }
#year1 #header { background:url(year1/logo.png); }
#year1 #banner { background-image:url(year1/banner.png); }
#year1 #banner #banner2 { background-image:url(year1/banner.jpg); }
#year1 #intro h2 { background-image:url(year1/slogan.png); }
/* bg */
#year1 { background-color:#990000; }
#year1 #footer a { color:#990000; }
/* fg */
#year1 #banner, #year1 #footer { background-color:#cc9999; }
#year1 .first { color:#ffffff; }
/* bg light */
#year1 #intro { border-color:#cc9999; }
#year1 { color:#cac7b2; }
/*links*/
#year1 .right { width:250px; }
#year1 .link { position:relative; right:-10px; background:#cc9999; display:block; height:20px; width:230px; margin-bottom:10px; text-align:right; padding:5px; color:#fff; }
/*aside*/
#year1 #aside { float:right; width:240px; margin:0 0 10px 10px;}
#year1 #aside .head { background:#cc9999;
 color:#fff;}
#year1 #aside a { color:#fff;}
#year1 #aside p { background-color:#cac7b2;
 color:#990000;
 margin:0;
 padding:10px;}
#year1 #aside img { margin:0 10px 10px 0;}



#year2 .home a { background-image:url(year2/logo-text.png); }
#year2 #header { background:url(year2/logo.png); }
#year2 #banner { background-image:url(year2/banner.png); }
#year2 #banner #banner2 { background-image:url(year2/banner.jpg); }
#year2 #intro h2 { background-image:url(year2/slogan.png); }
/* bg */
#year2 { background-color:#336633; }
#year2 #footer a { color:#336633; }
/* fg */
#year2 #banner, #year2 #footer { background-color:#669966; }
#year2 .first { color:#cac7b2; }
/* bg light */
#year2 #intro { border-color:#669966; }
#year2 { color:#ffffff; }
/*links*/
#year2 .right { width:250px; }
#year2 .link { position:relative; right:-10px; background:#669966; display:block; height:20px; width:230px; margin-bottom:10px; text-align:right; padding:5px; color:#fff; }
/*aside*/
#year2 #aside { float:right; width:240px; margin:0 0 10px 10px;}
#year2 #aside .head { background:#669966;
 color:#fff;}
#year2 #aside a { color:#fff;}
#year2 #aside p { background-color:#cac7b2;
 color:#336633;
 margin:0;
 padding:10px;}
#year2 #aside img { margin:0 10px 10px 0; }



#year3 .home a { background-image:url(year3/logo-text.png); }
#year3 #header { background:url(year3/logo.png); }
#year3 #banner { background-image:url(year3/banner.png); }
#year3 #banner #banner2 { background-image:url(year3/banner.jpg); }
#year3 #intro h2 { background-image:url(year3/slogan.png); }
/* bg */
#year3 { background-color:#000000; }
#year3 #footer a { color:#000000; }
/* fg */
#year3 #banner, #year3 #footer { background-color:#999999; }
#year3 .first { color:#999999; }
/* bg light */
#year3 #intro { border-color:#999999; }
#year3 { color:#ffffff; }
/*links*/
#year3 .right { width:250px; }
#year3 .link { position:relative; right:-10px; background:#999999; display:block; height:20px; width:230px; margin-bottom:10px; text-align:right; padding:5px; color:#fff; }
/*aside*/
#year3 #aside { float:right; width:240px; margin:0 0 10px 10px;}
#year3 #aside .head { background:#999999;
 color:#fff;}
#year3 #aside a { color:#fff;}
#year3 #aside p { background-color:#cac7b2;
 color:#000000;
 margin:0;
 padding:10px;}
#year3 #aside img { margin:0 10px 10px 0;}



#correspondence .home a { background-image:url(correspondence/logo-text.png); }
#correspondence #header { background:url(correspondence/logo.png); }
#correspondence #banner { background-image:url(correspondence/banner.png); }
#correspondence #banner #banner2 { background-image:url(correspondence/banner.jpg); }
#correspondence #intro h2 { background-image:url(correspondence/slogan.png); }
/* bg */
#correspondence { background-color:#999999; }
#correspondence #footer a { color:#fff; }
/* fg */
#correspondence #banner, #correspondence #footer { background-color:#000000; }
#correspondence .first { color:#000000; }
/* bg light */
#correspondence #intro { border-color:#000; }
#correspondence { color:#ffffff; }
/*aside*/
#correspondence #aside { float:right; width:240px; margin:0 0 10px 10px;}
#correspondence #aside .head { background:#000;
 color:#fff;}
#correspondence #aside a { color:#fff;}
#correspondence #aside p { background-color:#cac7b2;
 color:#000000;
 margin:0;
 padding:10px;}
#correspondence #aside img { margin:0 10px 10px 0;}
#correspondence a { color:#fff; }



#night .home a { background-image:url(night/logo-text.png); }
#night #header { background:url(night/logo.png); }
#night #banner { background-image:url(night/banner.png); }
#night #banner #banner2 { background-image:url(night/banner.jpg); }
#night #intro h2 { background-image:url(night/slogan.png); }
/* bg */
#night { background-color:#999999; }
#night #footer a { color:#fff; }
/* fg */
#night #banner, #night #footer { background-color:#000000; }
#night .first { color:#000000; }
/* bg light */
#night #intro { border-color:#000; }
#night { color:#ffffff; }
/*aside*/
#night #aside { float:right; width:240px; margin:0 0 10px 10px;}
#night #aside .head { background:#000;
 color:#fff;}
#night #aside a { color:#fff;}
#night #aside p { background-color:#cac7b2;
 color:#000000;
 margin:0;
 padding:10px;}
#night #aside img { margin:0 10px 10px 0; }
#night a { color:#fff; }


#graduation .home a { background-image:url(graduation/logo-text.png); }
#graduation #header { background:url(graduation/logo.png); }
#graduation #banner { background-image:url(graduation/banner.png); }
#graduation #banner #banner2 { background-image:url(graduation/banner.jpg); }
#graduation #intro h2 { background-image:url(graduation/slogan.png); }
/* bg */
#graduation { background-color:#330033; }
#graduation #footer a { color:#330033; }
/* fg */
#graduation #banner, #graduation #footer { background-color:#996699; }
#graduation .first { color:#ffffff; }
/* bg light */
#graduation #intro { border-color:#cac7b2; }
#graduation { color:#cac7b2; }
/*aside*/
#graduation #aside { float:right; width:240px; margin:0 0 10px 10px;}
#graduation #aside .head { background:#996699;
 color:#fff;}
#graduation #aside a { color:#fff;}
#graduation #aside p { background-color:#cac7b2;
 color:#330033;
 margin:0;
 padding:10px;}
#graduation #aside img { margin:0 10px 10px 0;}



#apply .home a { background-image:url(apply/logo-text.png); }
#apply #header { background:url(apply/logo.png); }
#apply #banner { background-image:url(apply/banner.png); }
#apply #banner #banner2 { background-image:url(apply/banner.jpg); }
#apply #intro h2 { background-image:url(apply/slogan.png); }
/* bg */
#apply { background-color:#000000; }
#apply #footer2 a { color:#000000; }
/* fg */
#apply #banner, #apply #footer2 { background-color:#ffffff; }
#apply .first { color:#ffffff; }
/* bg light */
#apply #intro { border-color:#cac7b2; }
#apply { color:#cac7b2; }
/*links*/
#apply .right { width:250px; }
#apply .link { position:relative; right:-10px; background:#ffffff; display:block; height:20px; width:230px; margin-bottom:10px; text-align:right; padding:5px; color:#fff; }
/*aside*/
#apply #aside { float:right; width:240px; margin:0 0 10px 10px;}
#apply #aside .head { background:#ffffff;
 color:#fff;}
#apply #aside a { color:#000000;}
#apply #aside p { background-color:#cac7b2;
 color:#000000;
 margin:0;
 padding:10px;}
#apply #aside img { margin:0 10px 10px 0;}
/*article*/
#apply #article {
 color:#cccccc;
}
#apply #article a{
 color:#666666;
}
.hide {
  display:none;
}

object {
  width:450px;
  height:250px;
}

#banner #banner2 {
  position:relative;
}

#text-why, #text-video, #text-steps {
  cursor:pointer;
  position:absolute;
  text-indent:-9999px;
  margin:0;
}

#text-why {
  top:60px;
  right:10px;
  width:255px;
  height:35px;
  background:url(/images/home-text_why.png);
}

#text-video {
  top:70px;
  left:55px;
  height:22px;
  width:256px;
  background:url(/images/home-text_video.png);
}

#text-steps {
  bottom:10px;
  left:55px;
  width:393px;
  height:35px;
  background:url(/images/home-text_steps.png);
}

#why {
  position:absolute;
  bottom:10px;
  left:55px;
  width:230px;
  height:280px;
  background:url(/styles/common/white80.png);
  font-size:11px;
  overflow-y:scroll;
}

#why div {
  padding:0 10px 10px 10px;
}

#disomma, #leask {
  cursor:pointer;
  position:absolute;
  bottom:0;
}

#disomma span, #leask span {
  position:absolute;
  bottom:10px;
  left:30px;
  color:white;
  font-size:12px;
  font-weight:bold;
}

#disomma {
  right:0; /* wierd offset by -1px */
  height:221px;
  width:221px;
  background:url("/images/home-disomma.jpg") 1px 0 no-repeat;
}

#leask {
  right:220px; /* wierd offset by -1px */
  height:221px;
  width:228px;
  background:url("/images/home-leask.jpg");
}

#video {
  position:absolute;
  top:100px;
  left:55px;
}
