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


a { outline:none; }

.TestAppForm {
	clear:both;
	padding:1px 54px 0;
}
.TestAppForm .bluebox {
	background-color:#E6EDF7;
	padding:5px;
	margin:0 30px;
}
.TestAppForm .leftcol {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	float:left;
	margin-right:20px;
	margin-top:32px;
	padding:7px;
	width:211px;
}
.TestAppForm .leftcol .linksteps{
	background:url("http://www.globalvolunteernetwork.org/layoutImages/blue_arrow.png") no-repeat scroll right center transparent;
	display:block;
	padding-right:13px;
	text-align:right;
	width:195px;
}
.TestAppForm .leftcol img {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:6px;
}
.TestAppForm .rightcol {
	float:left;
	width:525px;
}
.TestAppForm .rightcol .input0 {
	width:240px;
}
.TestAppForm form div {
	background-color:#E6EDF7;
	padding:5px;
	margin:0 30px;
}
.TestAppForm .infoBox {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin-top:10px;
	padding:18px;
}
.TestAppForm .infoBox img {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:6px;
}
.TestAppForm h2 {
	margin:32px 0 16px 0;
	color:#EE8F27;
}
.TestAppForm h3 {
	color:#005EC4;
}
.TestAppForm .input0 {
	width:350px;
}
.TestAppForm .input1 {
	width:200px;
}
.TestAppForm .input2 {
	width:150px;
}
.TestAppForm .input3 {
	width:100px;
}
.TestAppForm .input4 {
	width:50px;
}
.TestAppForm .formButton {
	background:url("http://www.globalvolunteernetwork.org/layoutImages/btncontinue770.png") repeat scroll 0 0 transparent;
	margin:28px 0 0 0;
	padding:0;
	text-align:right;
	width:770px;
}
.TestAppForm .rightcol .formButton {
	background:url("http://www.globalvolunteernetwork.org/layoutImages/btncontinue525.png") repeat scroll 0 0 transparent;
	margin:28px 0 0 0;
	padding:0;
	text-align:right;
	width:525px;
}

.TestAppForm .formButton input {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	height:33px;
	padding:0 30px;
}
.stepsList {
	height:34px;
	list-style:none outside none;
	margin:10px 0 0 54px;
	padding:0;
}
.stepsList li {
	background:url("http://www.globalvolunteernetwork.org/layoutImages/bginactivestep.png") no-repeat scroll right top transparent;
	color:#666666;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:24px;
	line-height:12px;
	margin:0 0 0 -5px;
	padding:5px 20px;
	width:120px;
}
.stepsList li.first {
	margin:0;
	padding:5px 10px;
}
.stepsList li a {
	background:url("http://www.globalvolunteernetwork.org/layoutImages/bgvisitedstep.png") no-repeat scroll right top transparent;
	color:#FFFFFF;
	display:block;
	height:24px;
	margin-left:-20px;
	margin-top:-5px;
	padding:5px 20px;
	width:120px;
}
.stepsList li.first a {
	margin-left:-10px;
	margin-top:-5px;
	padding:5px 10px;
}
.stepsList li a:hover, .stepsList li a:focus {
	background:url("http://www.globalvolunteernetwork.org/layoutImages/bgactivestep.png") no-repeat scroll right top transparent;
}
.stepsList li a.active {
	background:url("http://www.globalvolunteernetwork.org/layoutImages/bgactivestep.png") no-repeat scroll right top transparent;
	color:#000000;
	margin-top:-5px;
}
.stepsList li.first a.active {
	margin-left:-10px;
	padding:5px 10px;
}
.programBoxess {
	background-color:#e9e6d7;
	border:1px #999999 solid;
	padding:5px;
	margin-bottom:25px;
	color:#333333
}
/*************************************************************************************************************************************		wrapper + general	 */ 

