/****

healthcare republic re-design

main blue = #0B3A8A
border blue = #869EC6
light blue  = #5485B5
grey = #DFDFDF
box bg = #F4F2F1


****/

html, body {
margin: 0; padding: 0; border: 0;
scrollbar-face-color: #5485B5;
scrollbar-highlight-color:#CCCCCC; 
scrollbar-shadow-color: #999999; 
/*scrollbar-3dlight-color: #FFFFFF; */
scrollbar-arrow-color: #0B3A8A;
scrollbar-track-color: #5485B5; 
/*scrollbar-darkshadow-color: #680F15; */
scrollbar-base-color: #000000;

}

body {
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E5EAF5;
}

a:link {
	color: #0B3A8A;
	font-weight:normal;
	text-decoration:none;
}
a:visited {
	color: #0B3A8A;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
	color: #0B3A8A;
	font-weight:normal;
	text-decoration:underline;
}
a:active {
	color: #0B3A8A;
	font-weight:normal;
	text-decoration:none;
}


.txt {
	font-family: Verdana, Arial,  sans-serif;
	font-size: 10px;
}

h1{
	font-family:Myriad Pro Semibold, Verdana, Arial, sans-serif;
	font-size: 18px;
	color:#0B3A8A;
	text-transform: none;
	margin: 0px;
	padding: 3px;
}

h2{
	font-family:Myriad Pro Semibold, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#0B3A8A;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
}

h3{
	font-family:Myriad Pro Semibold, Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#0B3A8A;
	margin-left: 0px;
	padding: 5px;
	font-weight: bold;
}




hr{
height: 1px;
color: #0B3A8A;
width: 97%;
}


p {
margin: 0px;
padding: 3px;
}


#outerContainer{
margin: 0px auto;
width:808px;
background-image: url(../images/shadowBG.jpg);
}

#container
{
width: 791px;
background-color: #FFFFFF;
color: #000000;
border: 0px solid #0B3A8A;
margin: 0px 8px 0px 8px;
}

#popouterContainer{
margin: 0px auto;
width:450px;
background-image: url(../images/shadowBG.jpg);
}

#popcontainer
{
width: 433px;
background-color: #FFFFFF;
color: #000000;
border: 0px solid #0B3A8A;
margin: 0px 8px 0px 8px;
}

#content
{
padding: 0px;
margin: 0px 0px 0px 0px;
min-height: 340px;
}

* html #content{
height: 340px;
}

#admin_content{
margin: 10px;
}

#home_content
{
padding: 3px;
margin: 0px 0px 0px 0px;
/*position:relative;
top:0px;
left:0px;*/
}

#framecontent
{
width: 380px;
/*min-height:300px;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:#FFFFFF;

}

.surveybox{
color:#000000;
background-color:#FFFFFF;
margin: 0px;
padding:0px;
font-size: 10px;
}

.welcome{
text-align: center;
}

.eventTitle{
	clear:both;
	color: #0B3A8A;
	padding: 0px;
	height:30px;
	text-align:center;
}

.eventTitle h1{
	color: #0B3A8A;
	font-size:22px;
	font-weight:bold;
}


.infobox{
color:#000000;
background-color:#FFFFFF;
margin: 5px;
padding:0px;
}

.inner-infobox{
color:#000000;
background-color:#FFFFFF;
margin: 0px;
padding:0px;
}

#promoWindow{
margin: 23px 0px 0px 33px;
}

.homeVid{
width: 348px;
height: 270px;
background-image: url(../images/homeVidBG.jpg);
padding: 0px 0px 0px 0px;
/*position:relative;
top:0px;
left:0px;*/
}

#HomeVidText{
width: 330px;
color: #0B3A8A;
text-align: center;
margin:14px 0px 0px 0px ;
}

.regform{
width: 400px;
margin: 10px 0px 10px 160px;
}

