/* Reset
______________________________________________ */

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,
address,pre,cite,code,dfn,abbr,acronym,kbd,
a,samp,img,ins,i,b,u,strike,small,big,font,
tt,q,dl,dt,dd,ul,ol,li,applet,object,iframe,
form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;
margin:0;padding:0;border:0;outline:0;
font-weight:normal;font-style:normal}

:focus{outline:0;}
img{display: block;}
li{list-style:none}

body {
font: 62.5%/1.5 arial, helvetica, verdana, sans-serif;
color: #222;
background-image: url(../images/bg.gif);
background-repeat:repeat-y;
background-position:center top;
background-color:#f5f5f5}




/* Main Structure
______________________________________________ */

#wrapper{
width:945px;
margin: 0 auto;}

#header{
height:171px;
position:relative}

#primary-navigation{
width:930px;
margin-bottom:36px;
padding:8px 0px 8px 15px;
background-image: url(../images/menu-bg.gif);
border-bottom:11px solid #006161}

#secondary-navigation{
width:240px;
float:left;
margin-bottom:90px}

#page-holder{
float:left;
width:705px}

#home-strip{
height:240px;
margin-bottom:36px;
width:945px;}

#page-strip{
height:240px;
margin-bottom:36px;
width:705px}

#content{
margin-bottom:90px}

#footer{
clear:both;
background:#f5f5f5;
height:180px;
position:relative;
margin-bottom:36px}




/* Header
______________________________________________ */

#header #eeats-logo{
float:left;
width:276px;
height:78px;
margin-top:50px;
margin-left:10px;
display:inline}

#header #eeats-logo a{
display:block;
width:100%; 
height:100%; 
background:  url(../images/eeats-logo.gif);
text-indent:-9999px;
background-repeat:no-repeat}

#header #sponsor-search{
float:right;
width:225px;
margin-top:50px}

#header #sponsor-search #header-search{
width:190px;
float:left}

#header #sponsor-search img.sponsor{
float:right;
margin-right:30px;
margin-bottom:15px;
display:inline}

#header #sponsor-search .submit{
float:left;}




/* Primary Navigation
______________________________________________ */

#primary-navigation ul{
width:800px;
float:left;}

#primary-navigation ul li{
float:left;
margin-right:15px}

#primary-navigation ul li a{
color:#fff;
font-weight:bold;
text-decoration:none}

#primary-navigation a.current-page{
color:#000}

#log-in{
float:right;
margin-right:15px;
display:inline}

#log-in a{
font-size:1.2em;
color:#fff;
text-decoration:none;}


/* Secondary Navigation
______________________________________________ */

#secondary-navigation ul{
width:200px;
margin-top:0px;
margin-bottom:20px;
border-top:1px solid #b3b3b3}

#secondary-navigation ul li{
border-bottom:1px solid #b3b3b3}

#secondary-navigation ul li a{
color:#006161;
font-weight:bold;
font-family:arial;
text-decoration:none;
display:block;
padding:7px 0px 7px 10px;
width:190px}

#secondary-navigation ul li a:hover{
background:#f8f8f8;}

#secondary-navigation a.current-page{
background:#f5f5f5;
color:#000}




/* Home & Page Strip
______________________________________________ */

#home-primary-image{
height:240px;
width:705px;
background-color:#f1f1f1;
background-image: url(../images/left-corners.gif);
background-repeat:no-repeat;
float:left;
margin-right:15px;
position:relative}

#images{
position:absolute;
bottom:0px;
left:20px;
height:270px;
width:250px;
overflow:hidden}

#home-primary-image #text-area{
position:absolute;
top:30px;
left:300px;
width:350px;
height:210px;
overflow:hidden}

#home-quote{
display:block;
width:350px;
height:80px;
background:  url(../images/home-quote.gif);
text-indent:-9999px;
background-repeat:no-repeat;
margin-bottom:18px}

#page-primary-image{
height:240px;
width:465px;
background-color:#f1f1f1;
background-repeat:no-repeat;
float:left;
margin-right:15px;
position:relative}

#page-primary-image img.person{
position:absolute;
bottom:0px;
right:0px}

#strip-links{
float:left;
width:225px;
height:240px}

#strip-links .top,
#strip-links .bottom{
width:225px;
height:120px;}

