/* CSS Practice Tack Document */

/**************** General Classes *****************/
body { margin: 0px; font-size: 12px; /* Font Size */ font-family: Arial, Helvetica, sans-serif; line-height: 14px;
	   color:#393939; background-color:#a3c6e7;}
	
.mainindent { margin-left: 70px; padding-right:40px; }
.formindent { margin-left: 30px; padding-right:40px; }
.demoindent { margin-left: 30px; padding-right:0px; }

p { margin: 0px 0px 20px 0px; padding: 0px; }
.small { font-size:11px;}
ul { margin-left: 0px; }
li { background-image: url(../images/icons/arrow-tiny-li.gif); background-repeat: no-repeat; background-position: left top; list-style-type:none; padding-left:12px; line-height: 20px; }

hr { width: 430px; margin: 0px 0px 10px 0px; } 

#links p { margin: 0px; padding: 0px; }

.large {font-size:14px; font-weight:bold; color:#135aba; margin-bottom: 5px;  }
.first { margin-top:10px; }
.colour { color:#a3c6e7; }
.small { font-size: 11px; }

.noGap { margin: 0px 0px 0px 0px; }

.xmas { color:#FF0000; }

a {	color:#1861a4; text-decoration:underline; border:none;}
a.noline {	color:#393939; text-decoration:none; border:none;}
a:link { color:#1861a4; }
a:visited { color:#1861a4; }
a:hover { color:#1861a4; text-decoration:none;}
a:active { color:#1861a4; }

a.white { color:#FFFFFF; }
a.white:link { color:#FFFFFF; }
a.white:visited { color:#FFFFFF; }
a.white:hover { color:#FFFFFF; text-decoration:none;}
a.white:active { color:#FFFFFF; }

a.links { font-size:11px;	color:#135aba; text-decoration:none; border:none;}
a.links:link { font-size:11px;	color:#135aba; text-decoration:none; border:none;}
a.links:hover {	font-size:11px; color:#003399; text-decoration:none; border:none;}


a.page:link {	color:#1861a4; text-decoration:none; border:none;}
a.page:hover {	color:#003399; text-decoration:none; border:none;}

h1 { margin: 10px 0px 0px 0px; font-size: 24px; font-weight: normal; color: #FFFFFF; height: 30px;
	text-transform:uppercase; border-left: 15px solid #71ade6; background-color: #468ac9; line-height: 30px;
	padding: 10px 10px 10px 10px; width: 695px; }

h2 { margin: 0px 0px 20px 0px; font-size: 20px; font-weight: normal; color:#468ac9;}
h3 { margin: 0px 40px 20px 70px; font-size: 20px; font-weight: normal; color:#468ac9; line-height: 18px;}
h4 { margin: 0px 0px 20px 0px; font-size: 20px; font-weight: normal; color:#135aba; line-height: 18px;}

h5 { margin: 10px 0px 0px 0px; font-size: 26px; font-weight: normal; color: #FFFFFF; height: 30px;
	text-transform:uppercase; border-left: 15px solid #71ade6; background-color: #468ac9; line-height: 30px;
	padding: 10px; width: 695px; }
	
.innerHeading { margin: 0px 0px 5px 0px; font-size: 20px; font-weight: normal; color:#135aba; line-height: 18px;}

#content h2 { margin: 0px 20px 20px 70px; font-size: 20px; font-weight: normal; color:#468ac9; display:block; line-height: 20px; }
#links h2 { margin: 0px 0px 20px 0px; font-size: 20px; font-weight: normal; color:#468ac9; padding-top:10px; }
#links h4 { margin: 0px 0px 5px 0px; font-size: 20px; font-weight: normal; color:#135aba; padding-top:10px; }

#backgroundImage { width: 100%; height: 100%; background-image: url(../images/bodybgtile.gif); background-repeat: repeat-x;
	background-position: top; background-color: #a3c6e7; }

#globalContainer { width: 730px; margin: 0px auto 0px auto; height:810px; background-image: url(../images/bodybg.gif);
	background-repeat: no-repeat; background-position: center top; padding: 10px 25px 10px 25px; }

/**************** Home - Contact - Login - Top of Page Classes *****************/

#topHeader  { width: 100%; height: 130px; text-align:right; padding-bottom: 10px; }

#topHeader p { margin: 0px 0px 20px 0px; padding: 0px; color:#000000; font-size:11px; }

#topHeader a { color:#000000; text-decoration:none; border:none;}
#topHeader a:link { color:#000000; }
#topHeader a:visited { color:#000000; }
#topHeader a:hover { color:#135795; text-decoration:none;}
#topHeader a:active { color:#000000; }



/**************** Bottom of Page Classes *****************/

#footer p { color:#FFFFFF; font-size:11px; }

#footer a {	color:#001b6e; text-decoration:none; border:none; font-size:11px; }
#footer a:link { color:#001b6e; }
#footer a:visited { }
#footer a:hover { color:#3189da; text-decoration:none;}

#footer { width:100%; }

#footprimary { float: left; margin: 0 0 0 0; padding: 0 10px 0 0; width:400px; text-align:left; }

#footsecondary { float: right; margin: 0 0 0 0; padding: 0 0 0 0; width: 300px; text-align:right; }

.navy { color:#001b6e; font-size:11px; }
/**************** Main Layout Classes *****************/

#topContent { width: 100%; }

#primary { float: left; margin: 0 0 0 0; width:500px; height:210px; background-color:#FFFFFF;
		   border-top: 10px solid #468ac9; border-bottom: 10px solid #468ac9; }

#secondary { float: left; margin: 0; width: 230px; height:100%; background-color:#FFFFFF; height:212px; }

.blueline { background-color:#468ac9; height:1px; margin: 2px 0px 2px 0px; }
.thickblueline { background-color:#3189da; height:10px; margin: 2px 0px 3px 0px; }

#mainContent { width: 100%; background-color:#FFFFFF; background-image: url(../images/maincontent-bg.jpg); 
 			   background-repeat: repeat-y; background-position: center top; border-top: 10px solid #FFFFFF;
				border-bottom: 10px solid #FFFFFF; min-height:320px; }

#content { float: left; margin: 0 0 0 0; padding: 30px 0px 0px 0px; width:505px; min-height:200px; background-color:#FFFFFF;
	background-image: url(../images/divider.gif); background-repeat: no-repeat; background-position: right top;
	min-height:450px;
	height:auto !important;
	height:450px;/*Needs to match the min height pixels above*/
	 }
#singleColumn { float: left; margin: 0 0 0 0; padding: 10px; width:710px; min-height:200px; }

#links{ float: right; margin: 5px 0 0 0; padding: 0px 20px 0px 10px; width:195px; }

.linkinfo { height:100%; }
.articles { margin-bottom:5px; padding: 0px 40px 0px 20px; }
.linkimages { text-align:center; margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; }
.border { padding: 1px; border: 1px solid #333333; }

.image { float: left; margin: 0 9px 3px 0; padding: 1px; border: 1px solid #333333; }
.img { float: left; margin: 0 9px 3px 0; border:none; }
.arrow { float: left; margin: 0 9px 20px 0; border:none; }
.icon { float: left; margin: 0 9px 3px 20px; border:none; }

.textFloat { margin-right: 50px; margin-left: 70px; padding-bottom:2px;}

img { border:none;}
.imgSpacer { margin: 0 0 10px 10px; }

/* =Sub page links
-----------------------------------------------------------------------------*/
  
.subNav a{ text-align:left; display: block; width: 230px; height: 29px; line-height: 32px; text-decoration: none;
  font-size:13px; text-indent: 35px; color: #001b6e; border:none; }

a.subNav:link, a.subNav:visited { background-image: url(../images/menu/button-bg.gif); background-repeat: no-repeat;
	background-position: left top; }

a.subNav:hover, a.subNav:active { background-position: right top; color:#71ade6;}

a.innerlink { color:#1861a4; line-height:25px; text-decoration:none; display:block; text-indent:20px;
	background-image: url(../images/icons/arrow-sml.gif); background-repeat: no-repeat; background-position: left center;}
	
a.innerlink:hover { color:#003399; line-height:25px; text-decoration:none; display:block; text-indent:20px;
	background-image: url(../images/icons/arrow-sml.gif); background-repeat: no-repeat; background-position: left center;}

a.tinyarrow { color:#1861a4; font-size:11px; line-height:20px; text-decoration:none; display:block; text-indent:12px;
	background-image: url(../images/icons/arrow-tiny.gif); background-repeat: no-repeat; background-position: left center;}
	
a.tinyarrow:hover { color:#003399; margin-left:1px; font-size:11px; line-height:20px; text-decoration:none; display:block; text-indent:12px;
	background-image: url(../images/icons/arrow-tiny.gif); background-repeat: no-repeat; background-position: left center;}

.innerlink ul { list-style-type: none; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; padding: 3px; text-align:left; }

.innerlink li a:link { color:#1861a4; line-height:15px; text-decoration:none; display:block; text-indent:20px;
	background-image: url(../images/icons/arrow-sml.gif); background-repeat: no-repeat; background-position: left top; }

.innerlink li a:hover { color:#003399; line-height:15px; display:block; 
background: url(../images/icons/arrow-sml.gif) no-repeat left top; text-decoration:none; }


/* =Images in a horizontal row
-----------------------------------------------------------------------*/

div.imgBoxColumn img, .imgBox { padding: 1px; border: 1px solid #333333; }
a.border { border: 1px solid #333333; }
a.border:hover { border: 1px solid #666666; }

div.imgBoxColumn p { text-align: left; padding-top: 2px; }

div.imgBoxColumn { text-align: left; float: left; width: 33%; }

/* =Site Map
-----------------------------------------------------------------------*/


div.boxTop {background-color: #e9f0f6; border-bottom: solid 1px #767A7F;}
div.boxTop p {color:#555555; margin: 0px; padding: 5px;}
div.linkBox {border-left: 1px solid #767A7F; border-right: 1px solid #767A7F; border-bottom: 1px solid #767A7F; 
background-color:#FFFFFF;}
div.linkBoxTop {border: 1px solid #767A7F; background-color:#FFFFFF;}
div.linkBox ul { margin-left: 10px;}




/* clearfix  */
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow:hidden; } 
.cf:after { clear: both; }
/* Fix clearfix IE */
.cf { zoom: 1; }