#loginBox{
	width: 390px;
	height: 230px;
	background-color: #FFFFFF;
	padding: 20px;
	/*position:absolute;
	top: 50px;
	left: 5px;

	z-index:5;
	display:none;*/
	background-image: url(../images/loginBG.jpg);
	float: left;
}
/*
* html body #loginBox{
	margin-left:-435px;
	margin-top:-47px;
}
*/

.scroll{
overflow:auto;
}

.outline{
border: 1px solid #CCCCCC;
}

.underline{
border-bottom: 1px solid #EBEBEB;
}

.positioned{
position: relative;
top:0px;
left:0px;
}

.centerd{
text-align:center;
}

.BGcolour{
background-color:#EBEBEB;
}

.colour{
color: #0B3A8A;
}

.smallText{
font-size: 10px;
}

.smallErrorText{
font-size: 10px;
color: Red;
}

.holder{
margin: 5px;
}

.largetext{
font-size:14px;
}

.paging{
margin: 0px;
width: 250px;
float: left;
}

.holderLeft{
width:427px;
padding: 0px;
margin: 5px 0px 5px 10px;
float: left;
}

/* for IE 6*/
* html .holderLeft{
margin-left: 5px;
}

.holderLeft img{
float:left;
width:140px;
height: 90px;
margin: 5px;
border: 1px solid #0B3A8A;
background-color:#CCCCCC;
}

.infoboxLeftTop{
background: url(../images/headBarLeft.png) no-repeat;
width:427px;
height:28px;
padding: 0px;
margin: 0px;
}

.infoboxLeftTop h2{
padding: 6px  0px 0px 8px;
font-size: 14px;
}

.infoboxLeftProgramme{
width:425px;
min-height:255px;
padding: 0px;
margin: 0px;
background-color: #F4F2F1;
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #869EC6;
}


/* for IE 6 */
* html .infoboxLeftProgramme{
height:130px;
}

.infoboxLeftArchive{
width:425px;
min-height:642px;
padding: 0px;
margin: 0px;
background-color: #F4F2F1;
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #869EC6;
}

/* for IE 6 */
* html .infoboxLeftArchive{
height:130px;
}

.infoboxLeft p, h3{
margin: 0px 3px 3px 3px;
}

.infoboxLeftBottom{
background: url(../images/boxBottomLeft.png) no-repeat;
width:427px;
height:16px;
padding: 0px;
margin: 0px;
}

.holderRight{
width:332px;
padding: 0px;
margin: 5px 10px 5px 0px;
float: right;
}

/* for IE 6*/
* html .holderRight{
margin-right: 5px;
}

.infoboxRightTop{
background: url(../images/headBarRight.png) no-repeat;
width:332px;
height:28px;
padding: 0px;
margin: 0px;
}

.infoboxRightTop h2{
padding: 6px  0px 0px 8px;
font-size: 14px;
}

.infoboxRightPoints{
width:330px;
min-height:255px;
padding: 0px;
margin: 0px;
background: url(../images/fadeBG.png) no-repeat;
background-color: #F4F2F1;
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #869EC6;
}

/* for IE 6 */
* html .infoboxRightPoints{
height:225px;
}

.infoboxRightHelp{
width:330px;
min-height:642px;
padding: 0px;
margin: 0px;
background: url(../images/fadeBG.png) no-repeat;
background-color: #F4F2F1;
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #869EC6;
}

/* for IE 6 */
* html .infoboxRightHelp{
height:225px;
}

.infoboxRight p{
margin: 0px 3px 3px 3px;
}

.textboxRight{
width: 265px;
float: right;
}

.infoboxRightBottom{
background: url(../images/boxBottomRight.png) no-repeat;
width:332px;
height:16px;
padding: 0px;
margin: 0px;
}



.flashBox{
position:relative;
top:0px;
left:0px;
margin: 0px;
z-index:0;
}

#questions{
/*padding: 50px 0px 0px 0px;*/
/*text-align:center;*/
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
width:350px;
height:200px;
background-color: #FFFFFF;
border: 0px solid #666666;
}

#questionSmall{
width: 320px;
height: 80px;
/*border: 1px solid #AE86AE;
background-color:#8CA2C9;*/
font-size: 10px;
}

