#container {width:780px;margin:0 auto;text-align:left;background:#FFF;overflow:hidden;} /* fixes width and centers entire site */

/* level 1 red menubar */
#nav1 {width:auto;color:#FFF;background:#900;padding:4px 0px 4px 10px;font-size: 1.1em;}
#nav1 a{color:#FFF;}
#nav1 a:hover{color:#000;text-decoration:none;}

/* level 2 and 3 black menubars */
#nav2 {width:auto;margin:0px;color:#FFF;background:#000;padding:4px 0px 4px 10px;font-size: 1em;}
#nav2 a{color:#FFF;}
#nav2 a:hover{color:#99c;text-decoration:none;}
#nav2alt {height:8px;background:#000;font-size: 1em;}/* black bar underneath main nav1 bar when no links e.g. home page */

#nav3 {width:auto;margin:0px;color:#FFF;background:#000;padding:0px 0px 4px 10px;font-size: 1em;}
#nav3 a{color:#FFF;}
#nav3 a:hover{color:#99c;text-decoration:none;}

/* main content box, everything between nav bars and footer*/
#content {color:#000;padding:10px;}
#content2{height:300px;color:#000;padding:10px;}

/* various box sizes to control content */
#left100 {float:left;width:100%;}

#left77 {float:left;width:77%;padding-right:10px;margin:0 0 10px 0;}
#right77 {float:left;width:77%;padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left70 {width:70%;padding-right:10px;margin:0 0 10px 0;}
#right70 {float:left;width:70%;padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left65 {float:left;width:65%;padding-right:10px;margin:0 0 10px 0;}
#right65 {float:left;width:65%;padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left60 {float:left;width:60%;padding-right:10px;margin:0 0 10px 0;}
#right60 {float:left;width:60%;padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left55{float:left;width:55%; padding-right:10px;margin:0 0 10px 0;}
#right55{float:left;width:55%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left50{float:left;width:50%; padding-right:10px;margin:0 0 10px 0;}
#right50{float:left;width:50%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left47{float:left;width:47%; padding-right:10px;margin:0 0 10px 0;}
#right47{float:left;width:47%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left45{float:left;width:45%; padding-right:10px;margin:0 0 10px 0;}
#right45{float:left;width:45%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left40{float:left;width:40%; padding-right:10px;margin:0 0 10px 0;}
#right40{float:left;width:42%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left35{float:left;width:35%; padding-right:10px;margin:0 0 10px 0;}
#right35{float:left;width:34%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left30{float:left;width:32%; padding-right:10px;margin:0 0 10px 0;}
#mid30{float:left;width:30%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}
#right30{float:left;width:32%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#left25{float:left;width:25%; padding-right:10px;margin:0 0 10px 0;}
#mid25{float:left;width:25%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}
#right25{float:left;width:25%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#right20{float:left;width:20%; padding-left:10px;margin:0 0 10px 0;border-left:1px solid #ccc;}

#example{}
#example img{margin-left:5px;}

#leftalt{float:left;width:250px;padding-left:40px;}
#rightalt{float:left;width:250px;}

/* footer */
#footer {color:#FFF;text-align:center;background:#000;padding:4px 0px 4px 0px;clear:left;}
#footer a{color:#FFF;}
#footer a:hover{color:#99c;text-decoration:none;}

/* div box for window contining higher resolution images from showcase section */
#highres{text-align:center;margin-top:10px;width:100%;height:100%;}

/* moves link to top right of content div, e.g. back button on faq pages */
#back{position:absolute;top:3px;right:5px;}

/* home page big numbers */
#bigger{float:left;font-size:5em; font-family:Arial, Helvetica, sans-serif; font-weight:900;margin-bottom:-5px;}
#big{float:left;font-size:3.2em; font-family:Arial, Helvetica, sans-serif; font-weight:300;margin-bottom:-5px;}

/* Showcase */
	/* graphics,photography pages (note different content divs)*/
#gcontent{float:left;width:760px;background:url(/ct/images/gback.jpg);padding:10px;}
#pcontent{float:left;width:760px;background:#1c1c1c;padding:10px;color:#ccc;}
#gnav{float:left;width:160px;height:350px;overflow:auto;overflow-x:hidden;scrollbar-base-color:#000;scrollbar-arrow-color:#669;scrollbar-face-color:#000;scrollbar-3dlight-color:#000;scrollbar-highlight-color:#333;scrollbar-shadow-color:#333;scrollbar-darkshadow-color:#000;}
#gnav p{margin:0 0 0 5px;}
#gnav img{margin:2px 0 0 0;}
#gmain{float:left;border-left:1px solid #900;height:auto;padding-left:10px;width:580px;}
#gmain p{margin:0 0 0 10px;}
#gmain img{float:left;}
#gtext{float:left;margin:0;clear:both;width:100%;}
#gtext p{margin:5px 0 0 5px;}
	/* animation,documentary and film pages */
