html { /*Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/*******************************************
COLOURS  ETC
#E6E6E6 - Light Grey
#ABABAB - Mid Grey
#333333 - Dark Grey
#017DC3 - AIPM Blue
*******************************************/

/*******************************************
RESET
*******************************************/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote { 
    margin:0; 
    padding:0; 
}

img {border: 0 none; margin: 0; padding: 0;}

table  {border-collapse: collapse;}

/*******************************************
GLOBALS
*******************************************/

html {height: 100%; width: 100%;}

body {  
    
    width: 100%;
    text-align: center;
    font: 10pt Arial, Helvetica, sans-serif;
    color: #333333;}

a:link,
a:visited {color: #017DC3;}

a:hover,
a:active {color: #333;}    

td {
    font: 10pt Arial, Helvetica, sans-serif;
    color: #333;}
th {
    font: 10pt Arial, Helvetica, sans-serif;
    color: #333;
	font-weight:strong;
	text-align:left;}	
	
p {    
    font: 10pt Arial, Helvetica, sans-serif;
    color: #333;}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal; 
    color: #017DC3;
    margin: 10px 0; } 
    
h1 {font-size: 14pt;}
h2 {font-size: 14pt;}
h3 {font-size: 13pt;}
h4 {font-size: 13pt;}
h5 {font-size: 12pt;}
h6 {font-size: 10pt;}

h1.special, 
h2.special, 
h3.special, 
h4.special, 
h5.special, 
h6.special {
    font-weight: normal; 
    color: #017DC3; 
    border-bottom:1px solid #ABABAB;
    background: url(../images/header-bg.gif) 25% left no-repeat;
    text-indent: 20px;}    

.frameheading span {display: block;}
.title {
    display: block;
    color: #017DC3; 
    background: url(../images/title_bullet3.gif) 0px 3px no-repeat;
    text-indent: 20px;
    font-size: 14pt;
    margin-bottom: 5px;}

	.print {
    display: block;
    color: #017DC3; 
    border-bottom:1px solid #ABABAB;
    xbackground: url(../images/print.gif) 25% right no-repeat;
    xtext-indent: 20px;
    xfont-size: 16px;
    xmargin-right: 10px;}

.formErrorStyle {
	color:#cc0033;
	}
                    

/*******************************************
DEFAULT STYLES
*******************************************/



#bodyB {background: url(../images/body-bg.gif) top left repeat-x;}

    #bodyC {padding: 30px 30px 30px 51px;}
	
	#containertableHeader{
		margin: 5px auto 0 auto;
		width: 960px;
		height: 195px;}
	
		#containertableHeader img {display: block;}
                

			#loginTop {
				background: url(../images/loginTopBorder.gif) top left no-repeat #D8E2E4; 
				width: 215px;
				height: 195px;}
			
			#loginBox {
				color:#017DC3;
				font-size: 10pt;
				text-align: left;
				padding: 40px 10px 0 10px;}
				
			#loginBox label {
				display: block;}
				
			#loginBox .textbox {
				border: 1px solid #0F80C4;
				font-size: 10pt;
				width: 180px;
				height: 16px;
				margin-bottom: 3px;}
			             
			#loginBox .button {
				color: #fff;
				text-align: left;
				padding-left: 10px;
				width: 90px;
				height: 22px;
				background: url(../images/loginButton.jpg) right #017DC3;
				border: 0 none;
				margin: 10px 0 0 0;
				position: relative;
				left: 94px;
				cursor: pointer;}
				
			#loginBox #logout { 
				background: url(../images/logOffButton.jpg) right #017DC3;}

				
			#tablelogin{font-size: 10pt;
				color:#00a0d9;}
			
			#searchCell {
			background: url(../images/TopNavBack.jpg) top left repeat-x #0075b5;
			height: 30px;
			vertical-align: middle;
			text-align: left;}
			
			#searchBox {
				border: 1px solid #fff;
				background-color: #fff;
				width: 210px;
				position: relative;
				left: 15px;}
				
				#search {
					border: 0 none;
					margin: 0;
					padding: 0;
					width: 194px;
					float: left;
					height: 21px;}
					
				#ie6only #search {
					width: 192px;}
					
				#searchButton {
                    padding: 0 0 0 10px;
                    margin: 0;
                    border: 0 none;
					color: #fff;
					text-align: left;
					width: 15px;
					height: 21px;
					background: url(../images/searchButton.jpg) center right #017DC3;
					cursor: pointer;
					position:relative;
					left: 1px;}
					
				#ie6only #searchButton {
					left: 0;}
			/*
			#searchBox .textbox {
				margin: 0;
				width: 120px;
				height: 18px;}
			
			
	*/
	#containertableContent{
		margin: 0 auto 20px auto;
	 	background: url(../images/rightPanelBack.jpg) top left repeat-x #fff;
		width: 945px;
		position: relative;
		left: 5px;
		color: #333333;}
	

        #containerBg {background: url(../images/container-bg-repeat.gif) top left;}
        
            #containertable {
                width: 100%; 
                text-align: left; 
                background: url(../images/container-bg.gif) top left repeat-x;}
            
                #ie7andup #containertable,
                #ie6only #containertable  {width: auto;}
                    
                        
                #shadowR {
                    width: 21px;
                    margin: 0; 
                    padding: 0;
                    background: url(../images/shadow-right-2.gif) top right repeat-y;}
                
                    #shadowA {
                        position: relative; 
                        top: -2px;}
                    
                #tcontent {padding: 0 10px;}

						#bannerTr{margin:0px 0px 10px 0px;}

							
						
									
				#ContentLeft {
				 	background: url(../images/rightPanelBack.jpg) top left repeat-x #fff;
					width: 345px;
					padding-top:10px;
					vertical-align: top;
					margin-top:0px;
					}
					
					#ContentLeftWizard {
						width: 345px;
						margin:0px 8px 0 0;
						
						}		
				 
				 	.wizardBg {background-color: #A6D3EA;}
				 
					#wizardpic{
						width: 150px;
						padding: 10px;
						font: 10pt Arial, Helvetica, sans-serif;
						color:white;
						text-align: left;
						background: url(../images/magPicBack.jpg) top left repeat-x  #027DC3;
						}
			#LeftWizard {
				background-color: #DEE3E7;
				}
					
			#wizard1 {
						height:201px;
						width:156px;
						background: url(../images/mag_border.gif) top left no-repeat  #027DC3;}
					}
					
					#wizardText{
						width: 155px;
						padding-left: 10px;
						padding-top: 10px;
						padding-right: 10px;
						font: 12pt Arial, Helvetica, sans-serif;
						text-align: left;
						xvertical-align:text-top;
						background: url(../images/magTextBack.jpg) top left repeat-x  #F8FAF9;}
						
					#wizardtxt1{
						font: 12pt Arial, Helvetica, sans-serif;
						color: #007ABD;
						text-align:left;
						padding:5px;
						}
					
					#wizardtxt2{
						font: 10pt Arial, Helvetica, sans-serif;
						color:black;
						padding:5px;
						text-align:left;
						align:top;
						color: #333333;
						}		
					
					#tophonours {
						padding-top: 10px;}
					
						.topCorner {
							background: url(../images/roundCornerBlueTop.jpg) top right no-repeat #A6D3EA; 
							float: left; 
							padding: 0;}
							
						.bottomCorner {
							background: url(../images/roundCornerBlueBottom.jpg) bottom right no-repeat ; 
							padding: 0 15px 0 0; 
							float: left; 
							margin: 0;}
							
					#leftMenu {
						text-align: left;
						width: 330px;}
						
						#leftMenu .topCorner {margin-top: 10px;}
				
					#ContentMiddle {
					 	background: url(../images/leftPanelBack.jpg) top left repeat-x #F8F9FB;
						padding: 0 5px;
						margin:0;
						width:355px;
						vertical-align: top;}
									
					#ContentMiddleTable {
						margin-top: 10px;
						width: 355px;}
									
					#newsheadings{  
						padding: 10px 10px 10px 10px;
					    font: 18pt Arial, Helvetica, sans-serif;
					    color: #007ABD;
						font-weight:strong;
						text-align:left;}	
				 .newsDate {
	                font-size: 8pt; 
        	        color: #999;}
						
				   #news,
				   #events {
					   	width: 345px;
						background: url(../images/topRightCornerWhite.jpg) 340px -5px no-repeat #fff;
						text-align:left;
						padding: 10px;}
						
					#news {
						padding: 0;
						overflow: hidden;
						}
				
				#wizardNews {
					width: 355px;}
				
					.wizardNewsItem {
						width: 355px;
						padding: 10px;
						height:20px;}
					
						.wizardNewsItem p {margin-bottom: 18px;}
						
						.titleLink {
							font-weight: bold;}
						
						.authorDetails {
							font-style: italic;
							font-size:8pt;
							}
						
						.moreLink {
							}
											
						#firstNewsItem {
							border-bottom: 5px solid #e5eaed;
							}

						#fixedNewsHeight {
							overflow: hidden;
							height:145px;
						}
							
						.wizardNewsImage{
							margin: 0 10px 18px 0;
							float: left;
							width: 119px;}
							
						.wizardNewsContent {
							width: 200px;
							margin-bottom: 18px;
							float: left;
							overflow: hidden;}
				
				
				#spacerLeft {width: 9px;}

				 #ContentRight{
				 	background: url(../images/leftPanelBack.jpg) top left repeat-x #F8F9FB;
					padding:20px 0 0 0;
					width: 210px;
					vertical-align: top;}	  
									
				
				 #pagecontent{
				 	width:80%; 
					xmargin:20px auto; 
					overflow: hidden;}
				 
				 #pagecontentcontainer{ padding: 5px 0px 5px 3px;
				 				    margin:10px 10px 10px 10px;
								    font: 10pt Arial, Helvetica, sans-serif;
								    color:black;
									text-align:left;}	
									
					#lineLeft {width: 20px;}
                    
                    .lineRight {
                        width: 20px;
                        border-left: 1px solid #fff;}
                    
                    #main {
                        background-color: #fff; 
                        padding: 20px;}
                        
                        #main p {margin: auto;}
                        
                        #main li {margin: auto auto auto 15px; padding: auto;}
						
                     
	#containertableFooter{
		margin: 20px auto;
		width: 960px;}	

                   .footer {background-color: #333;}

                    #footerDefault,
                    #footerDefault td { 
                        color: #fff;
                        font: 10px/18px Arial, Helvetica, sans-serif;
                        background-color: #333;}
                    
                        #iconsNav li {display: inline; margin: 0 5px;}
                        
                      #footerNav{
					  	background: url(../images/footerBack.jpg) top left repeat-x #fff;
			             height: 50px;
						 line-height: 50px;
						 margin-left:15px;}
								 
						
						#footerNav ul {
							margin: 0 ; 
							padding: 0; 
							list-style-type: none; 
							list-style-image: none; }
							
							#footerNav li {
								display: inline; 
								padding: 5px 5px 5px 5px;
								color: black;
								font-size: 8pt;}
							
							#footerNav a {
								text-decoration:none; 
								border-bottom: 2px solid #ccc;
								color: black;
								font-size: 8pt; }
							
							#footerNav a:hover {color: purple; }          
        
    
