@charset "utf-8";
/* CSS Document */

/*==================
HOME PAGE STYLES
====================*/

.HomeTitles{
	background-image: url(../images/style/HomeHeader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #55A51C;
	font-size: 25px;
	font-weight: normal;
	line-height: 32px;
}
.homePanels{

	width: 305px;
	float: left;
	background-image: url(../images/style/HomePanel_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;

}
.CenterPanels{
	width: 307px;
	float: left;
	background-image: url(../images/style/HomePanel_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #E1E1E1;
	float: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #E1E1E1;
}

.homeEdgePanels{
	width: 305px;
	float: left;

}
.blue{
	color: #00A8D2;
}

.red, asterick{
	color: #AE0000;
}
#maincontainer{
	width: 950px; /*Center container on page*/
	margin:0px auto;
	text-align: left;

}


#header{
	height: 100px;
	width: 950px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/style/Header.gif);
}
#contentHolder{
	width: 950px;
	background-image: url(../images/contentHolder_top.gif);
	background-repeat: no-repeat;
	float: left;
}

#content{
	float: left;
	padding-top: 25px;
	min-height:500px;
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	margin-top:15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 920px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

.column{
	overflow: visible;
	width: 650px;
	float: left;
 }
 
 .columnImageBox{
	overflow: visible;
	width: 650px;
	float: left;
	background-image: url(../images/style/BandImage_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
 }
 
 
.twocolumns, #twocolumns{
	float: left;
	width: 50%;
	overflow: auto;
	display: block;
}

.threecolumns{
	float: left;
	width: 33%;
}

.leftcolumn{
	float: left;
	margin: 0px;
	width: 65%;
	overflow: auto;
}

.rightcolumn{
	float: left;
	margin: 0px;
	width: 35%;
	overflow: auto;
}
 


/*
==========================
  NAVIGATION STYLES
=========================== */
#globalSubLink{
	margin-right: 25px;

} 

#globalSubLink a:link, #globalSubLink a:visited{
	left: 50px;
	float: right;
	margin-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-right: 15px;
}

#globallinks a:link, #globallinks a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
	float: left;
	background-image: url(../images/style/NavDivider.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 18px;
	border-bottom-style: none;
	vertical-align: bottom;
	height: 34px;
	padding-top: 16px;
	padding-left: 18px;
	text-align: center;
	font-weight: bolder;
	padding-bottom: 0px;
	margin: 0px;
}
#globallinks a:hover{
	background-image: url(../images/style/NavBar_hover.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}


#globalnav{
	height:50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/style/NavBar.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 920px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#globalsearch{
	width: 200px;
	float: left;
	height:37px;
	padding-top:13px;
	}

.GObutton {
	cursor:pointer;
	height:18px;
	width:16px;
	border-style:none;
	border-width:0px;
	padding:0px;
	margin-left:2px;
}

.cleardefault {
	font-family: Arial, Helvetica, sans-serif;
	background-color:transparent;
	font-size: 100%;
	color:#666666;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 120px;
	padding:0px;
	margin-left: 30px;	
}


#navpanel{
	width: 220px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	margin-right: 20px;
}


/*=============================
SIDE NAV
==============================*/

#sectionHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align: left;
	color: #5dc5e9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


#sectionLinks{
	padding: 0px;
	font-weight: normal;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
}


#sectionLinks a:link, #sectionLinks a:visited {
	margin: 0px;
	text-decoration: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	color: #333333;
	border-top-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom-style: dotted;
	list-style-position: inside;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-left: 7px;
	line-height: 120%;
}

#sectionLinks a:hover {
	text-decoration: underline;
	color: #333333;
	background-color: #F2FDFF;

}
#sectionLinks .child{
	text-decoration: none;
	text-align: left;
	color: #333333;
	text-indent: 25px;
	font-size: 75%;
	display: none;
	margin-top: 0px;

}


