body {
background-color: #6480ca; 
background-image: url(../image-files/bodybg.jpg);
background-repeat: no-repeat; 
margin: 0;
padding: 0;
font-family: Arial,  Verdana, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color: #333333;
font-size: 85%;
}

h1, h2, h3, h4, h5, h6 {
background-color: transparent;
color: #1d487e;

}

h2, h3, h4, h5, h6 {
margin-top: 24px;
}

h1 {
margin-top: 5px;
font-family: 'Copperplate Gothic Bold', Verdana, Arial, sans-serif;
border-bottom: 0 solid #006;
text-align: center;
}

h2 {
font-family:  Verdana, Arial, sans-serif;
text-align: center;
}

h3 {
font-family:  Verdana, Arial, sans-serif;
text-align: center;
}

h4 {
font-family:  Verdana, Arial, sans-serif;
text-align: center;
}


blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}


img {
display: block;
border:0;
padding:3px;
}

a:link img {
border: 0;
}

ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
 
li.custom {
background: url(../image-files/t-bullet.gif) left top no-repeat; 
padding-left: 20px;
margin-bottom: 20px;

 }

/* -- General Link Styling -- */

a:link {
color: blue; 
text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: underline;
}





#PageWrapper {
width: 960px;
border: transparent;  
}

#Header {
position: relative;
height: 216px;
}

#ContentWrapper {
float: left;
width: 100%;
}

#ContentColumn {
margin: 0 180px 0 180px;  
}

#NavColumn {
float: left;
width: 179px;             
margin-left: -960px;       
}

#ExtraColumn {
float: left;
width: 179px;            
margin-left: -180px;       
}

#Footer {
clear: both;
width: 100%;
padding: 8px 0;

}

.Liner {
padding: 10px;

}



#Header .Liner {
padding: 0;
}

#Footer .Liner {
margin: 0;
padding: 0;
}




#PageWrapper {
margin: 0 auto;

}

#wrap {
float: left;
width: 100%;
margin: 0 auto;
background-image: url(../image-files/contentbg.png);
background-repeat: repeat-y;
background-color:transparent;
}

#Header {
background-image: url(../image-files/header-demo.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top left;
}

#ContentWrapper {
background-image: url(../image-files/contentbg.png);
background-repeat: repeat-y;
background-color: transparent;

}

#NavColumn {
background-image: url();
background-repeat: repeat-y;
background-color: transparent;
}

#ContentColumn {
background-image: url(../image-files/contentbg.png);
background-repeat: repeat-y;
background-position: top center;
background-color: transparent;
}

#ExtraColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}

#Footer {
background-image: url(../image-files/footerbg.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top left;
text-align: center;
font-size: 85%;
color: #006;
font-family: Verdana, sans-serif;
font-weight: normal;
}

#wrap{
width:100%;
background-image: url(../image-files/contentbg.png);
background-repeat: repeat-y;
background-position: top center;
background-color: none;
}

#NavColumn {
font-size: 90%;
color: #000;;
}

#ExtraColumn {
font-size: 90%;
}

#NavColumn h4 {
font-size: 90%;
color: #1d487e;
margin-top: 0;
}

#ExtraColumn h4 {
font-size: 90%;
color: #1d487e;
margin-top: 0;
}






.navlink {
font-weight: normal;
font-family:  Verdana, Arial,  sans-serif;
line-height: 90%;
margin-top:5px; 

}

.navlink a {

font-family:  Verdana, sans-serif;
line-height: 90%;
margin-top:5px; 
}

.navlink a:hover {
position:relative;

font-family:  Verdana, sans-serif;
line-height: 90%;
}






.navlink {
font-weight: normal;
text-align: left;
margin-bottom:3px;
margin-top: 0px;
}




.navlink a {
padding: 2px;
text-decoration: none;
display: block;
color: #407495; 
}

/*this part is how the links look, once the pointer passes over them. */

.navlink a:hover {
color: #000; 

}

#navigator {
background-color: transparent;
border:  transparent;
width: auto;
margin-top: 5px;
margin-left: 0;
margin-right: auto;
padding: 2px;
text-align: left;
}