/*******************************************
HOME SPECIFIC
*******************************************/ 


#menuSpacer {height: 20px; line-height:20px; font-size: 0;padding: 0;margin: 0;}

#homeLeft {width: 375px;}   

    #pic {margin: 0 0 10px 0;}  
    
    #newsBody table td {padding-right: 4px;}
    
    #sections {
        background: url(../images/sections-bg.gif) bottom left #E6E6E6;
        
       }    
        
        #sectionsList img,
        #sectionsList li  {
            line-height: 0; 
            font-size: 0;
            cursor: pointer;}
        
        #sections ul {list-style-type: none; margin: 0; padding: 0;}
            
        #sectionsList li:hover,
        #sectionsList a:hover {cursor: pointer;} 
        
        
    #magazine {
        height: 90px;
        width: 345px;}

#homeRight {
    background-color: #E6E6E6;
    padding: 0 10px;}      
     
    #sponsorsBody {text-align: center;}       
    

/*******************************/
/*    Thirdgen Forms            */
/*******************************/

#data_field_15462 {
	color:blue;
	font-weight:bold;
} 

.generalForm {
	border:#e5eff8 1px solid;
}

.generalForm th {
	border:#e5eff8 1px solid;
	xborder-left:#e5eff8 1px solid;
	padding: 0.3em 1em;
	text-align:center;
	background:#f4f9fe;
	font-weight:bold;
	font-size:14px;
	color:#66a3d3;
}

