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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434548;
	background: #fffefe url(images/graddy.gif) repeat-x top;
	padding: 0;
	margin: 0;

}

form {
  padding: 0;
  margin: 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 4px; 
}

/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
 html>body td {
  text-align: left;
}

html>body td[align="center"] {
  text-align: center;
}

html>body td[align=center] {
  text-align: center;
}

html>body td[align=right] {
  text-align: right;
}

html>body td[align="right"] {
  text-align: right;
}

*[align="center"] {
  text-align: center;
}

*[align=center] {
  text-align: center;
}

*[align="right"] {
  text-align: right;
}

*[align=right] {
  text-align: right;
}


.headbg{
	background-color: #d7ebfa;
}
.headbgbox{
	background-color: #84A9E2;
}
.loginbarbg{
	background-color: #d2e6f7;
}

.module_head {
	background-color: #d7ebfa !important;
	font-size: 13px;
	font-weight: bold;
	color: #434548;
}

.oddrow, .addrow {
	background-color: #fff; 
}

.evenrow {
	background-color: #fff; 
}


.module_head_right {
	background-color: #d7ebfa;
	font-size: 13px;
	color: #434548;
}

.module_head_right a {
	background-color: #d7ebfa;
	font-size: 13px;
	color: #434548;
}

.calendar_module_detail {
  font-size: 11px;
  font-weight: normal;
  background-color: #FCFDFF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e8d1cd;
  border-right-color: #e8d1cd;
  border-bottom-color: #e8d1cd;
  border-left-color:#e8d1cd;
  color: #121010; 
}

.calendar_module_head {
  background-color: #d7ebfa;
  font-size: 11px;
  font-weight: bold;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e8d1cd;
  border-right-color: #e8d1cd;
  border-bottom-color: #e8d1cd;
  border-left-color:#e8d1cd;
  color: #FFFFFF;
}


.module_head_right a:hover {
	background-color: #d7ebfa;
	font-size: 11px;
	color: #FFFFFF;
}


TD.edituserlink{
	background-color: #9ad4ff;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;

}
TD.edituserlink a{
	background-color: #9ad4ff;
	color: #FFFFFF;
	font-weight: normal;
}
TD.edituserlink A:hover{
	background-color: #9ad4ff;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
}