#strip-links .top a{
display:block;
width:100%; 
height:100%; 
background:  url(../images/side-button-register.gif);
text-indent:-9999px;
background-repeat:no-repeat}

#strip-links .bottom a{
display:block;
width:100%; 
height:100%; 
background:  url(../images/side-button-view.gif);
text-indent:-9999px;
background-repeat:no-repeat}




/* Content
______________________________________________ */

#primary-content{
float:left;
width:435px;
padding-right:30px;
position:relative}

#primary-content #page-summary{
position:absolute;
top:-260px;
left:20px;
width:230px;
height:210px}

#primary-content #page-summary p{
font-size:1.5em}

#latest-news{
float:left;
width:210px;
padding-right:15px;
padding-left:14px;
border-left:1px solid #b3b3b3}

#latest-news h2{
width:210px;
position:relative}

.news-date{
font-weight:bold;
color:#006161}

.rss-icon{
position:absolute;
top:4px;
right:0px}

#events{
float:left;
width:225px;
padding-left:14px;
border-left:1px solid #b3b3b3}

#events h2{
width:225px;
position:relative}

.news_item,
.events_item{
border-bottom:1px solid #b3b3b3;
margin-bottom:18px}

#register-as{
border-top:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
padding:15px 0px 10px 15px;
width:300px}

#register-as p{
margin-bottom:5px}

.course_material{
border-top:1px solid #b3b3b3;
padding-top:18px}

.news_item h2 span,
.events_item h2 span{
font-weight:normal;
font-size:12px}



/* Footer
______________________________________________ */

#partner-logos{
position:absolute;
top:20px;
left:20px;
width:225px;}

#partner-logos #nhs-logo,
#partner-logos #sedig-logo{
float:left;
width:60px;
height:60px;
margin-right:27px}

#partner-logos #nhs-logo a{
display:block;
width:100%; 
height:100%; 
background:  url(../images/nhs-scotland-footer-logo.gif);
text-indent:-9999px;
background-repeat:no-repeat}

#partner-logos #sedig-logo a{
display:block;
width:100%; 
height:100%; 
background:  url(../images/sedig-logo.gif);
text-indent:-9999px;
background-repeat:no-repeat}

ul#footer-links{
position:absolute;
top:20px;
right:20px;
width:225px}

ul#footer-links a{
font-size:1.1em;
margin-left:15px;
color:#999;
text-decoration:underline}

ul#footer-links li.rhino-credit{
padding-top:9px;
}

ul#footer-links li.rhino-credit a{
text-decoration:none}



/* Test
______________________________________________ */

.test_section{
border-bottom:1px solid #b3b3b3;
margin-bottom:24px;
padding-bottom:24px}

.scenario{
margin-bottom:27px}

.scenario p{
font-weight:bold}


.question{
margin-bottom:12px}

.question p{
margin-bottom:9px}

.test_radio{
margin-bottom:27px;
font-size:1.2em}

.test_radio input{
margin-right:12px}




/* Clearing
______________________________________________ */

#primary-navigation:after,
#primary-navigation ul:after,
#content:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#primary-navigation,
#primary-navigation ul,
#content{
zoom: 1;}




/* Table & Form
______________________________________________ */

table{
font-size:1.1em;
margin-bottom:6px;
font-family:verdana}

table a{font-size:1em}

td{padding-bottom:12px}

input.register-input{
width:200px;
border:1px solid #999;
padding:4px}




























































h1, h2, h3, h4, p{
margin-bottom:15px;
font-size:1.8em;
color:#07baba;
font-weight:bold;}

p{font-size:1.2em;
color:#333;
margin-bottom:18px;
font-weight:normal}

a{font-size:1.2em;
color:#07baba}

p a, h1 a, h2 a{
font-size:1em}

h2 a{
text-decoration:none;
font-weight:bold}

#primary-content ul,
#primary-content ol{margin-bottom:18px}

#primary-content ul li{
font-size:1.2em;
list-style:disc;
margin-bottom:9px;
margin-left:15px}

#primary-content ol li{
font-size:1.2em;
list-style: decimal;
margin-bottom:9px;
margin-left:15px}

.nav-access {
position: absolute;
top: -9999em;
left: -9999em}