/********************************/
#nav ul { 
float: left; list-style: none; background: #284cad;
width: 100%; padding: 0; margin: 0 0 0 0px; 
height: auto; display: inline; 
} 
#nav ul li { 
display: inline; margin: 0; padding: 0; 
} 

#nav ul li a { 
display: block; 
float: left; 
width: auto; 
margin: 0; 
padding: 0 8px;/*this is the gap between the text, and the border*/ 
border-top: none; 
border-right: 1px solid #fff;
border-left: none; /*this gives a white border, change as required*/ 
border-bottom: none; 
color: #fff; /* text color*/ 
font: bold 9px/30px Verdana, Arial, Geneva, sans-serif; /* sets the font type and size*/ 
text-decoration: none; letter-spacing: 1px; 
} 
#nav ul li a:hover, #nav ul li a:active { 
color: #ffcc00; 
background-color: ; 
font: bold; 
} 

/*********this part is for the hide/show in your left nav*****/
div.full-width-box-nav {
   background-color: #ffffff;
   background-image: url(../image-files/divbox-bg.png);
   background-repeat: repeat-x;
	margin: 10px 0 10px 0;
	padding: 0px;
   border: 1px solid #ccc;
	
}


.more {
		display: none;
		 background:none;
		 
		 padding-bottom:10px; }
	a.showLink, a.hideLink {
		text-decoration: none;
		color: #36f;
		padding-left: 8px;
		background: transparent url(../image-files/down.gif) no-repeat left; }
	a.hideLink {
		background: transparent url(../image-files/up.gif) no-repeat left; }
	a.showLink:hover, a.hideLink:hover {
		border-bottom: 1px dotted #36f; }
		
		
h3.nav{
background-color: #ccccff; 
color:#ffffff;
width: auto;
font-family: Arial,  Verdana, sans-serif;
color: #333333;
text-align: center;
}





.ThumbnailLink {
text-align: center;
}

.ThumbnailLink a:link {
text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
text-decoration: none;
color: #000;
}



/* -- Horizontal Tabbed NavBar -- */

.menu5 {
padding:5px 0 0 1em; 
margin:0; list-style:none;
 height:40px; position:relative; 
 background:transparent url() repeat-x left bottom; 
 font-size:11px;
 }
 
.menu5 li {
float:left; 
height:40px; 
margin-right:1px;
}

.menu5 li a {
display:block; 
float:left; 
height:40px; 
line-height:35px; 
color:#333; 
text-decoration:none; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding:0 0 0 4px; 
cursor:pointer; 
background:url(../image-files/pro_five_0a.gif) no-repeat;
}

.menu5 li a b {
float:left; 
display:block; 
padding:0 16px 5px 12px; 
background:url(../image-files/pro_five_0b.gif) no-repeat right top;
}

.menu5 li.current a {
color:#000; 
background:url(../image-files/pro_five_2a.gif) no-repeat;
}

.menu5 li.current a b {
background:url(../image-files/pro_five_2b.gif) no-repeat right top;
}

.menu5 li a:hover {
color:#000; 
background: url(../image-files/pro_five_1a.gif) no-repeat;
}

.menu5 li a:hover b {
background:url(../image-files/pro_five_1b.gif) no-repeat right top;
}

.menu5 li.current a:hover {
color:#000; 
background: url(../image-files/pro_five_2a.gif) no-repeat; 
cursor:default;
}

.menu5 li.current a:hover b {
background:url(../image-files/pro_five_2b.gif) no-repeat right top;
}

#Header .navplace{
position: absolute;
top: 165px;
left:30px;
display: inline;
}


#Footer .ExtraNav {
margin: 12px auto;
background-color: transparent;
}




.Clear {
clear: both;
}

.Caption {
font-size: 85%;
font-weight: bold;
color: #006699;
display: block;
line-height: 150%;
margin-bottom:10px;
}

div .callout{
width: 410px;
display: block;
margin: 10px auto;
padding-top:10px;
padding-left:0px;
padding-right:20px;
background-image: url(../image-files/calloutbg.jpg);
background-repeat: no-repeat;
}





.ItemRight {
float: right;
margin: 2px 0 12px 18px;
text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}

#tabs{
position: absolute;
top: 158px;
left: 30px;

{