body {
	margin:0px;
	background-image:url(/layoutImages/backgroundmap.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

body, html {
	height:100%;
}
#wrapper {
	/*width:900px;
	margin-left:auto;
	margin-right:auto;*/
	min-height: 100%;
	position:relative;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.pageWidthSection {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	
}
#rightShaddow {
	height:100%;
	width:10px;
	background-image: url(/layoutImages/rightShaddow.png);
	position:absolute;
	left:50%;
	margin-left:450px;
	top:0px;
	z-index:10
}
/*************************************************************************************************************************************		header	 */ 

#header {
	height:80px;
	position:relative;
	background-image:url(/layoutImages/backgroundmap.jpg);
	background-color:#39C;
}

#header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	margin:0px;
}
#header .share {
	position:absolute;
	top:3px;
	width:300px;
	right:0px;
	background-image:url(/layoutImages/share.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
}
#header .share a {
	font-size:11px;
	display:block;
	color:#FFF;
	font-weight:bold;
	margin-left:25px;
}
#header .share div a {
	font-size:11px;
	margin-left:0px;
	display:block;
	float:left;
	color:#FFF;
	line-height:10px;
	font-weight:bold;
	padding-top:2px;
}
#header form {
	text-align:right;
}
/*************************************************************************************************************************************		menu	 */ 

#menu {
	height:50px;
	background-image:url(/layoutImages/menu.png);
	position:relative;
	z-index:15;
	background-color:#2291FF;
}
#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:5px;
}
#menu ul li {
	float:left;
}
#menu ul li a {
	display:block;
	height:45px;
	outline:none;
	width:135px;
	padding-left:10px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}