#acontent{float:left;background:#1c1c1c;color:#FFF;width:780px;background:url(/ct/images/mback.gif) repeat-y;}
#acontent a{color:#FFF;}
#acontent a:hover{color:#669;}
#anav{float:left;width:220px;overflow:auto;overflow-x:hidden;scrollbar-base-color:#000;scrollbar-arrow-color:#669;scrollbar-face-color:#000;scrollbar-3dlight-color:#000;scrollbar-highlight-color:#333;scrollbar-shadow-color:#333;scrollbar-darkshadow-color:#000;height:360px;padding:10px;}
#amain{float:left;width:540px;height:auto;padding-top:20px;text-align:center;}
#aextra{padding-top:20px;}
.selectimg{border-bottom:6px solid #900;}
.alink{float:left;margin:0 0 5px 0;}
	/* music page */
#mcontent{float:left;width:780px;background:url(/ct/images/mback.gif) repeat-y;color:#999;}
#mnav{float:left;width:160px;border-right:1px solid #000;overflow:auto;overflow-x:hidden;scrollbar-base-color:#000;scrollbar-arrow-color:#669;scrollbar-face-color:#000;scrollbar-3dlight-color:#000;scrollbar-highlight-color:#333;scrollbar-shadow-color:#333;scrollbar-darkshadow-color:#000;height:360px;padding:10px;}
#mmain{float:left;width:580px;text-align:center;padding-top:20px;}
#mtop{height:100px;width:580px;margin:0 auto;padding-top:20px;text-align:center;}
#mtop h4{margin:0px 0px 15px 5px;}
#mbottom{text-align:left;}
.mlist{margin:0 auto;width:340px;}
.m1{margin:0 auto;width:170px;}
.m2{float:left;width:170px;}


/* themed headers */
#header01{height:150px;width:780px;margin:0;background:url(/ct/images/01.jpg);}
#header02{height:150px;width:780px;margin:0;background:url(/ct/images/02.jpg);}
#header02 #gif{background:url(/ct/images/02.gif);height:54px;width:65px;position:relative;top:0px;left:715px;}
#header03{height:150px;width:780px;margin:0;background:url(/ct/images/03.jpg);}
#header04{height:150px;width:780px;margin:0;background:url(/ct/images/04.jpg);}
#header04graphics{height:150px;width:780px;margin:0;background:url(/ct/images/04graphics.jpg);}
#header05{height:150px;width:780px;margin:0;background:url(/ct/images/05.jpg);}
#header05a{height:150px;width:780px;margin:0;background:url(/ct/images/05a.jpg);}
#header06{height:150px;width:780px;margin:0;background:url(/ct/images/06.jpg);}
#header07{height:150px;width:780px;margin:0;background:url(/ct/images/07.jpg);}
#header07 #flash{height:55px;width:37px;position:relative; top:63px; left:488px;}
#header08{height:150px;width:780px;margin:0;background:url(/ct/images/08.jpg);}
#header09{height:150px;width:780px;margin:0;background:url(/ct/images/09.jpg);}
#header10{height:150px;width:780px;margin:0;background:url(/ct/images/10.jpg);}
#header11{height:150px;width:780px;margin:0;background:url(/ct/images/11.jpg);}
#header12{height:150px;width:780px;margin:0;background:url(/ct/images/12.jpg);}
#header13{height:150px;width:780px;margin:0;background:url(/ct/images/13.jpg);}
#header13 #gif{background:url(/ct/images/13.gif);height:48px;width:57px;position:relative;top:22px;left:484px;}
#header13 #gif2{background:url(/ct/images/13a.gif);height:47px;width:20px;position:relative;top:-26px;left:714px;}
#header14{height:150px;width:780px;margin:0;background:url(/ct/images/14.jpg);}
#header15{height:150px;width:780px;margin:0;background:url(/ct/images/15.jpg);}
#header16{height:150px;width:780px;margin:0;background:url(/ct/images/16.jpg);}

/* specific body id related styles */
/* active nav1 links e.g. <body id="research"> */
#courses #nav1 .courses a,
#showcase #nav1 .showcase a,
#podcast #nav1 .podcast a,
#subjectareas #nav1 .subjectareas a,
#research #nav1 .research a,
#links #nav1 .links a,
#forum #nav1 .forum a,
#contact #nav1 .contact a{background:#000;color:#FFF;border:4px solid #000;padding: 0 10px 0 10px;}