#PageToolsSideBox{
	background-image: url(../images/style/PageToolsSideBox.jpg);
	background-repeat: no-repeat;
	min-height:: 100px;
	width: 209px;
	padding-top: 35px;
	margin-top: 10px;
	margin-bottom:0px;
	height: 40px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
	margin-right: 0px;
}


#NewsletterSideBox{
	background-image: url(../images/style/Newsletter_SideBox.jpg);
	background-repeat: no-repeat;
	min-height:: 160px;
	width: 219px;
	padding-top: 30px;
	margin-top: 0px;
	margin-left: 5px;
}

#ContactSideBox{
	background-image: url(../images/style/ContactSideBox.jpg);
	background-repeat: no-repeat;
	min-height:: 160px;
	width: 219px;
	padding-top: 1px;
	margin-top: 0px;
	margin-left: 1px;
}

#NewsletterSideBox p, #ContactSideBox p, #PageToolsSideBox p{
	font-size: 70%;
	color: #000000;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#NewsletterSideBox h1, #ContactSideBox h1, #PageToolsSideBox h1{
	font-size: 70%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 5px;
	color: #FFFFFF;
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}



/*============================
HTML ELEMENTS
==========================*/

body{
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #55a51c;
	font-size: 155%;
	font-weight: normal;
	background-image: url(../images/style/H1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: left;
	padding-left: 25px;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	page-break-after: avoid;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: 25px;
	text-align: left;
	margin-right: 25px;
	background-color: #539E1B;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: normal;
	page-break-after: avoid;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	line-height: 120%;
	color: #55A51C;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	text-align: left;
	font-weight: normal;
	page-break-after: avoid;
}


h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	line-height: 110%;
	color: #00B8E4;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	text-align: left;
	font-weight: normal;
	padding-bottom: 2px;
}


h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	color: #00B8E4;
	margin-bottom: 10px;
	margin-left: 25px;
	margin-top: 0px;
	background-repeat: repeat-x;
	background-position: bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 5px;
	background-image: url(../images/style/Starter.gif);
	text-align: left;
	margin-right: 25px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #00AAD5;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
	page-break-after: avoid;
}

p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 120%;
	color: #666666;
	;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}
p.black{
	color: #000000;
}

p.white{
	color: #FFFFFF;
}