#questionSmall td{
font-size: 10px;
}

#options{
float:right;
width: 183px;
height:23px;
color: #FFFFFF;
margin: 34px 6px 0px 0px;
padding: 7px 0px 0px 10px;
line-height: 120%;
font-size: 12px;
font-weight: bold;
background-image: url(../images/joinBG.png);

}

#options a{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#options a:visited{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#options a:hover{
font-weight: bold;
color: #0B3A8A;
text-decoration: none;
}

.bottomlinks
{
margin: 0px auto;
width:791px;
padding : 5px 5px 5px 10px;
}

.textBox{
/*margin: 1px;
width: 100px;
text-align:right;*/
}


.to-left{
float:left;
}

.to-right{
float:right;
}

.photoHolder{
width:56px;
/*height: 56px;*/
border: 1px solid #852C58;
padding: 2px;
margin: 0px;
}

.photoHolder img{
width:54px;
/*height: 54px;*/
}

.form_button{
margin: 1px;
padding:2px 3px 2px 3px;
background-image: url(../images/buttonBG.jpg);
/*background-color: #F0F0F0;*/
border: 1px solid #0B3A8A;
font-family: Verdana, Arial,  sans-serif;
color: #0B3A8A;
font-size: 11px;
font-weight: normal;
overflow:hidden;
display:block;
/*text-transform:uppercase;*/
}

.button a{
margin: 1px;
padding:2px 3px 2px 3px;
background-image: url(../images/buttonBG.jpg);
/*background-color: #F0F0F0;*/
border: 1px solid #0B3A8A;
font-family: Verdana, Arial,  sans-serif;
color: #0B3A8A;
font-size: 11px;
font-weight: normal;
overflow:hidden;
display:block;
/*text-transform:uppercase;*/
}

.button a:hover{
margin: 1px;
padding:2px 3px 2px 3px;
text-decoration:none;
color: #5485B5;
background-image: url(../images/buttonBG_over.jpg);

}

.clear{
clear: both;
}

#form{
margin:0px;
padding:3px 0px 0px 0px;
}

.titleCell{
background-color:#0B3A8A;
color: #FFFFFF;
}

.rowDark{
background-color:#F8F8F8;
color: #0B3A8A;
/*border-bottom: 2px solid #FFFFFF;*/
}

.rowLight{
background-color:#FFFFFF;
color: #0B3A8A;
/*border-bottom: 2px solid #FFFFFF;*/
}

.bold{
font-weight: bold;
}

.red{
color: #0B3A8A;
}

.blue{
color: #CBDFF3;
}

/*.save{
   behavior:url(#default#savehistory);}
 */  
 
.dsphead{
   font-weight: bold;
   width: 700px;
   margin: 12px;
}
 
a.dsphead{
   text-decoration:none;
   font-weight: bold;
}

a.dsphead:visited{
   text-decoration:none;
   font-weight: bold;
}

a.dsphead:hover{
   text-decoration:none;
   font-weight: bold;
}

a.dsphead span.dspchar{
   font-family: Verdana, Arial,  sans-serif;
   font-weight:bold;
}

.dspcont{
   display:none;
   margin-left:0px;
}

.poweredByHolder{
width: 510px;
text-align:right;
float: left;
margin-top: 3px;
padding-top: 10px;
}

.lipHolder{
float: right;
width: 240px;
text-align:center;
margin-top: 3px;
font-size: 10px;
}

#footer
{
 clear: both;
 margin: 0px 0px 0px 0px ;
 padding: 10px;
 color: #000000;
 min-height:65px;
 background: url(../images/footerBG.png) repeat-x;
 background-color: #FFFFFF;
 border-top: 0px solid #0B3A8A;
 border-bottom: 1px solid #0B3A8A;
 text-align: center;
 font-size: 12px;
 font-weight: normal;
 text-transform: none;
}
/* for IE6 */
* html #footer  {
height:65px;
width: 770px;
}