.generalForm td {
	padding:0.3em 1em;
	border:#e5eff8 1px solid;
	xborder-left:#e5eff8 1px solid;
	color:#678197;
}

#label_field_15484 {
	font-weight:bold;
}


#poll {
	width: 330px;
	background: url(../images/poll_backgrd.gif) bottom left;
}       

.pollHref {
	white-space:nowrap;
	font-size:10px;
	padding-bottom:2px;
}             

#pollTable {
	width:300px;
}



/************************************************************* 
		TOP MENU 
*************************************************************/
#homeIcon {
	position:relative;
	bottom:4px;
}

#navTable {
		width: 960px;
		margin: 5px auto 0 auto;
		position: relative;
		left: 13px;
		z-index: 3;
		
		}
		
#ie8only #navTable {
	left: 12px;}

#primaryMenu {
	background: url(../images/TopNavBack.jpg) top left repeat-x #0075b5;
	height: 30px;
	vertical-align: top;
	width:728px;}

/* Root = Horizontal, Secondary = Vertical */
ul#primary {
    margin: 0;
    border: 0 none;
    padding: 0;
    xwidth: 800px; /*For KHTML*/
    list-style: none;    
    height: 26px;
    display: block !important;
    display: inline;
}

#ie6only ul#primary {
    margin-right: 20px;
}