.text_head1, .text_head1:hover {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.text_head2, .text_head2:hover {
	font-size: 14px;
	font-weight: bold;
	color: #0000AF;
}

.offer_head {
	font-size: 16pt;
	color: #d7ebfa;
}

.module_detail_inside {
	font-size: 11px;
	font-weight: normal;
	background-color: #d7ebfa;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4E1F6;
	border-right-color: #D4E1F6;
	border-bottom-color: #D4E1F6;
	border-left-color: #D4E1F6;

}

.tos {
	font-size: 11px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4E1F6;
	border-right-color: #D4E1F6;
	border-bottom-color: #D4E1F6;
	border-left-color: #D4E1F6;
	margin: 10px;
}

.im_text {
	font-size: 11px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #95B5E6;
	border-right-color: #95B5E6;
	border-bottom-color: #95B5E6;
	border-left-color: #95B5E6;

}

.module_detail {
	font-size: 11px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4E1F6;
	border-right-color: #D4E1F6;
	border-bottom-color: #D4E1F6;
	border-left-color: #D4E1F6;

}
.leftside_detail {
	font-size: 11px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4E1F6;
	border-right-color: #D4E1F6;
	border-bottom-color: #D4E1F6;
	border-left-color: #D4E1F6;

}
.statusbar {
	
}
.statusbar a { color: #234457; font-size: smaller; }

th {
	font-weight: bold;
	color: #2c3b60;
	background-color: #D4E1F6;
	font-size: 11px;

}

a img { color: #e2f1fb !important; }

th a {
	text-decoration: underline;
	color: #2c3b60;
}
th a:hover {
	color: #2c3b60;
	text-decoration: none;

}


a.subhead {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}
a.subhead:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.smallpic {
	
}

input {
	font-size: 11px; bolder: 1px solid #abadb2; }

textarea {
	font-size: 11px;
}
submit { cursor: pointer ; }
select {
	font-size: 11px;
}
.formbutton {
	font-size: 11px;
	color: #fff;
	border: none;
	padding: 4px;
	cursor: pointer;
	background-color: #23476a; 
}
.formbutton1 {
	font-size: 11px;
	color: #fff;
	border: none;
	cursor: pointer;
	background-color: #23476a; 
	margin-left: 43%;
	padding: 4px;
}


.main_outer_table{
	background-color: #FFFFFF;
}

a.main_title{
	font-size: 40px;
	color: #FFFFFF;
	text-decoration:none;
}
a:hover.main_title{
	font-size: 40px;
	color: #FFFFFF;
	text-decoration:none;
}
.dotted{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

.s_table_blue{
	color: #27277E;
	font-weight: bold;
}
.s_table_white{
	color: #27277E;
}

.table_blue{
	background-color: #D3E1FA;
	color: #27277E;
}
.table_white{
	background-color: #FFFFFF;
	color: #27277E;
}

.table_green{
	background-color: #D8F9D5;
	color: #003300;
}
.table_red{
	background-color: #FFD5D5;
	color: #990000;
}
.table_pink{
	background-color: #FFE1FF;
	color: #7D0067;
}
.table_gray{
	background-color: #EFEFEF;
	color: #333333;
}
.table_yellow{
	background-color: #FFFFCC;
	color: #B08D00;
}


.main_text1{
	font-size: 24px;

}
.page_heading {
	font-size: 14pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: center;
}
.headrow {
	border: 1px solid #A9BDF1;
	background-color: #C8E0FB;
	text-align: center;

}
.text8pt {
	font-size: 8pt;
}
.searchtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #003366;
}
.xtitle {
	font-size: 14pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: center;

}
.title {
	font-size: 12pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 11px;
	margin-left: 11px;

}
.subtitle {
	font-size: 10pt;
	color: #003366;
	border: 1px solid #96B0F5;
	background-color: #D7E1EE;
	font-weight: bold;
	padding: 1px;
}

a {
	color: #2c3b60;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #2c3b60;
}

a.menulink {
	font-size: 11px;
	color: #2c3b60;
	text-decoration: none;
}
a.menulink:hover {
	font-size: 11px;
	color: #2c3b60;
	text-decoration: none;
}

.panellinkhdr {
	background-color: #d7ebfa;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

}
a.panellink {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #434548;
}
a.panellink:hover {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
.panelbox {

}
.footer {
	background-color: #E1EFFB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #95B5E6;
	border-right-color: #95B5E6;
	border-bottom-color: #95B5E6;
	border-left-color: #95B5E6;
}
a.footerlink {
	font-size: 8pt;
	color: #2c3b60;
	text-decoration: none;
	padding: 0px !important;
	margin: 4px;
}
a.footerlink:hover {
	font-size: 8pt;
	background-color: #2c3b60;
	text-decoration: none !important;
	color: #fff !important;
	padding: 0px !important; 
}
.copyright{
	color: #AAAAAA;
	font-size: 11px;
	text-decoration: none;
}

.paneltable{
	background-color: #003366;
}
.modulehead{
	color: #003366;
}


.storyhead{
	color: #434548;
	font-weight: bold;
}
.storydate{
	font-size: 9px;
	color: #003366;
	font-style: italic;
}
.storyby{
	color: #003366;
}
.storytext{
}

.newshead{
	font-size: 17px; color: #de002f; font-family: 'Calibri', Geneva, Arial, Helvetica, sans-serif; font-weight: 600;
}
.newsdate{
	font-size: 9px;
	font-style: italic;
}
.newstext{

}

.pollquestion{
	color: #d7ebfa;
	font-weight: bold;
}
.polloptions{

}

.payment_mod_head{
	font-size: 11px;
	color: #FFFFFF;
	background-color: #3399CC;
}

.admin_head{
	font-size: 12px;
	color: #434548;
	font-weight: bold;
}
h4{
	font-size: 12px;
}
.copyright:hover {
	color: #0000ff;
	font-size: 11px;
	text-decoration: underline;
}
.errors {
	color: red;
}

.headerfooter, .headerfooter:hover {					/*** style of "xxx's Profile", "Last logge" ***/
	color: #434548;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
}

.headerfooter:hover {							/*** hover: style of "xxx's Profile", "Last logge" ***/
	color: #FFFFFF;
	text-decoration: none;
}

.nickwidth {								/*** width of sections ***/
	margin: 10px;
	text-align: center;
}

.im_msg {
	font-size: 8pt;
}

.menu_subhead {
	background-color: #83ADDF;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

}

.picgallery {
	background-color: #F8FBFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.module_head a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.module_head a:hover {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.links { height: 70px !important;  }
#wrapper { width: 800px; margin: 0 auto; background: url(images/wraphead.png) no-repeat top center; min-height: 600px;}
.links a, .links a:visited { font-size: 21px; font-weight:lighter !important; color: #224457;font-family: "Bell Gothic Std Black", Arial, Helvetica, sans-serif; text-decoration: none; display: block; text-align: center; float: left; text-transform: lowercase;  }
.links a:hover { text-decoration: none; background-position: 0 -56px !important; color: #fff;  }
.links a#home { background: url(../../images/home1.gif) no-repeat; padding-left: 15px; padding-right: 16px; padding-top: 7px; padding-bottom: 22px; font-weight:lighter !important;}

.links ul { list-style: none; margin: 0; padding: 0; cursor: default !important; }
.links ul li { display: inline !important; margin: 0; padding: 0; cursor: default !important; }
.links ul li a { margin: 5px; }
.links ul li a:hover {  }

.links a#services { background: url(../../images/home1.gif) no-repeat; padding-left: 10px; padding-right: 16px; padding-top: 7px; padding-bottom: 22px;}

.links a#articles { background: url(../../images/articles1.gif) no-repeat; padding-left: 9px; padding-right: 16px; padding-top: 7px; padding-bottom: 22px; }
.links a#friend { background: url(../../images/ifriend.gif) no-repeat; padding-left: 13px; padding-right: 13px; padding-top: 7px; padding-bottom: 22px; }
.links a#joiny { background: url(images/signb.gif) no-repeat; padding-left: 14px; padding-right: 16px; padding-top: 7px; padding-bottom: 22px; }

.links a.current {text-decoration: none; background-position: 0 -56px !important; color: #fff;}
#pagelist { text-align: center; }

#memberslogin { margin-left: auto; margin-right: auto; padding: 5px;  background-color: #d7ebfa; height: 14px !important; width: 710px; line-height: 14px !important;  }
#memberslogin1 { padding: 5px; float: right; margin-top: 49px; font-size: 13px; color: #224457;   }
#memberslogin1 span { color: #224457; font-weight:bold; font-size: 21px; font-family: "Bell Gothic Std Black", Arial, Helvetica, sans-serif; padding-bottom: 5px; }
#memberslogin1 div { margin-top: 4px; }

#header { background: url(../../images/logo1.gif) no-repeat left; width: 800px; height: 110px; margin-left: auto; margin-right: auto; margin-top: 40px; }
#header1 { background: url(../../images/logo1.gif) no-repeat left; width: 800px; height: 110px; margin-left: auto; margin-right: auto; margin-top:40px; }
#header a { padding-left: 281px; padding-bottom: 120px;}
#header a:hover { background-color: transparent; }
#search { margin-left: auto; margin-right: auto; height: 239px; background: url(../../images/searchy.gif) no-repeat left; padding-top: 30px; }
#search1 { background-image: url(../../images/couple.gif); background-repeat: no-repeat; background-position: 418px 0 !important; padding-top: 60px !important; width: 940px;margin-top: -60px !important;   }
#searchy div { padding: 5px; font-size: 14px; font-family: "Bell Gothic Std Black", Arial, Helvetica, sans-serif;  }
#searchy { font-size: 14px; font-family: "Bell Gothic Std Black", Arial, Helvetica, sans-serif; }
#searchytit { text-align:center; width: 455px; margin-top: 50px;}
#searchytit1 {   margin-top: 50px; position: absolute;}
#searchytitle { color: #224457; font-size: 22px; font-family: "Bell Gothic Std Black", Arial, Helvetica, sans-serif; }
#searchytitle1 { color: #224457; font-size: 19px; font-family: "Bell Gothic Std Black", Arial, Helvetica, sans-serif; }

.searchselect {    }
.innersearch select {  border: 1px solid #acaeb3 !important; }
.selector { height: 191px; background: url(../../images/selector.gif) no-repeat; margin-top: 26px; }
ul.innersel { list-style: none; width: 850px;position: relative; height: 133px;  padding-top: 10px !important;  }
ul.innersel li { position: absolute; }
ul.innersel li a { height: 133px;
display: block;
position: absolute;
line-height: 60px;
 }

 ul.innersel li a span { padding-left: 80px; top: 40px; font-size: 18px; font-family:"Bell Gothic Std Black", Arial, Helvetica, sans-serif; font-weight: bold; color: #224457; }
 ul.innersel li span#kai { padding-left: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: absolute; line-height: 12px; top: 58px; font-weight: normal;}
 ul.innersel li span#kai2 {  padding-left: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: absolute; line-height: 12px;   font-weight: normal; top: 75px;}
 ul.innersel li a:hover span { color: #e21f26 !important; text-decoration: none !important;  }
 ul.innersel li a:hover { text-decoration: none;   }
 ul.innersel li:hover a { background-position: 0 -142px !important; }
ul.innersel li#signy a { background: url(../../images/signy.gif); width: 229px; left: -23px;}
ul.innersel li#customisy a { left: 240px; background: url(../../images/customisy.gif); width: 229px; }
ul.innersel li#customisy span#kai { padding-left: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px;     position: absolute; top: 58px; font-weight: normal; }
ul.innersel li#customisy span#kai2 { padding-left: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: absolute; line-height: 12px;  font-weight: normal; top: 75px; }
ul.innersel li#customisy a span { padding-left: 70px; top: 40px; font-size: 18px; font-family:"Bell Gothic Std Black", Arial, Helvetica, sans-serif; font-weight: bold; color: #224457;}
ul.innersel li#datey a { left: 520px; background: url(../../images/datey.gif); width: 229px; }


.innersearch { width: 100%; color: #244769 !important; padding-top: 50px; padding-left: 240px;} 
.rbroundbox { background: #d7ebfa; width: 800px; margin-left: auto; margin-right: auto;}
.rbtop div  { background: url(../../images/cornerl.gif) no-repeat top left; }
.rbtop      { background: url(../../images/cornerr.gif) no-repeat top right; }
.rbbot div  { background: url(../../images/cornerlb.gif) no-repeat bottom left; }
.rbbot      { background: url(../../images/cornerrb.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbroundbox3 { background: #d7ebfa; width: 800px; margin-left: auto; margin-right: auto;}
.rbtop3 div  { background: url(../../images/cornerl.gif) no-repeat top left; }
.rbtop3      { background: url(../../images/cornerr.gif) no-repeat top right; }
.rbbot3 div  { background: url(../../images/cornerlb.gif) no-repeat bottom left; }
.rbbot3      { background: url(../../images/cornerrb.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
	width: 100%;
	height: 4px;
	font-size: 1px;
}

.rbroundbox1 { background: #d7ebfa; width: 100%; margin-left: auto; margin-right: auto; }
.rbtop1 div  { background: url(../../images/cornerl.gif) no-repeat top left; }
.rbtop1      { background: url(../../images/cornerr.gif) no-repeat top right; }
.rbbot1 div  { background: url(../../images/cornerlb.gif) no-repeat bottom left; }
.rbbot1      { background: url(../../images/cornerrb.gif) no-repeat bottom right; }

.rbroundbox2 { background: #e2f1fb; margin-left: auto; margin-right: auto; }
.rbtop2 div  { background: url(../../images/cornerl1.png) no-repeat top left; }
.rbtop2      { background: url(../../images/cornerr1.png) no-repeat top right; }
.rbbot2 div  { background: url(../../images/cornerlb1.png) no-repeat bottom left; }
.rbbot2      { background: url(../../images/cornerrb1.png) no-repeat bottom right; }
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

 /* height and width details */
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
 #pagecontent { padding-left: 8px; padding-right: 8px; font-size: 11.5px; }
 #heading { text-align: left; padding-left: 8px; }
 #heading h2 span { border-bottom: none; color: #3f6da8; font-size: 19px; }
 h3 { font-size: 17px; color: #de002f; font-family: 'Calibri', Geneva, Arial, Helvetica, sans-serif; font-weight: 600; }
 h5 { font-size: 17px; color: #de002f; font-family: 'Calibri', Geneva, Arial, Helvetica, sans-serif; font-weight: 600; padding: 0 !important; margin: 0 !important; }
ul li#button a {width: 129px !important;
padding: 40px 63px;  list-style: none;
 }
ul li#button span { width: 128px !important; margin-top: 100px;
margin-left: 75px; }
ul li#button span:hover { color: #fff; }
#search ul { list-style: none;  }
#search ul li#button { list-style: none;
margin-top: 115px;
margin-left: 75px; 
position: absolute; }

#button { width: 129px;
text-align: center;
font-weight:bold;
font-size: 30px;
border: none !important;
height: 42px;
background: url(../../images/join.gif) no-repeat; }
#button a:hover { color: #fff; }
.userresults { min-height: 263px !important; }
#signupcontent { background-color: #d2e6f7; padding: 12px; }

#footer1 { background-color: #d5e8f3; padding: 8px;  margin-left: auto; margin-right: auto;}
#footer1 span { margin-top: 8px; font-size: 9pt; }
#toppy { position:fixed; top: 80%; left: auto; right: 15%; }
#toppy a { padding: 5px; background-color:#ecf6fb; color: #000; }

#footer1 a { color: #224457; padding: 7px;  font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
#footer1 span {  color: #82878a; text-align: center; margin: 0 auto; }

#footer1 a:hover { text-decoration: underline; }
h2.userview { font-size: 17px; color: #de002f; font-family: 'Calibri', Geneva, Arial, Helvetica, sans-serif; font-weight: 600; }
h2.userview:hover { color: #3f6da8; text-decoration: none !important;   }
userresults a:hover { text-decoration: none !important; }
h2.userview span { border-bottom: 1px solid #e2f1fb; }
h2.userview span:hover { border-bottom: 1px dotted #3f6da8; }
#button:hover { 
cursor: pointer !important; }
#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6, #fragment-7 { background-color: #d80033; padding-top: 10px; padding-left: 10px;
  }
  #fragment-1 a, #fragment-2 a, #fragment-3 a, #fragment-4 a, #fragment-5 a, #fragment-6 a, #fragment-7 a { color: #fff; font-size: 12px; padding-right: 8px; padding-left:8px; border-right: 1px dotted #CCCCCC; padding-top: 4px; padding-bottom: 4px; background: none !important; }
   #fragment-1 a:hover, #fragment-2 a:hover, #fragment-3 a:hover, #fragment-4 a:hover, #fragment-5 a:hover, #fragment-6 a:hover, #fragment-7 a:hover { background: none !important; }
   
   #welc { font-size: 17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #2c3c60; margin-top: 100px; margin-left: 75px; position: absolute; }
  



.reportbug { float: right; }
.reportbug a { padding: 4px; background: #7ec8ff; border: 1px solid #000; color: #000;  }
.reportbug a:hover { background: #0085e8; color: #fff; text-decoration: none; }
#nav {font-family: Arial, Helvetica, sans-serif; width:730px; height:30px; font-weight:bold; position:relative; margin-left: 9px !important; font-size:14px; margin:10px 0 10px 0; background:#d7ebfa; position:relative; z-index:100;}
#nav ul {padding:0; margin:0 auto; list-style-type: none;}

#nav ul li {float:left; width:103px;}
#nav ul li ul li { width: auto; font-size: 12px !important;}
#nav ul li ul li a, #nav ul li ul li a:visited { background: url(../../images/dot.png) no-repeat top right !important; padding: 0 12px 0 4px;  font-size: 12px !important; font-family: 'Geneva', Arial, Helvetica, sans-serif;  }

#nav ul li a, #nav ul li a:visited {display:block; text-decoration:none;  height:30px; line-height:30px; color:#2c3c60; background:#d7ebfa; text-align: center;}


#nav table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

#nav ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }

#nav ul li:hover a,
#nav ul li a:hover {color:#e21d36; background:#e5f3fe; }

#nav ul li:hover ul,
#nav ul li a:hover ul {visibility:visible; width:730px;background:#e5f3fe; color:#cc0735;}


#nav ul li:hover ul.right_side li,
#nav ul li a:hover ul.right_side li {float:right; border:0; border-left:1px dotted #cc0735;}

#nav ul li:hover ul.left_side li,
#nav ul li a:hover ul.left_side li {float:left; border:0; border-left:1px dotted #cc0735;}


#nav ul li:hover ul li ul,
#nav ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

#nav ul li:hover ul li a,
#nav ul li a:hover ul li a {display:block; background:#e5f3fe; color:#cc0735;}

#nav ul li:hover ul li a:hover,
#nav ul li a:hover ul li a:hover {background:#fff url(../../images/dot.png) no-repeat top right !important; color:#000;}

#nav ul li:hover ul li:hover ul,
#nav ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#fff url(../../images/dot.png) no-repeat top right !important;}

#nav ul li:hover ul.right li {float:right;}

#nav ul li:hover ul li:hover ul li a,
#nav ul li a:hover ul li a:hover ul li a {background:#fff url(../../images/dot.png) no-repeat top right !important; color:#000;}

#nav ul li:hover ul li:hover ul li a:hover,
#nav ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#cc0735;}


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

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 15px;
    min-width: 84px; 
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab4.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; 
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; 
    outline: 0; 
}
.ui-tabs-nav a:hover { color: #fff; }

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    
    z-index: 2;
    margin-top: 0;
    color: #fff;
}
.ui-tabs-nav a span {
    width: 64px; 
    min-width: 64px;
    height: 22px; 
    min-height: 22px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { 
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav .ui-tabs-selected a:hover span, .ui-tabs-nav .ui-tabs-selected a:focus span {
    padding-bottom: 1px;
}

.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
    background-position: 0 -29px;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
    background-position: 100% -29px;
}


.ui-tabs-nav .ui-tabs-selected a span{
	background-position: 0 -29px;

}
.ui-tabs-nav .ui-tabs-selected a {
	background-position: 100% -29px;
	
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { 
    cursor: default;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 8px;
    background: #d80033; 
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


* html .ui-tabs-nav { 
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { 
    display: inline-block;
}

/*--------------------------------------*/

.ui-tabs-nav li#one {
    float: left;
    margin: 0 0 0 6px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a#prof, .ui-tabs-nav a#prof span {
    display: block;
    padding: 0 10px;
    background: url(tabz.png) no-repeat;
}
.ui-tabs-nav a#prof {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	background-position: 100% -95px;
}
.ui-tabs-nav a#prof:hover { color: #fff; }

.ui-tabs-nav .ui-tabs-selected a#prof {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
}
.ui-tabs-nav a#prof span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 22px; /* IE 6 treats height as min-height */
    min-height: 22px;
    padding-top: 6px;
    padding-right: 0;
	background-position: 0 -6px;
	
	
}
*>.ui-tabs-nav a#prof span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
/* hover tab */
.ui-tabs-nav a#prof:hover span,
.ui-tabs-nav a#prof:focus span,
.ui-tabs-nav a#prof:active span {
    background-position: 0 -35px;
}
.ui-tabs-nav a#prof:hover,
.ui-tabs-nav a#prof:focus,
.ui-tabs-nav a#prof:active {
    background-position: 100% -124px;
}

/* active tab */
.ui-tabs-nav .ui-tabs-selected a#prof span{
	background-position: 0 -35px;

}
.ui-tabs-nav .ui-tabs-selected a#prof {
	background-position: 100% -124px;
	
}
.ui-tabs-nav .ui-tabs-selected a#prof:link, .ui-tabs-nav .ui-tabs-selected a#prof:visited, .ui-tabs-nav .ui-tabs-disabled a#prof:link, .ui-tabs-nav .ui-tabs-disabled a#prof:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a#prof:hover, .ui-tabs-nav a#prof:focus, .ui-tabs-nav a#prof:active,
.ui-tabs-nav .ui-tabs-unselect a#prof:hover, .ui-tabs-nav .ui-tabs-unselect a#prof:focus, .ui-tabs-nav .ui-tabs-unselect a#prof:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.AccordionPanelContent ul { margin-top: 8px;  }
.AccordionPanelContent p { margin-bottom: 0; }

.Accordion ul { margin: 0 auto; padding: 0; width: 190px; list-style: none; margin-bottom: 7px;}
.Accordion li { padding: 2px; }
.Accordion li a { background: url(navi.gif) no-repeat bottom; padding: 3px; text-align: center; }
.Accordion li:hover a { background-position: top; color: #fff !important; }


.Accordion {
overflow: hidden;
-moz-outline: none;
outline: none;
border: none;
}
.Accordion a { color: #49758e; text-decoration: none; display: block; font-family: Arial, Helvetica, sans-serif;  font-size: 15px; }
.Accordion a:hover { color: #fff; }


.AccordionPanel {
margin: 0px;
padding: 0px;
width: 200px;
}


.AccordionPanelTab {
	background: url(topnav.gif) no-repeat top;
color:#49758e;
text-align: center;
font-family:"Bell Gothic Std Black", Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0.4em 8px;
margin: 0 0 1px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}


.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background: url(topnav.gif) no-repeat bottom;
	color: #fff;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #fff;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #fff;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background: url(topnav.gif) no-repeat top;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background: url(topnav.gif) no-repeat bottom;
}

.fixedposition {  margin-left: 800px;  height: 600px !important; width: 180px; position: absolute; }
#bleh { background: #fffefe url(images/grad.png) repeat-x top left; }

.msgbox {
	display: none; /* Start out hidden. */
	position: absolute;
	top: 50px;
	right: 220px;
	width: 180px;
	background-color: #fefdf2;
	border: 1px solid #f0d26a;
	color: #234457;
	 }
.msgbox p {
	margin: 0;
	padding: 5px 10px; }
.msgbox a.close {
	float: right;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #224457;
	padding: 0 4px;
	margin-left: 5px;
	margin-top: 5px;margin-right: 8px; }
	
	#CollapsiblePanel1 {
	margin: 0px;
	padding: 0px;
	
	width: 200px; 
}


#CollapsiblePanel1 .CollapsiblePanelTab {
font-family: 'Arial', Helvetica, sans-serif;
font-size: 15px;
	margin: 0px;
	color: #49758e;
	padding: 7px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align: center;
}


.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}


.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}


.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image: url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 170px 10px; 
}



.CollapsiblePanelClosed .CollapsiblePanelTab {
	background-image: url(images/arrowd.gif);
	background-repeat:no-repeat;
	background-position: 170px 10px; 
}


.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
		background-image: url(images/arrowd.gif);
	background-repeat:no-repeat;
	background-position: 170px 10px; 
}


.CollapsiblePanelFocused .CollapsiblePanelTab {
		background-image: url(images/arrowd.gif);
	background-repeat:no-repeat;
	background-position: 170px 10px; 
}

#header span#welcomy { font-size: 21px; font-family: "Bell Gothic Std Black", Arial, Helvetica, sans-serif; float: right; color: #224457; padding-top: 70px; padding-right: 150px; }
#header span#welcomy a { padding-left: 0 !important; padding-bottom: 0 !important; color: #739db5; }
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat !important; margin-left: 20px;}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#fffef2; color:#224457; border-right: 1px solid #f0d26a;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
.links1 {text-align: right; }
.links1 a { color: #000; font-size: 18px; float: right !important; padding: 10px; }

a.sigbut { /*padding-top: 20px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; background: url(images/signbut.gif) no-repeat top; font-family: "Bell Gothic Std Bold", Arial, Helvetica, sans-serif; font-size: 43px; color: #fff; position: absolute; margin-left: 80px; margin-top: 50px; */ font-size: 0px; }
a.signbut { position: absolute; background: url(images/signbut1.gif) no-repeat; padding-top: 26px; padding-bottom: 10px; padding-left: 60px; padding-right: 60px; margin-top: 135px; margin-left: 160px; }
a.signbut:hover { background-position: 0 -38px; }

#CollapsiblePanel2 .CollapsiblePanelTab { font-family: 'Bell Gothic Std Black', Arial, Helvetica, sans-serif; font-size: 19px; cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	padding: 7px;
	background-color: #c6e4f6;
	color: #000;
	text-align: center; }
	#CollapsiblePanel2 .CollapsiblePanelTabHover { color: #FF6600; }
	
	ul#navinav { list-style: none; margin-left: 8px; margin-top: 11px;padding: 0; text-align:center; }
	ul#navinav li { display: inline; }
	ul#navinav a { display: block; float: left; margin: 3px !important; padding: 6px !important; background-color: #3a6075 !important; text-align: center; color: #fff !important; border: 1px solid #3a6075 !important;  }
	#navinav a:hover { color: #000 !important; background: #e2f1f5 !important; border: 1px solid #3a6075 !important; }
	ul#editusery { list-style: none; margin-left: 8px; margin-top: 11px;padding: 0; text-align:center; }
	ul#editusery li { display: inline; }
	#editusery a span { display: block; float: left; margin: 3px; padding: 7px; background-color: #e2f1f5; text-align: center; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #3a6075;  }
	#editusery a.active { background-color: #224457; color: #fff; }
	#editusery a:hover span { color: #fff; background: #224457; text-decoration: none; }
	#editusery span { display: block; float: left; margin: 3px; padding: 7px; background-color: #224457; text-align: center; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; }
	
#nuvy {padding:0 0 0 30px; margin:0; list-style:none; font: 11px arial, sans-serif; position:relative; z-index:200; background:#d1e6f2; height:30px; width:767px; border-bottom: 1px solid #224457; border-left: 1px solid #224457; border-right: 1px solid #224457;}
 
#nuvy ul {padding:0; margin:0; list-style:none; float:left; background: #3c667e; border-top:1px solid #3c667e; border-color:#3c667e;}

#nuvy li {float:left;}
#nuvy li li {float:none; border-left:1px solid #3c667e; border-right:1px solid #3c667e; }
#nuvy li li.last {border-bottom:1px solid #3c667e !important;}
/* a hack for  IE6 */
* html #nuvy li li {float:left;}

#nuvy li a {display:block; float:left; color:#2c4e62; height:30px;  padding:0 25px 0 5px; line-height:30px; text-decoration:none; white-space:nowrap; font-weight:bold;  font-size: 14px; letter-spacing: spacing; }
#nuvy li a.down { background-image:url(images/down1.gif); background-repeat: no-repeat; background-position: 91% 10px; }

#nuvy li li a {display:block; height:24px; line-height:24px; float:none; padding:0 25px 0 5px; font-weight:normal; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px;}


#nuvy li:hover {position:relative; z-index:300;}
#nuvy li.cssplay_hover {position:relative; z-index:300;}
#nuvy li.cssplay_hover a {color:#000;}

#nuvy li li a {color:#fff;}
#nuvy li li.cssplay_hover a {color:#fff; background-color:#db3136;}

#nuvy li:hover ul {left:0; top:29px; z-index:500;}
#nuvy li.cssplay_hover ul {left:0; top:33px; z-index:500;}

#nuvy ul {position:absolute; left:-9999px; top:-9999px;}
* html #nuvy ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nuvy li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nuvy li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nuvy li:hover > a {color:#fff; background-color: #3c667e; background-position: 91% -20px;}
#nuvy li li:hover > a {color:#fff; background-color:#db3136;}
#nuvyab { position: fixed; top: 0; background: #fffefe url(images/graddy.gif) repeat-x top; }