p.lines {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F0F0F0;
	text-align: left;
	margin-right: 25px;
	margin-left: 25px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


p.column {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #525252;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
}



p.tight {
	line-height: 120%;
	color: #525252;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	margin-right: 0px;
}
	
p.form	{
	line-height: 140%;
	color: #525252;
	font-size: 70%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

p.formTight	{
	line-height: 140%;
	color: #525252;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

a{
	color: #00ADD9;

} 
a:link, a:visited{
	color: #00ADD9;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;	
}
a.button, a:link.button, a:visited.button{
	background-color: #55A51C;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

a:hover.button{
	
}

a.small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 70%;
	color: #4E79A9;
	text-decoration: none;
}

a.white{

	color: #FFFFFF;

}

a.white:link{

	color: #FFFFFF;

}


a.white:hover{
	color: #FFFFFF;
	text-decoration: underline;
}



ul {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #525252;
	list-style-type: disc;
	line-height: 120%;
	list-style-position: outside;
	margin-top: 10px;
	font-size: 75%;
	margin-right: 25px;
}

ol {
	font-size: 75%;
	color: #525252;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 30px;
	padding-left: 30px;
	text-align: left;
	margin-right: 25px;
}

li {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}
hr {
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	margin-left: 25px;
	margin-right: 25px;
}



/*=============================
IMAGE STYLES
================================*/

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
img.profile{
	margin-right: 10px;
	margin-left: 0px;
}

img.PS{
	display: block;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 10px;
}

img.icon{
	margin-left: -30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

img.rightimage{
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	padding-right: 0px;
}
img.leftimage{
	margin-left: 00px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 20px;
	padding-right: 0px;
}

img.banner{
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
}



/*===============================
TABLE STYLES
================================*/
.tableplacement{
	margin-right: 25px;
	margin-left: 25px;
	text-align: left;
	overflow:auto;
}

/*table{
	background-color: #FFFFFF;
	margin-right: 10px;
	text-align: left;
	width:500px;
*/
.tableborder {
	background-color: #FFFFFF;
	margin-left: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #89BFD7;
	border-right-color: #89BFD7;
	border-bottom-color: #89BFD7;
	border-left-color: #89BFD7;
}

th, .tableHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #55A51C;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.row, .tableRows{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 120%;
	color: #666666;
	background-position: top;
	background-repeat: repeat-x;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1FCE9;
}

.TD_row1

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 120%;
	color: #666666;
	background-position: top;
	background-repeat: repeat-x;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89BFD7;
	background-color: #EDFBE3;
}
.TD_row2

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 120%;
	color: #666666;
	background-position: top;
	background-repeat: repeat-x;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEF7CC;
	background-color: #FFFFFF;
}
.row1

{
	color: #666666;
	background-color: #EDFBE3;
}

.row2

{
	color: #666666;
	border-bottom-color: #E1F8D1;
}

.rowHighlight

{
	background-color: #FFB355;
	color: #000000;
}

/*
*/

body#ab1 a#ab1,
body#ab2 a#ab2,
body#ab3 a#ab3,
body#ab4 a#ab4,
body#ab5 a#ab5,
body#ab6 a#ab6,
body#ab7 a#ab7,
body#ab8 a#ab8,
body#ab9 a#ab9,


body#ps1 a#ps1,
body#ps2 a#ps2,
body#ps3 a#ps3,
body#ps4 a#ps4,
body#ps5 a#ps5,
body#ps6 a#ps6,
body#ps7 a#ps7,
body#ps8 a#ps8,
body#ps9 a#ps9,
body#ps10 a#ps10,
body#ps11 a#ps11,
body#ps12 a#ps12,
body#ps13 a#ps13,
body#ps21 a#ps21,
body#ps22 a#ps22,
body#ps23 a#ps23,



body#cs1 a#cs1,
body#cs2 a#cs2,
body#cs3 a#cs3,
body#cs4 a#cs4,
body#cs5 a#cs5,
body#cs6 a#cs6,

body#car1 a#car1,
body#car2 a#car2,
body#car3 a#car3,
body#car4 a#car4,
body#car5 a#car5,
body#car6 a#car6,
body#car7 a#car7,
body#car8 a#car8,

body#m1 a#m1,
body#m2 a#m2,
body#m3 a#m3,
body#m4 a#m4,
body#m5 a#m5,
body#m6 a#m6,
body#m7 a#m7,
body#m8 a#m8


 {
	border-bottom-style: none;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(../images/style/NavSelect.gif);
	padding-bottom: 10px;/*	height: 33px;*/
	color: #FFFFFF;
	
	}

body#ps14 a#ps14,
body#ps15 a#ps15,
body#ps16 a#ps16,
body#ps17 a#ps17,
body#ps17 a#ps18,
body#ps17 a#ps19,
body#ps17 a#ps20{
	background-color: #F4FCEF;
}

.LinkBox {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	border: 1px solid #3989AE;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #EFF7FA;
}



.Box {
		margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	border: 1px solid #3989AE;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #EFF7FA;
}

.columnBox {
	background-color: #F3F3F3;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*==========================
FORM STYLES
==========================*/
button {
	cursor:hand;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#E5E5E5;
	text-align: center;
}


/*select {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color: #FFFFFF;
}*/

input, input.text {
	font-family: Tahoma, Arial, Helvetica;
	color: #333333;
	text-decoration: none;
	text-align: left;
	/*border: 1px solid #EAEAEA;*/
	vertical-align: text-bottom;
	/*	line-height: 18px;/*/
	font-size: 100%;/*	height: 18px;*/
	padding: 4px;
}


textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: left;
/*	border: 1px solid #EAEAEA;*/
/*	line-height: 18px;
	font-size: 11px;*/
	text-indent: 5px;
	padding: 5px;
}
/*input{
	font-size: 11px;
}*/