ul#primary li {
    padding: 0 20px 0 0;
    margin: 4px 0 0 0;
    float: left; /*For Gecko*/
    width: auto;
    display: block;
    position: relative;
    height: 20px;
    color: #09C;
    font: bold 12px/18px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    xtext-indent: 20px;
}

ul#primary li.lastLi {border: 0 none;}

ul#primary #navSelected {font-weight: bold; color: #C00;}

ul#primary #navSelected a {font-weight: bold; color: #C00;}

ul#primary #navSelected li:hover,
ul#primary #navSelected li.iehover,
ul#primary #navSelected li:hover a,
ul#primary #navSelected li.iehover a {}

ul#primary ul {
    margin:0;
    padding: 0px 0 0 0;
    min-width: 180px !important;
    width: auto;
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #005E92;  
    text-align: left; 

}

#ie6only ul#primary ul {
    width: 160px;}
    

ul#primary ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
	
}

ul#primary ul li {
    margin:0;
    padding: 20px 0 0 0;
    width: 180px;
    height: 20px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    /*display: inline; For IE*/
    background-color: #005E92;
    text-align: left;
    border: 0 none;
    margin: 0px 0;
	border-bottom:1px solid #A6A6A6;
	}


/* Root Menu */
ul#primary a {
    border: 0 none;
    padding:0;
    margin:0;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: inline;
    color: #fff; 
    font:bold 12px/18px Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    text-align: center;
    width: auto; 
}

/*ul#primary ul li {padding-top: 5px;}*/

/* Root Menu Hover Persistence */
ul#primary li:hover,
ul#primary li.iehover {
    cursor: default; 
    color: #FFD307;
 }

ul#primary li:hover a,
ul#primary li.iehover a {
    color: #FFD307;
    background: none;
}


/* 2nd Menu */

ul#primary li:hover li,
ul#primary li.iehover li {
    color: #FFF;
    padding: 3px 0 3px 20px;
    text-indent: -20px;

}
ul#primary li:hover li a,
ul#primary li.iehover li a {
    color: #FFF;
    background: none;
    padding: 3px 0 3px 20px;
    text-indent: -20px;
}

/* 2nd Menu Hover Persistence */

ul#primary li:hover li:hover,
ul#primary li:hover li:hover ,
ul#primary li.iehover li:hover,
ul#primary li.iehover li.iehover,
ul#primary li:hover li:hover a,
ul#primary li:hover li:hover a,
ul#primary li.iehover li:hover a,
ul#primary li.iehover li.iehover a {
    background-position: 2px 2px;
    padding: 3px 0 3px 20px;
    text-indent: -20px;
    color: #FFD307;
	
}



/* ---------------------------------------------------------------- */
/* 3rd Menu */
ul#primary li:hover li:hover li a,
ul#primary li.iehover li.iehover li a {
  float: none;
  xbackground: #EEE;
  color: #EEE;
  
  
}

/* 3rd Menu Hover Persistence */
ul#primary li:hover li:hover li a:hover,
ul#primary li:hover li:hover li:hover a,
ul#primary li.iehover li.iehover li a:hover,
ul#primary li.iehover li.iehover li.iehover a {
  xbackground: #CCC;
  color: #FFD307;
}

/* 4th Menu */
ul#primary li:hover li:hover li:hover li a,
ul#primary li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#primary li:hover li:hover li:hover li a:hover,
ul#primary li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFD307;
}

ul#primary ul ul,
ul#primary ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#primary li:hover ul ul,
ul#primary li:hover ul ul ul,
ul#primary li.iehover ul ul,
ul#primary li.iehover ul ul ul {
  display: none;
}

ul#primary li:hover ul,
ul#primary ul li:hover ul,
ul#primary ul ul li:hover ul,
ul#primary li.iehover ul,
ul#primary ul li.iehover ul,
ul#primary ul ul li.iehover ul {
  display: block;
}