#menu ul li ul {
	display:none;
}				/* hide the drop downs */
/* hover over button */
/*		#menu ul li:hover { background-image:url('/layoutImages/tabBrown.png'); background-position:bottom left; background-repeat:no-repeat; }
		#menu ul li:hover a { color:#036; }		 */
		
		 #menu ul li:hover {
	background-image:url('/layoutImages/tabBrown.png');
	background-repeat:no-repeat;
}
#menu ul li a:hover {
	background-image:url('/layoutImages/tabBrown.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#036;
}
#menu ul li:hover ul {
	display:block;
} /* this works for all things about EI6*/
#menu ul li ul {
	width:170px;
	position:absolute;
	z-index:100;
	background-color:#d9d5ca;
	border:#666 1px solid;
	border-top:none;
	padding:5px;
}
#menu ul li ul li {
	float:none;
	background-image:none;
	display:block;
	width:160px;
}
#menu ul li ul li a {
	background:none;
	padding:5px;
	height:auto;
	width:160px;
	color:#000;
}
#menu ul li:hover ul li ul {
	display:none
}/* this us for sub sub menus and works for all things about EI6*/
#menu ul li ul li:hover a {
	background-image:none;
	background-color:#FFFFFF;
	font-weight:normal;
}
#menu ul li ul li a:hover {
	background-color:#fff;
	background-image:none;
}
#menu ul li:hover ul li:hover ul {
	display:block;
}
#menu ul li ul li ul {
	background-color:transparent;
	position:absolute;
	left:120px;
	top:5px;
	width:190px;
	background-color:#fff;
	height:187px;
	border:none;
}
#menu ul li ul li ul li {
	padding:0px;
}
#menu ul li ul li ul li a {
	display:block;
	width:180px;
	padding:2px;
}
#menu ul li ul li ul li a:hover {
	color:#FF6600;
	background-color:#CCCCCC;
	background-image:none;
}
#menu .smallerTitle {
	font-size:12px;
	font-weight:bold;
}
#menu .biggerTitle {
	font-size:16px;
	font-weight:bold;
}
/*************************************************************************************************************************************		sub menu	 */ 

	#submenu {
	background-image:url(/layoutImages/submenu.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#submenu p {
	margin:0px;
	font-size:12px;
}
#submenu a {
	color:#000;
	text-decoration:none;
}
#submenu a img {
	border:none;
}
#submenu a:hover {
	color:#F90;
}
#progsubmenu {
	background-image:url(/layoutImages/submenu.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:30px;
	margin-bottom:5px;
	min-height:70px;
}
#progsubmenu p {
	margin:0px;
	font-size:12px;
}
#progsubmenu h2 {
	font-size:14px;
	font-style:italic;
	color:#333;
	font-weight:normal;
}
/*************************************************************************************************************************************		page	 */ 

	#page {
	font-size:12px;
	color:#666;
	padding-bottom:50px;
	padding-top:1px;
	min-height:150px;
	position:relative;	
	border-left:1px #D9DFEA solid;
	background-color:#FFF;
}
#page p, #page td, #page li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
}
a {
	color:#036;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#06C;
}
/* one col layout*/
#page .layout_1col {
	padding:10px;
	width:880px;
}
#page .Layout_3cols {
	position:relative;
}
#page .Layout_3cols .col1 {
	width:220px;
	position:absolute;
	left:0px;
	top:0px
}
#page .Layout_3cols .col2 {
	padding-left:230px;
	padding-right:170px;
}
#page .Layout_3cols .col3 {
	width:160px;
	position:absolute;
	right:0px;
	top:0px
}
#page .Layout_RightCol {
	position:relative;
}
#page .Layout_RightCol .col1 {
	padding-left:10px;
	padding-right:170px;
}
#page .Layout_RightCol .col2 {
	width:160px;
	position:absolute;
	right:0px;
	top:0px
}
#page .Layout_LeftCol {
	position:relative;
}
#page .Layout_LeftCol .col1 {
	width:220px;
	float:left;
}
#page .Layout_LeftCol .col2 {
	padding-left:10px;
	width:660px;
	float:left;

}
.appform {
	width:500px;
}
.roundCornerBoxTL {
	background-color:#D9DFEA;
	padding:5px;
	padding-left:10px;
	background-image:url(../../layoutImages/cornersBlueTL.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#333;
	font-size:11px;
}
.roundCornerBoxTR {
	background-color:#D9DFEA;
	padding:5px;
	padding-right:10px;
	background-image:url(../../layoutImages/cornersBlueTR.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	color:#333;
	font-size:11px;
}
.backgroundBlues {
	background-color:#D9DFEA;
}
.backgroundBluesTable {
	background-color:#D9DFEA;
}
.backgroundBluesTable td {
	border-bottom:1px #FFFFFF solid;
}
.backgroundLightTable {
	background-color:#fff;
}
.backgroundLightTable td {
	border-bottom:1px #D9DFEA solid;
}
.leftBoxBlue {
	background-color:#c8e4f8;
	padding:5px;
	margin-top:5px;
	background-image:url(/layoutImages/leftBoxBlueShade.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.leftBoxBlue p {
	margin:0px;
	padding:0px;
}
.leftBoxBlueHollow {
	background-color:#fff;
	border:#c8e4f8 1px solid;
	border-left:none;
	padding:5px;
	margin-top:5px;
	background-image:url(/layoutImages/leftBoxBlueShade2.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.leftBoxBlueHollow p {
	margin:0px;
	padding:0px;
}
.backgroundBlues2 {
	background-image:url(/layoutImages/blueGrad.jpg);
	color:#FFFFFF;
}
.backgroundBlues2 h2 {
	color:#FFFFFF;
}
.backgroundBlues2 hr {
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:none;
	border-top:1px #FFFFFF solid;
}
.backgroundBlues2 a {
	color:#FFFFFF;
}
hr {
	height:4px;
	background:none;
	border:#999999 1px dashed;
	margin-top:15px;
	margin-bottom:15px;
	border-width:1px 0 1px 0;
}
.paperTextureArea {
	background-color:#E3DED5;
	background-image:url(/layoutImages/papertexture.jpg);
	padding:10px;
}
.paperTextureArea hr {
	margin-top:5px;
	margin-bottom:5px;
	color:#666666;
}
.lineIndent {
	padding-left:110px;
}
.contactform {
	width:400px;
}
.roundCornerBoxBeigeTL {
	background-color:#FAEBCB;
	padding:5px;
	padding-left:10px;
	background-image:url(../../layoutImages/cornersBeigeTL.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#333;
	font-size:11px;
}
.roundCornerBoxBeigeTR {
	background-color:#FAEBCB;
	padding:5px;
	padding-right:10px;
	background-image:url(../../layoutImages/cornersBeigeTR.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	color:#333;
	font-size:11px;
}
.rightpicture {
	float:right;
	border:1px #333 solid;
	margin:0px 0px 10px 10px;
}
.leftpicture {
	float:left;
	border:1px #333 solid;
	margin:0px 10px 10px 0px;
}

.leftpictureShaddow { 
	float:left;
	background-color:#FFFFFF;
	padding:4px;
	border:1px #333 solid;
	margin:0px 10px 10px 0px;
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');

}
#page .intro {
	font-style:italic;
	color:#06C;
	font-size:12px;
	font-weight:bold;
}
#page .dropCaps {
	font-size : 400%;
	font-weight : bold;
	float : left;
	width : 1em;
	font-style:normal;
	font-family:"Times New Roman", Times, serif;
	margin-top:-5px;
	margin-right:-5px;
}
h1, h1 a {
	font-size:20px;
	color:#036;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}
h2, h2 a {
	font-size:16px;
	color:#F60;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}
h3, h3 a {
	font-size:14px;
	color:#036;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}
h4, h4 a {
	font-size:12px;
	color:#F60;
	font-weight:bold;
	margin-top:0px;	
	margin-bottom:5px;
	line-height:normal
}
h5, h5 a {
	font-size:12px;
	color:#036;
	font-weight:bold;
	margin-top:0px;
	text-transform:uppercase;
	margin-bottom:5px;
	line-height:normal
}
#page p {
	margin-top:0px;
}
#programBlocks a {
	display:block;
	font-weight:normal;
	color:#666;
	background-color:#D9DFEA;
	padding:2px;
	width:320px;
	line-height:13px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
}
#programBlocks strong {
	color:#06C;
}
#programBlocks a:hover {
	background-color:#7185AE;
	text-decoration:none;
	color:#FFF;
}
#programBlocks a:hover strong {
	color:#fff;
}
#programBlocks a img {
	float:left;
	border:none;
	margin-right:5px;
}
#programBlocks h2 {
	float:left;
	display:block;
	width:400px;
}
.subProgramBlocks {
	font-weight:normal;
	padding:10px;
	margin-bottom:10px;
	background-color:#EEF3F7;
	border:1px #BDCCD4 solid;
}
.subProgramBlocks img {
	float:right;
	margin-left:5px;
}
#subPrograms a {
	display:block;
	font-weight:normal;
	min-height:144px;
	color:#666;
	background-color:#D9DFEA;
	padding:2px;
	width:425px;
	margin-right:10px;
	float:left;
	line-height:13px;
	margin-bottom:5px;
	text-decoration:none;
}
#subPrograms strong {
	color:#06C;
}
#subPrograms a:hover {
	background-color:#7185AE;
	text-decoration:none;
	color:#FFF;
}
#subPrograms a:hover strong {
	color:#fff;
}
#subPrograms a img {
	float:left;
	border:none;
	margin-right:5px;
}
#subPrograms h2 {
	clear:both;
}
.programGalleryIcons {
	overflow:auto;
	width:640px;
	height:100px;
}
.programGalleryIcons td {
	background-color:#666;
	height:60px;
	width:90px;
	margin:5px;
	padding:2px;
}