/*===================
FOOTER STYLES
=======================*/
#footer{
	clear: left;
	width: 950px;
	text-align: center;
	background-image: url(../images/style/Footer.gif);
	height: 150px;
	background-position: center;	
}

#footertext{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding-left: 20px;
	color: #00B8E4;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}


#footertext a:link{
	color: #00ADD9;
}

#footertext a:hover{
	text-decoration: underline;
}
#footertext a:visited{

}

/*=============================
News Items
=================================*/
/*
.newsheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666666;
	/*	background-image: url(images/h3.gif);*/ /*
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top: 5px;
}*/

.newsitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666666;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
/*
.newsalternaterow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

/*
	background-color: #C1B05C;*/

*/
/*===========================
SPIDERLINE SEARCH  STYLES
/*===========================
*/
.sl_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	color: #000000;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}

.searchlist{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 30px;
	width: 500px;
}

.SearchButton {
	color:#FFFFFF;
	background-color:#5681af;
	background-image: url(../images/style/SubmitButton.gif);
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border: 1px solid #004067;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width: 80px;
	height: 25px;
	margin: 15px;
}


.SearchInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	border: 1px solid #3989AE;
	vertical-align: bottom;
	background-position: right;
	height: 30px;
	line-height: 17px;
	width: 350px;
	text-indent: 3px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-weight: bold;
	background-image: url(../images/style/searchinputbox.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 30px;
}


a.resultTitle{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight: bold;
	color: #00B8E4;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: -10px;
	margin-left: 0px;
	letter-spacing: -1px;
}
a.resultLink{
	color: #55A51C;
}


	
/*============================
CAREERS SECTION
=============================*/

/*.tableHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #4E79A9;
	font-weight: normal;
	height: 25px;
}

.tableHeader:link, .tableHeader:hover, .tableHeader:visited{
	color: #FFFFFF;
}

.tableRows{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	background-position: center;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89BFD7;
}*/
#pages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #55A51C;
	line-height: 17px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-right: 5px;
}

#pages a, #pages a:link, #pages a:visited{
	color: #000000;
}

#pages a:hover{
	color: #000000;
}

#pagesSelected{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #00B8E4;
	line-height: 17px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-right: 5px;
}

.highlight{
	background-color: #CFDBE9;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: middle;
}



/*===================================
SPRY HTML PANEL
====================================*/
@charset "UTF-8";

/* SpryHTMLPanel.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* Developers are allowed to specify markup to use when the HTMLPanel is
 * loading content, or when an error has occurred while loading content.
 * This content must be present *inside* the HTMLPanel's container element
 * and must have either the class "HTMLPanelLoadingContent" or "HTMLPanelErrorContent"
 * on it, so the HTMLPanel can identify it.
 *
 * The following rule is defined to hide this content, just in case the
 * page is loaded within a browser that has JavaScript turned off.
 */
.HTMLPanelLoadingContent, .HTMLPanelErrorContent {
	display: none;
}

/* The HTMLPanelLoading class name is programatically placed on the HTMLPanel's
 * top-level container element whenever the panel makes a server request for content.
 * This gives designers a way hook to style the panel differently when it is in the
 * process of loading content. The class name is automatically removed once the
 * HTMLPanel has loaded the content or an error has occured.
 *
 * To modify the look of the panel when it is loading, simply add your CSS
 * properties to this rule. 
 */
.HTMLPanelLoading {
}

/* The HTMLPanelError class name is programatically placed on the HTMLPanel's
 * top-level container element if the HTMLPanel's request for content fails.
 * This gives designers a way hook to style the panel differently when an error
 * has occured. This class name is automatically removed when content is loaded
 * into the HTMLPanel.
 *
 * To modify the look of the panel when an error occurs, simply add your CSS
 * properties to this rule. 
 */
