@media all {/*MARKUP
/***********************************************************************************************************************************************************************
  MARKUP - resets all browsers 'base' css to this one
***********************************************************************************************************************************************************************/

body, input, select, textarea  {color:#333; line-height:normal;}
body,div,h1,h2,h3,h4,h5,h6,p,hr,form,fieldset,input,textarea,select,blockquote,th,td,dl,dt,dd,ul,ol,li,pre {margin:0; padding:0;}
table, input, select, textarea, button {vertical-align:middle; font-size:100%;}

html                 {padding:0; margin:0; font-size:100%;}
body                 {font-size:0.80em; line-height:1.35em; font-family:Arial, Helvetica, sans-serif; background:url('CmsImages/images/bg_body.jpg') repeat-x;}
acronym              {border:none; border-bottom:1px dotted #603; cursor:help;}
abbr                 {border:none; border-bottom:1px dotted #603; cursor:help;}
caption              {text-align:left; font-weight:bold;}
hr                   {height:1px; clear:both; width:inherit; border:none; border-top:1px solid #ccc; margin:10px 0;}
p+hr                 {margin:-10px 0 10px 0;}
q:before, blockquote:before, q:after, blockquote:after    {content:'';} 
script               {width:100%; height:1px; display:block; overflow:hidden; visibility:hidden; float:left;}/*Probs with Saf, Op & Ffox with display:table-cell*/		
                     .IE6 script, .IE7 script {display:none;} 
img                  {outline:none; border:0;}																											
/*address,cite,code,dfn,var,caption,em,strong,th{font-style:normal;font-weight:normal;}*/


/* site specific markup
***********************************************************************************************************************************************************************/
q, blockquote              {margin:0.75em 2em 1.5em 2em; font-family:Georgia, "Times New Roman", Times, serif; color:#2D353B;}
ul, ol                     {margin:0.75em 2em 1.5em 3em;}
ul ul, ol ul, ol ol, dl ul, dl ol        {margin:0 2em 0.1em 2em;}
dl                         {margin:0.75em 0 1.5em 0;}
dt                         {margin:1.5em 0 0 0; font-size:1em; font-weight:bold;}
hr                         {border-top:1px solid #ccc;}
h2                         {font-size:1.8em; margin:10px 0 0 0; color:#7F9BB8; text-transform:lowercase; font-weight:normal; padding-bottom:5px; border-bottom: solid 1px #7F9BB8;}
h3, h4                     {font-size:1.2em; color:#3F5E85; text-transform:lowercase;}
h5, h6                     {font-size:1em;} 
p                          {margin:0.75em 0 1.5em 0;}
a                          {color:#024997; text-decoration:underline;}
a:hover, a:active, a:focus {color:#6B747B; text-decoration:none;}

}


@media all {/*NAV*/
/***********************************************************************************************************************************************************************
  NAV controls the main layout for every page. Generally are in order as seen on the screen on from top to bottom, left to right
***********************************************************************************************************************************************************************/
.wrapper                   {position:relative; padding:111px 0 0 0;}			
.setwidth                  {width:960px; margin:0 auto; padding:0 5px; position:relative;}							
#accessibiltylinks         {position:absolute; top:-999em;}
#navheader                 {position:relative; height:0; overflow:visible;}

h1                         {vertical-align:middle; height:100%!important;}
h1 a                       {position:absolute; left:0; top:-142px; width:501px; height:108px; background:url('CmsImages/images/logo_im.jpg');}  .IE8 h1 a  {top:-160px;}  
h1 strong                  {position:absolute; left:100px; top:-100px; width:216px; height:62px; } 
h1 strong span             {display:none;} 
h1 a em                    {display:none;}
#navheader p strong        {display:none;}
#main                      {padding:10px 0 20px 0; min-height:45em;} .IE6 #main {height:35em;}


/* navtop 
***********************************************************************************************************************************************************************/
#navtop                    {padding:5px 0; border-bottom:1px solid #fff; background:#003871 url('CmsImages/images/bg_grad_dark.gif') repeat-x center;}
#navtop ul                 {color:#7F9BB8;}
#navtop li                 {list-style-type:none; display:inline;}
#navtop a                  {text-decoration:none; font-weight:normal; color:#fff; padding:0 5px;}
#navtop a:hover, #navtop a:active, #navtop a:focus    {color:#7F9BB8; text-decoration:underline;}
#navtop img                {margin:0; border:0;}
#colour                    {border-top:2px solid #FDCE28;}


/* footer
***********************************************************************************************************************************************************************/
#navfooter                 {clear:both; text-align:center; color:#666; padding:9px 0 3px 0; font-size:0.9em; background:url('CmsImages/images/bg_drpsh.jpg') repeat-x;}
#navfooter ul              {margin:0 auto; padding:0; font-size:1.1em; }
#navfooter li              {list-style-type:none; display:inline;}
#navfooter a               {color:#939CA4; text-decoration:none; padding:0 5px; margin:0;}
#navfooter a:hover, #navfooter a:focus, #navfooter a:active {color:#024997; text-decoration:underline;}

.keep{}}


@media all {/*GLOBAL*/
/***********************************************************************************************************************************************************************
 GLOBAL  controls the more general items & things that are specific to certain pages 
***********************************************************************************************************************************************************************/
.printheader              {position:absolute; top:-1000px;}
.clear                    {clear:both;}
.nowrap                   {white-space:nowrap;}
.hidden                   {display:none;}
.error                    {color:#990000;}
.alignleft                {text-align:left!important;}
.alignright               {text-align:right!important;}
.aligncenter              {text-align:center!important;}
img.alignleft             {float:left!important; margin:0 10px 10px 0;}
img.alignright            {float:right!important; margin:0 0 10px 10px;}
.TextboxMed, .TextboxSmall,
.TextboxLarge, .multiline              {padding:2px 3px; border:1px solid #cecece; background:url('CmsImages/images/bg_search.gif');}
.TextboxLarge             {width:30em;}
.TextboxMed               {width:20em;}
.TextboxSmall             {width:5em;}
.multiline                {width:30em; height:10em;}

.Percent100               {width:100%;}
.drpsh                    {height:10px; background:url('CmsImages/images/bg_drpsh.jpg') repeat-x;}

.table                    {margin:0 0 1px 0; border:1px solid #7F9BB8;}
.table caption            {margin:0; padding:8px 5px; font-size:1.6em; color:#fff; text-transform:lowercase; font-weight:normal; width:90%;
                           background:#7F9BB8 url('CmsImages/images/bg_grad_pale.gif') repeat-x center;}
.Firefox3 .table caption    {width:90%;}
.IE8 .table caption    {width:90%;}
.AppleMAC-Safari5 .table caption     {width:90%;}


.table th                 {padding:2px 5px 2px 5px; text-align:left; background:#D4E3F4; border:1px solid #fff;}
.table td                 {padding:1px 10px 1px 0;}
.button                   {border-style: none;border-color: inherit;border-width: medium;color:#fff;     padding:1px 2px;     font-size:1.2em;     text-transform:lowercase;     -webkit-border-radius:4px;     -moz-border-radius:4px; background:#003871 url('CmsImages/images/bg_grad_dark.gif') repeat-x center;}


.keep{}}


@media print  {/*PRINT
/***********************************************************************************************************************************************************************
 PRINT Is last in cascade & therefore overwites any previous css.
***********************************************************************************************************************************************************************/
#navtop , #navmain, #navside, #navleft, #navright, #navfooter, #designedby, #accessibiltylinks, #colour
                           {display:none;}

*                          {color:#000; background:none!important;}							
.printheader               {position:absolute; top:0; left:0;}
#main, #content            {display:block; position:absolute; left:0; top:0; width:16cm; padding:0; margin:0; border:none;}
hr.clear                   {border:1px solid #fff!important;}


.keep{}}








/*	MESSAGES   ***************************************************************************************************************/
.success
{
	border: 1px dotted #fff;
	background: url('CmsImages/images/success.png') #ddf2b0 no-repeat 5px 5px;
	padding: 5px 5px 5px 70px;
	display: block;
	color: #426D09;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 10px;}	 
.errorsummary
{
	border: 1px solid #FFCC66;
	background: url('CmsImages/images/error.png') #ffff99 no-repeat 5px 5px;
	padding: 5px 5px 5px 70px;
	display: block;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 120%;}
.errorsummary li
{
	list-style-type:none ;}
.errorstar
{
    border: 1px solid #fc6;
    background: #Ff9;
    padding: 0 10px 0 10px;
    color: #000;
    font-size: 1.3em;}
.information
{
    background-position: 5px 5px;
    border: #336699 1px solid;
    background: #CFE0F1 url('CmsImages/images/information.png') no-repeat 5px 5px;
    padding: 5px 5px 5px 70px;
    display: block;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 120%;}





.divcontent { margin-left:450px;}


.ballsdiv { display:none;}
.ballsdiv img {float: left; margin-right: 15px; margin-bottom: 50px;}
 
/* tooltip styling
.tooltip {
	display:none;
	z-index:10000;
	background-color:#333;
	width:400px;	
	min-height:150px;
	border:1px solid #666;
	color:#fff;
	padding:10px;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
  
.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
	margin-top:-10px;
} */
/* close button positioned on upper right corner
.tooltip .close {
	background-image:url('CmsImages/images/close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
 */



/*form validation*/
.field-validation-error		{color: #c05843;}
.input-validation-error		{border: 1px solid #c05843;background-color: #eddbd5;}
.validation-summary-errors	{font-weight: bold;color: #c05843;}

.validationsummary	{background: #eddbd5 url(CmsImages.Core/icon-wrong.gif) 10px center no-repeat;display: block;
								border: 1px solid #c05843;padding: 10px 10px 10px 45px;width: 75%;margin: 10px;}
.infosummary			{background: #C2D4DB url(CmsImages.Core/icon-info.gif) 10px center no-repeat;display: block;
								border: 1px solid #7CA2B1;padding: 10px 10px 10px 45px;width: 75%;margin: 10px;}
.oksummary				{background: #e6ebc2 url(CmsImages.Core/icon-ok.gif) 10px center no-repeat;display: block;
								border: 1px solid #8da330;padding: 10px 10px 10px 45px;width: 75%;margin: 10px;}


/*CMS SPECFIC TAGS DO NOT RENAME KEEP AT BOTTOM*/
.adminEdit			{position:relative; float:left; top:0; height:32px; width:24px; z-index:50001;padding:0;margin:0;}
.adminEdit img		{padding:0;margin:0;}
.adminEdit span	{width:70px; background:#fff; border:1px solid #333; text-align:left; font-size:11px; padding:4px; top:20px; position:absolute; z-index:99999; display:none;}
.adminEdit a		{text-decoration:none; padding:2px; border:none; left:0; top:0; margin:0; font-size:11px;}
.adminEdit a:hover{left:0; top:0;}
.adminEdit hr		{border: 0;width: 100%;height:1px; color:#FFF;background-color: #444;}