.makeBooking1 {
font-size:1px; color:#FFFFFF; text-decoration:none;
background-image:url("../../image/applynowbig.png");
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
float:right;
height:40px;
width:210px;
}

.makeBooking1:hover, .makeBooking1:focus {
background-position:0px -49px;text-decoration:none; color:#FFF
}

.applyPg {
font-size:1px; color:#FFFFFF; text-decoration:none;
background-image:url("/image/applypg2.png");
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
height:59px;
width:160px;
float:left;
margin:0 5px 10px;
}

.applyPg:hover, .applyPg:focus {
background-position:0px -59px;text-decoration:none; color:#FFF
}
.readPg {
font-size:1px; color:#FFFFFF; text-decoration:none;
background-image:url("/image/readpg2.png");
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
height:59px;
width:160px;
float:left;
margin:0 5px 10px;
}

.readPg:hover, .readPg:focus {
background-position:0px -59px;text-decoration:none; color:#FFF
}



.makeBookingSide {
font-size:1px; color:#FFFFFF; text-decoration:none;
background-image:url("../../image/applyNowBig2.png");
background-repeat:no-repeat;
display:block;
height:147px;
margin-left:5px;
margin-top:5px;
padding-top:6px;
width:210px;
}

.makeBookingSide:hover { text-decoration:none; color:#FFF }

.makeBookingSm {
	display:block;
	height:20px;
	width:99px;
	color:#FFF;
	margin-top:5px;
	padding-top:1px;
	font-size:11px;
	text-align:center;
	background-image:url(../../layoutImages/bookProgramSm.png);
	background-repeat:no-repeat;
}
.subProgramBlocks .apply {
	display:block;
	height:20px;
	width:150px;
	color:#FFF;
	margin-top:5px;
	padding-top:1px;
	font-size:11px;
	text-align:center;
	background-image:url(../../layoutImages/bookProgramB.jpg);
	background-repeat:no-repeat;
}
/* used on the app pages */
.tabStyle {
	padding:7px;
	height:23px;
}
.tabStyle a {
	float:left;
	border:#36C solid 1px;
	border-bottom:none;
	padding:7px;
	display:block;
	text-decoration:none;
	background-color:#CCDFFD;
	margin-right:5px;
}
/* used on the test app pages */
#programBlocks3 a {
	display:block;
	font-weight:normal;
	color:#666;
	background-color:#D9DFEA;
	padding:2px;
	min-height:125px;
	width:210px;
	line-height:13px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
}
#programBlocks3 strong {
	color:#06C;
}
#programBlocks3 a:hover {
	background-color:#7185AE;
	text-decoration:none;
	color:#FFF;
}
#programBlocks3 a:hover strong {
	color:#fff;
}
#programBlocks3 a img {
	float:left;
	border:none;
	margin-right:5px;
}
#programBlocks3 h2 {
	float:left;
	display:block;
	width:400px;
}
/* used on the test app pages */
#programBlocks4 p {
	display:block;
	font-weight:normal;
	color:#666;
	background-color:#D9DFEA;
	padding:2px;
	height:100px;
	width:204px;
	line-height:13px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
}
#programBlocks4 strong {
	color:#06C;
}
#programBlocks4 p img {
	float:left;
	border:none;
	margin-right:5px;
}
.subProgramBlocks3 {
	font-weight:normal;
	padding:10px;
	min-height:125px;
	margin-bottom:10px;
	background-color:#FFFDF0;
	border:1px #CCC solid;
}
.subProgramBlocks3 img {
	float:right;
	margin-left:5px;
}
/* used on the thanks page */
#programBlocks4 a {
	display:block;
	font-weight:normal;
	color:#666;
	background-color:#D9DFEA;
	padding:2px;
	width:275px;
	line-height:13px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
}
#programBlocks4 strong {
	color:#06C;
}
#programBlocks4 a img {
	float:left;
	border:none;
	margin-right:5px;
}
.subProgramBlocks4 {
	font-weight:normal;
	padding:10px;
	margin-bottom:10px;
	background-color:#FFFDF0;
	border:1px #CCC solid;
}
.subProgramBlocks4 img {
	float:right;
	margin-left:5px;
}
/*************************************************************************************************************************************	  program pages */

