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

body {  font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background:#e8eff3; }

.clear { clear:both;}

em { font-family:"Times New Roman", Times, serif;}

/* container */

#container { margin:0px auto;
width:1024px;
background:url(/assets/images/bg.jpg) repeat-y;}

#container #inner { padding:20px 50px 0px 40px;
/*background:url(/assets/images/feather.png) no-repeat 88.6% 100%;*/}

#feather { background:url(/assets/images/feather.png) no-repeat right;
width:693px;
height:530px;
float:right;
margin:-530px 50px 0 0;
position:relative;
z-index:1;}

#container #inner.holding { background:none;}

/* logos */
#container #inner img.tt-logo { float:left;}
#container #inner img.nhs-logo { float:right;}

/* main header image */

#container #inner .main-image { width:934px;
height:288px;
overflow:hidden;
margin:20px 0 0 0;}

/* navigation */

#container #inner ul#nav { font-size:72%;
margin:-10px 0 20px 0;
list-style:none;
position:relative;
z-index:2;
padding:0;
border-bottom:2px solid #e28c05;
background:url(/assets/images/nav-bg.jpg) repeat-x #0292ca;}

/* using the clearfix element on the nav */

#container #inner ul#nav:after { content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;}
 
html[xmlns] #container #inner ul#nav:after { display: block;}
 
* html #container #inner ul#nav:after { height: 1%;}

#container #inner ul#nav li { float:left;
padding:8px 15px 8px 16px;
margin:0;
border-right:1px solid #7ac2dc;
border-left:1px solid #4691ad;
background:url(/assets/images/nav-bg.jpg) repeat-x #0292ca;}

#container #inner ul#nav li.on { border-left:none;
border-right:1px solid #d78e12;
margin:-6px 0 0 0;
padding:12px 14px 10px 13px;
font-weight:bold;
background:url(/assets/images/on-bg.jpg) repeat-x #e28c05;}

#container #inner ul#nav li.last.on { padding:12px 16px 10px 17px;}

#container #inner ul#nav li.last { border-right:none;}

#container #inner ul#nav li a { color:#fff;
text-decoration:none;}

#container #inner ul#nav li a:hover { color:#b9d9e5;}

#container #inner ul#nav li.on a:hover { color:#fff;}

/* two column layout */

#container #inner .column { width:480px;
float:left;
border-right:1px solid #7b8fb1;
padding:0 20px 0 0;
margin:20px 0 0 0;}

#container #inner .column.right { width:415px;
border:none;
padding:0;
margin:20px 0 0 10px;}

#container #inner .column.half-right { width:300px;
border:none;
padding:0;
margin:20px 0 0 10px;}

#container #inner .column.bigger { width:600px;
float:left;
padding:0 20px 0 0;}

#container #inner .full { width:95%;
border-right:none;
padding:0 120px 20px 20px;}

#container #inner .column h1 { font-size:110%;
color:#01259f;
font-family:"Times New Roman", Times, serif;}

#container #inner .column h2 { font-size:100%;
color:#01259f;
font-family:"Times New Roman", Times, serif;}

#container #inner .column h3 { font-size:90%;
color:#01259f;
font-family:"Times New Roman", Times, serif;}

#container #inner .column p { font-size:74%;
line-height:18px;}

#container #inner .column ul, ol { line-height:18px;}

#container #inner .column ul ul { margin:0 0 0 20px;
padding:0;}

#container #inner .column li { font-size:74%;
padding:2px 0;
list-style:disc;}

#container #inner .column li li { font-size:100%;
list-style:disc;}

#container #inner .column a { text-decoration:none;
font-weight:bold;
color:#000;}

#container #inner .column a:hover { text-decoration:underline;}

/* boxes */

#container #inner .column .box { background:#dce3ee;
padding:8px;}

#container #inner .column .box.quote { background:url(/assets/images/quote-bg.png) repeat;
margin:10px 0 0 0;}

#container #inner .column .box.quote .quote-left { background:url(/assets/images/quote-left.png) no-repeat;
width:31px;
height:23px;
float:left;
margin:10px 0 0 10px;}

#container #inner .column .box.quote p.text { font-size:100%;
color:#013893;
line-height:22px;
background:url(/assets/images/quote-right.png) no-repeat 100% 100%;
padding:0 0 5px 0;
width:320px;
float:left;
margin:15px 5px 5px 10px;}

#container #inner .column .box.quote p.name { color:#334d78;
text-align:right;
font-style:italic;
font-size:74%;
margin:10px 20px;}

#container #inner .column .line { border-bottom:1px dashed #28419d;
margin:15px 0;}

#container #inner .column .box h2 { color:#313f46;
margin:10px 0 5px 0;
font-weight:bold;}

#container #inner .column .box p { color:#61757f;
font-size:70%;
margin:0;
padding:0;
line-height:14px;}

/* archive box */

#container #inner .column .box.archive { padding:0;
margin:0;}

#container #inner .column .box.archive ul { margin:0;
padding:0;
list-style:none;}

#container #inner .column .box.archive ul li.title { background:#aebbd0;
border-bottom:1px solid #4f72a9;
font-weight:bold;
padding:6px 10px;
color:#2f3c50;}

#container #inner .column .box.archive ul li { padding:5px 15px;
border-bottom:1px solid #e7ecf4;}

#container #inner .column .box.archive ul li a { color:#5e6e86;
text-decoration:none;
background:url(/assets/images/arrow.png) no-repeat center left;
padding:0 0 0 15px;}

#container #inner .column .box.archive ul li a:hover { text-decoration:underline;}

/* footer */

#container #inner #footer { border-top:1px solid #7b8fb1;
margin:10px 0 0 0;
position:relative;
z-index:2;}

#container #inner #footer ul { font-size:70%;
list-style:none;
margin:0;
padding:10px;
text-align:right;
clear:right;}

#container #inner #footer ul li { display:inline;
border-right:1px solid #212123;
padding:0 5px;}

#container #inner #footer ul li a { color:#212123;
text-decoration:none;}

#container #inner #footer ul li a:hover { text-decoration:underline;}

/* form styling */

#container #inner form { margin:20px 0;
border-top:1px dashed #0898ce;
border-bottom:1px dashed #0898ce;
padding:10px;}

#container #inner form label { font-size:72%;
width:150px;
float:left;
margin:0 0 5px 0;}

#container #inner form input { border:1px solid #2fb7e7;
font-size:74%;
padding:2px;
background:#e8f2f6;
width:250px;
margin:0 0 5px 0;}

#container #inner form textarea { border:1px solid #2fb7e7;
font-size:74%;
padding:2px;
background:#e8f2f6;
width:250px;
margin:0 0 5px 0;}

#container #inner form input.btn { background:url(/assets/images/btn-bg.jpg) repeat-x #e8f2f6;
font-weight:bold;
color:#1a82a8;
margin:0 0 0 150px;
width:255px;}

/* news page */

#container #inner .article { border-top:1px dashed #0898ce;
clear:right; }

#container #inner .article img.sm-thumb { width:100px;
height:100px;
overflow:hidden;
padding:5px;
background:#e8f2f6;
border:1px solid #2fb7e7;
float:right;
margin:0 5px 10px 5px;}

#container #inner .article a { font-weight:bold;
text-decoration:none;
color:#01259f;}

#container #inner .article a:hover { text-decoration:underline;}

#container #inner .article p.full { text-align:right;
position:relative;
z-index:2;}

a.cl.cl { color:#e28c05;}