.HTMLPanelError {
}
#formPanel {
	margin: 0px;
	padding: 0px;
}


/*===============================
SPRY TABBED PANELS
=================================*/
@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	width: 600px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 25px;
	padding: 0px;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	float: left;
	width: 100%;
	background-image: url(../images/style/rounded_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	top: 1px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00B8E4;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	height: 19px;
	padding-top: 4px;
	padding-bottom: 2px;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {

}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	color: #FFFFFF;
	background-image: url(../images/style/TAB_Sel.gif);
	background-repeat: no-repeat;
	background-position: top;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: #FFFFFF;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	max-height: 100%;
	float: left;
	margin: 0px;
	background-image: url(../images/style/rounded_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	width: 600px;
	background-image: url(../images/style/sides.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {


}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
/*
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
/*.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
/*.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
/*.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}



/*================================
SPRY  SLIDING PANELS
=================================*/

@charset "UTF-8";

/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main SlidingPanels container. This selector
 * defines the width and height of the view port for the widget. Note that
 * this selector does not set the overflow property since that is done programatically
 * by the widget. Setting the overflow property programatically ensures that
 * the contens of the widget will be fully visible should JavaScript be disabled
 * in the browser.
 *
 * If you want to constrain the width of the SlidingPanels widget, set a width on
 * the SlidingPanels container. By default, our sliding panels widget expands
 * horizontally to fill up available space.
 *
 * The SlidingPanels container is positioned relative so that content inside it
 * can be positioned relative to its upper left corner.
 *
 * Avoid placing any CSS border or padding properties on the SlidingPanels container
 * as they can affect the proper positioning and sliding animations of the contents
 * inside the container.
 *
 * The name of the class ("SlidingPanels") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * SlidingPanels container.
 */
.SlidingPanels {
	position: relative;
	width: 100%;
	height: 550px;
	padding: 0px;
	border: none;
	clear: both;
}

/* This is the selector for the container that holds all of the content panels
 * for the widget. The SlidingPanelsContentGroup container is what gets programtically
 * positioned to create the slide animation. It is also what governs the layout of
 * the panels.
 *
 * By default, the width of the container is the same as its parent, the SlidingPanels
 * container.
 *
 * You can make the panels within the SlidingPanelsContentGroup container layout
 * horizontally by giving the SlidingPanelsContentGroup container a width that is as wide
 * or larget than the sum of the widths of all of the content panels, and then floating
 * the content panels inside the SlidingPanelsContentGroup container so they all appear
 * on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup
 * containers to insure that none of the content panels "leak" outside of the widget.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the container within the widget.
 *
 * The name of the class ("SlidingPanelsContentGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContentGroup container.
 */
.SlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}


/* This is the selector for the container that holds content for a given panel. In our
 * default style implementation, the dimensions of each content panel exactly match the
 * dimensions of the view port (SlidingPanels) container. This ensures that only one
 * panel ever shows within the view port.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the panel within the widget. You can place border, margins and padding on any content
 * *inside* the content panel.
 *
 * The name of the class ("SlidingPanelsContent") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContent container.
 */
.SlidingPanelsContent {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 550px;
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime we are animating between panels. This rule makes sure that *all* content inside
 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
 * there is an element inside the widget that displays a scrollbar.
 *
 * The class is automatically removed once the animation has stopped so that the overflow
 * properties of the content inside the widget should be restored.
 */
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
.SlidingPanelsCurrentPanel {
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {
}


/*========================
VIDEO LIBRARY Styles
==========================*/
#thumbs a {
	background-color: #00B8E4;
	height: 200px;
	width: 180px;
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 25px;
	margin-right: 5px;
	padding: 0px;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #E8FBFF;
	overflow: hidden;
}


#thumbs a:hover{
	background-image: url(../images/style/VideoBoxOver.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}


.VideoTitle{
	color: #000000;
}

.VideoDescription{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
}

#VideoPlayer{
	margin-left: 25px;
	
}