.programTabs {
	min-height:250px;
	float:left;
	width:640px;
	margin-bottom:10px;
	background-repeat:repeat-x;
	background-color:#e9e6d7;
	border:1px solid #ccc;
	border-top:none;
	padding:5px;
}
.programsTabLinks {
	height:26px;
	clear:right;
}
.programsTabLinks a {
	position:relative;
	background-color:#D3CDAF;
	padding:6px;
	padding-right:10px;
	padding-left:10px;
	margin-right:2px;
	display:block;
	float:left;
	outline:none;
}
.programsTabLinks a:hover {
	background-color:#C1B98E;
}
.form_fields legend {
	font-weight:bold;
	color:#06C;
}
.form_fields td {
	padding:2px;
	width:300px;
}
.form_fields td textarea, .form_fields td input {
	width:250px;
}
.appblurb {
	background-color:#06C;
	padding:10PX;
	color:#FFF;
}
span.asterisk {
	color: #FF0000;
}
/*************************************************************************************************************************************	  program fee payment pages */

div.form_fields {
	padding: 2px 0;
	width: 100%;
}
div.form_fields_left {
	padding: 2px 0;
	width: 380px;
	float: left;
}
div.form_fields_right {
	padding: 2px 0;
	width: 170px;
	float: right;
}
/*************************************************************************************************************************************	  balance of program fee pages */

