@charset "utf-8";
/* CSS Document */
h1 {font-size: 14px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2 {font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3 {font-size: 10px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
h4 {font-size: 20px; color: #dc9305; font-family: Verdana, Arial, Helvetica, sans-serif;}
h5 {font-size: 22px; color: #6d5e3a; font-family: Verdana, Arial, Helvetica, sans-serif; }
h6 {font-size: 18px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}
p {font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 8px; text-align: justify;}
body{ text-align: center; margin: 0 auto; background-color: #000000;}
#master_body{text-align: left; width: 1000px; margin: 0 auto; margin-top: 10px;}
#banner{  Width:1000px; height: 275px; background-color: #000000;}
#title{  Width:1000px; height: 75px; background-color: #00FF00;}
#navbar { width: 1000px; height: 38px; background-color: #FFFFFF; padding-top: 0; /*was 5px;*/ margin: -16px 0 0 0; /*was 0px;*/}
#main_br { width: 1000px; height: 15px; background-image: url(mainbr.gif); background-color: #001b33;}
#main {  Width:1000px; height: auto; background-color: #026701; background-image: url(main.gif);background-repeat: no-repeat; background-color: #f0edcb; float: left;}
#main2 {  Width:1000px; height: auto;; background-color: #026701; background-image: url(main2.gif); background-repeat: no-repeat; background-color: #f0edcb; float: left; padding-top: 35px;}
#main_right {width: 240px; height: auto;  float: left;}
#main_left {text-align: center; width: 710px; height: auto;  float: left; padding-left: 5px; padding-top: 20px; padding-right: 10px;}
#plan..{  Width:1000px; height: 200px; background-color: #333333; background-image: url(plan_bg.jpg);}
#package { width: 900px; height: 280px; border: solid #FFFFFF 5px; margin-left: 50px; background-color: #e0ddbd; margin-bottom: 20px; padding-top: 20px;}
.package_info_left {width: 290px; height: 250px; float: left;}
.package_info_right {width: 600px; height: 250px; background-color: #e0ddbd; float: right; padding-right: 10px} 
.img{border: solid #000000 1px;}
.info_bar { 
	width:249px; 
	height:36px; 
	background-image: url(info_barrr.gif); 
	float: left; 
	border: 0px solid #FFFFFF; 
	text-align: left;
	padding-top: -10px;}


#top_menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#top_menu li {
	float: left;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#top_menu a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#top_menu a:hover {
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;	
	
	
	#rollovermenu{
	padding:0px;
	width:291px;
	border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
}

#rollovermenu, #rollovermenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#rollovermenu ul{
	border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
	width:270px;
	padding-bottom:10px;
}

#rollovermenu ul a:link, #rollovermenu a:visited {
	display: block;
	border:none;
	text-decoration:none;
	padding:0px 10px;
	height:18px;
}
#rollovermenu ul a:hover, #current a{
	background:#FF9900;
	color:white;

}
#rollovermenu li { /* all list items */
	position: relative;
	text-align: right;
	cursor: default;
	padding:0px 5px;
	margin:0px;
	color:#999999;
}

#rollovermenu li ul { /* second-level lists */
	position: absolute;
	border:1px solid #333333;
	border-color: #f7f3f3 #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	top:18px;
}

li#invite {
	text-align:left;
	text-transform:uppercase;
	font-size:9px;
	margin: 0 0 0px 20px;
	padding:4px 0 0 0;
	color:black;
}