/* www.templeworld.com */

*{ margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}
body{ text-align:center; font-size:1em; color:#666666; } 

p, ul, ol{ margin-bottom:10px;}
ul, ol{ margin-left:1em;}
h1 {font-size:23px; margin-bottom:15px; color:#666;}
h2 {font-size:18px; margin-bottom:10px; color:#666;}
a { color:#CC0000; text-decoration:none;}
a:hover { color:#CC0000; text-decoration:underline;}
img{ border:none;}

#container{ width:1000px; margin:0 auto; text-align:left; border:1px solid white;}

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

#header{ float:left; padding:10px 15px 15px 15px; font-weight:bold;  clear:both;}
#header .left{ width:210px;}
#header .left img{ display:block;}
#header .middle{ width:420px;}
p.strapline{ margin-bottom:3px; padding-top:17px; font-size:18px; word-spacing:0.015em; color:#CC0000;}
p.strapline2{ margin-bottom:0; font-size:11px; color:#666; text-transform:uppercase; word-spacing:0.3em;}
p.strapline2 span{ color:#CC0000; }
p.telephone{ color:#999; font-size:22px; float:right; padding-top:17px;}

#header .right{	width:340px; ; }
#header .search{ clear:both; float:right; color:#999; font-size:11px; width:100%; text-align:right;}
#srchBox{ padding:1px 2px 1px 25px; background:url(/common/images/srch.gif) #FFF no-repeat 4px 4px; color:#999;  border:1px solid #999;}
#srchSubmit{ border:none; background:url(/common/images/go.gif) no-repeat 50% 50%; color:#FFF; font-weight:bold; font-size:10px; padding:7px 3px 4px 3px;}




#main{ width:100%; float:left; min-height:600px; clear:both; }
#main .left,#main .right,#footer .left,#footer .right{ width:220px; padding:0 15px 15px 15px;}
#footer .middle{ width:470px; padding:0 15px 15px 15px; }

#main .banner img{max-width:720px;}
#main .banner{ float:left; margin:0 0 15px 0;}
#main .middle { width:720px; padding:0 15px 15px 15px;}

#main .middle .content{ width:490px; float:left; font-size:14px; color:#888;}
#main .middle .right{ width:215px; float:left;  padding:0; padding-left:15px;}

#main.landing{}
#main.landing .left,#main.landing .middle,#main.landing .right{ width:320px;}

#footer{width:100%; line-height:17px; padding-top:20px; min-height:125px; float:left; background:url(/common/images/grad-footer.gif) #9A9A9A repeat-x; color:#FFF; font-size:11px;}
#footer .left{}
#footer .middle{ text-align:center; }
#footer .telephone{ float:none; color:#FFF; padding-top:7px; font-weight:bold;}
#footer .right img{}

#nav{ width:1000px; float:left;  clear:both; background:#999; }
#nav ul {margin-left:0; }
#nav ul li{ float:left; background:url(/common/images/nav-bar.gif) no-repeat;  color:#FFF;  list-style:none; font-size:12px; font-weight:bold;}
#nav ul li.first{ margin-left:0;}
#nav ul li.first.selected{ }
#nav ul li a{ display:block; padding:8px 30px; word-spacing:0.044em; color:#FFF; background:#999; margin-left:1px; text-decoration:none;}
#nav ul li a:hover{ background:#838182;}
#nav ul li.selected a{ background:url(/common/images/arrow-nav.gif) no-repeat #838182 50% 0;}

#nav-left{ font-size:13px; }
#nav-left dt{font-size:14px; color:#CC0000; font-weight:bold;}
#nav-left ul{margin-left:0;}
#nav-left li{ list-style:none;  border-top:1px solid #D6D6D6;}
#nav-left li a{ display:block; text-decoration:none; padding:3px 3px 3px 15px; background:url(/common/images/arrow-nav-grey.gif) no-repeat 5px 8px; color:#838182;}
#nav-left li.selected a, #nav-left li a:hover{ padding:3px 3px 3px 15px; background:url(/common/images/arrow-nav-red.gif) no-repeat 5px 8px; color:#CC0000;}
#nav-left p{ margin-left:15px;}

#nav-left dt a{padding-top: 17px; padding-bottom:10px; display:block;}
#nav-left dt.oxford a{ padding-left: 50px; background:url(/common/images/alumni/logos/bg-oxford.gif) no-repeat 0 8px;}
#nav-left dt.cambridge a{ display:block; padding-left: 50px; padding-top: 17px; padding-bottom:10px; background:url(/common/images/alumni/logos/bg-cambridge.gif) no-repeat 0 8px;}


#nav-breadcrumb{ width:100%; float:left; clear:both; padding-top:6px; padding-bottom:19px; }
#nav-breadcrumb ul{margin-left:-10px; padding-left:0; margin-bottom:0;}
#nav-breadcrumb li{ list-style:none; float:left; font-size:11px;}
#nav-breadcrumb li a{ display:block; text-decoration:none; padding:3px 3px 3px 10px; color:#838182; background:url(/common/images/arrow-sml-grey.gif) no-repeat 5px 9px;}
#nav-breadcrumb li.first a{ background:none;}
#nav-breadcrumb li.selected a, #nav-breadcrumb li a:hover{ color:#CC0000; background:url(/common/images/arrow-sml-red.gif) no-repeat 5px 9px; }

#nav-utility{}

#nav-footer{ }

/*touts*/

.tout{ background:url(/common/images/grad-grey.gif) repeat-x #FFF; border:1px solid #CCC; padding:10px 14px; padding-bottom:0; font-size:12px; margin-bottom:15px;}
.tout h2{ font-size:17px; margin-bottom:7px; width:100%; border-bottom:1px solid #666;}
.tout h3{ font-size:14px; margin-bottom:2px}
.tout img{ margin-bottom:5px; border: 1px solid #ccc;}
.tout p{ margin-bottom:6px; line-height:18px;}
.detail{ border-top:1px solid #CCC; padding-top:5px;}
.tout a.lnk{ padding-left:5px;}

#main .middle .content.wide{ width:100%;}
#main .middle .content p, #main .middle .content dd, #main .middle .content ul, #main .middle .content ol { line-height:21px;}
#main .middle .content dt{ font-weight:bold;}
#main .middle .content dd{ margin-bottom:10px;}
#main .middle .content img{ clear:both; float:left; margin:0 10px 10px 0; border:1px solid #CCC;}
#main .middle .content h2{ width:100%; float:left; clear:both;}

.tabs ul { display:block; float:left; width:100%; margin:10px 0 15px 0; border-bottom:1px solid #CC0000;}
.tabs ul li{ display:block; float:left; background:#f4f4f4; border:1px solid #CCC; border-bottom:none; margin-right:3px;}
.tabs ul li.selected a, .tabs ul li a{ display:block; padding:6px 10px; color:#000; text-decoration:none; font-weight:bold;}
.tabs ul li.selected, .tabs ul li.selected a, .tabs ul li a:hover{ background:#999; color:#FFF;}

.tab-content{ padding:0 10px 10px 10px;}

ul.links{ margin:0 0 15px 0;}
ul.links li{ list-style:none; line-height:16px; padding-bottom:8px;}