.fees {
	width: 80%;
}
.feespopup {
	width: 45%;
}
.feestd {
	padding: 2px;
}
.feestdc {
	padding: 2px;
	text-align: center;
}
/*************************************************************************************************************************************		footer */ 
	
#footer {
	background-color:#0092d1;
	width:100%;
	height:250px;
	/*position:absolute; left:0px; bottom:0px;	 */
}
/* background-image:url(../../layoutImages/footerGraphic2.png); background-repeat:no-repeat; background-position:center; } */
	#footerInner {
	background:url(../../layoutImages/footerGraphic.png) no-repeat;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	z-index:99;
}
#footerInner blockquote {
	margin:0px 0px 5px 15px;
}
#footerInner p {
	margin:0px;
}
#footerInner a {
	color:#FFF;
	border:none;
}



/* background-image:url(../../layoutImages/footerGraphic2.png); background-repeat:no-repeat; background-position:center; } */
	#footerInner2 {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;	
	margin-left:auto;
	margin-right:auto;	
	z-index:99;
}
#preFooter { background-color:#E1E1E1; position:relative;  height:170px; font-size:12px; line-height:1.3em;  color:#333; }
#preFooter a { color:#333; }
#preFooter a:hover { text-decoration:none; color:#2564C2;  }
#preFooter #footerProgLinks { line-height:1.2em; }
#preFooter #footerProgLinks div { border-bottom:#CCC 1px solid; margin-bottom:5px; }


#footerInner2 blockquote {
	margin:0px 0px 5px 15px;
}
#footerInner2 p {
	margin:0px;
	font-size:10px;	
}
#footerInner2 a {
	color:#FFF;
	border:none;
	font-size:10px;
	font-weight:normal;	
}


.sociable ul {
	list-style:none;
	margin:0px;
	padding:0px;
	height:30px;
	padding-top:10px;
}
.sociable ul li {
	float:left;
	margin-right:5px;
}
.sociable ul li img {
	border:none;
}
/*************************************************************************************************************************************	  auto accept styles */

#myAppRightCol {
	width:220px;
	float:right;
	padding:10px;
	background-color:#D8E1EA;
	border-left:1px #CCCCCC solid;
	padding-bottom:100px;
	color:#003660;
}
#myAppRightCol h4 {
	text-transform:none;
	color:#003660;
}
.appProcessDone {
	display:block;
	background-color:#9DCE4E;
	background-image:url(/myapplicationGraphics/images/tick.png);
	background-repeat:no-repeat;
	background-position:5px 8px;
	padding:3px 5px 3px 20px;
	margin:0px 0px 1px 0px;
	color:#333333
}
.appProcessNotDone {
	display:block;
	background-color:#AEC2CC;
	padding:3px 5px 3px 20px;
	margin:0px 0px 1px 0px;
	color:#333333
}
#myAppRightCol .backgroundBluesTable td {
	background-color:#AEC2CC;
	border-bottom:1px solid #D8E1EA;
}
/*************************************************************************************************************************************	   */



/*- Menu Tabs J--------------------------- */

    #tabsJ {
	float:left;
	width:100%;
	background:#F4F4F4;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #24618E;
}
#tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
}
#tabsJ li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsJ a {
	float:left;
	background:url("../../image/tableftJ.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#tabsJ a span {
	float:left;
	display:block;
	background:url("../../image/tabrightJ.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabsJ a:hover span {
	color:#FFF;
}
#tabsJ a:hover {
	background-position:0% -42px;
}
#tabsJ a:hover span {
	background-position:100% -42px;
}
#tabsJ .current a {
	background-position:0% -42px;
}
#tabsJ .current a span {
	background-position:100% -42px;
	color:#FFF;
}
.ticklist {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:40px;
}
.ticklist li {
	background-image:url(../../layoutImages/bullet.png);
	background-repeat:no-repeat;
	padding: 0;
	padding-left: 30px;
	margin-bottom: 15px;
	background-position:center left;
}
label.error {
	font-weight:bold;
	font-size:10px;
	color:#FF0000;
	display:block;
}
.backgroundBlues2 label.error {
	color:#FFFF00;
	font-size:11px;
}
.progPaySteps {
	list-style:none;
	height:70px;
	margin:0px;
	padding:0px;
	margin-top:20px;
}
.progPaySteps li.done {
	background-color:#3FA9F5;
	border:2px #3FA9F5 solid;
	color:#FFFFFF
}
.progPaySteps li {
	margin:1px;
	height:30px;
	padding:5px;
	width:110px;
	float:left;
	border:2px #D9DFEA solid;
	color:#999999;
}
.rollOverPopupList {
}
.rollOverPopupList li ul {
	display:none;
}
.rollOverPopupList li:hover {
	position:relative
}
.rollOverPopupList li:hover ul {
	display:block;
	list-style:none;
	background-color:#FFF;
	border:3px #F90 solid;
	padding:10px;
	position:absolute;
	top:20px;
	left:50px;
	width:200px;
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}

.bookingCalendar { background-color:#FFFFFF; }
.bookingCalendar th {  }
.bookingCalendar td { text-align:center; width:20px; }


.bookingCalendar div { }
.bookingCalendar .notAvailable  {  color:#999999;  padding:0px; margin:0px; width:20px;}
.bookingCalendar .available { background-color:#C8E8C6; color:#006600; font-weight:bold;   padding:0px; margin:0px; width:20px;}

.bookingCalendar .bgAvailable { background-color:#C8E8C6; padding:0px; width:20px; height:18px;  margin:2px;}
.bookingCalendar .bgAvailableActiveStart { background-color:#66CC66; padding:0px; width:20px; height:18px;  margin:2px;}
.bookingCalendar .bgNotAvailable { background-color:#F0F0F0; color:#999999; padding:0px; width:20px; height:18px;margin:2px;}


.bookingCalendar .bgNotAvailable2 { background-color:#CCCCCC;padding:0px; width:20px; height:18px; margin:2px;}
.bookingCalendar .bgNotAvailable2ActiveStart { background-color:#999999;padding:0px; width:20px; height:18px; margin:2px;}


.bookingCalendarNotSelected {}
.bookingCalendarSelected  { background-image:url(../../image/calSelected.png); background-position:center; background-repeat:no-repeat; color:#FFF; font-weight:bold; display:block;}


.featureBlock {
	float:left;
	margin-bottom:5px;
	margin-left:20px;
	min-height:60px;
	padding-top:21px;
	position:relative;
	width:365px;
}
.featureBlock img, .featureBlock2 img {
	left:0;
	position:absolute;
	top:0;
}
.featureBlock2 {
	float:left;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	min-height:60px;
	padding-top:21px;
	position:relative;
	width:305px;
}
.featureText {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin-left:24px;
	padding:8px;
}
.featureText h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin:2px 0 0 60px;
}
.featureText p {
	margin-bottom:0;
	margin-top:12px !important;
}


#askMeAQuestion { margin-top: 10px; padding: 7px 18px 4pt 5px; background:  url('/layoutImages/bgquestions2.png') #33527F no-repeat }
#askMeAQuestion #askMeAQuestionP1 { color:#333333; }
#askMeAQuestion #askMeAQuestionP2 { text-transform: uppercase; color:#FFFFFF }
#askMeAQuestion img { float: left; margin-right: 9px; -moz-box-shadow: 2px 2px 2px #333; -webkit-box-shadow: 2px 2px 2px #333; }
#askMeAQuestion label.error { color:#FF9900; }


.shaddow {
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}






.popupbox {
		width:500px;
		height:300px;
		display: none; /* Hidden as default */
		float: left;
		position: fixed;
		top: 50%; left: 50%;
		z-index: 99999;
		padding:10px;
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		background-color:#FFFFFF;
		
	}

	#fade { 
		display: none; /* Hidden as default */
		background: #000;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .80;
		z-index: 9999;
	}