/* Screen CSS File WGTF home page */

#home #page {background-color:#cfef9d; height:820px; background-image:url('../imgs/home/hmpg_btmbg.jpg'); background-position:bottom; background-repeat:repeat-x; z-index:0;}

body#home { position:relative; z-index:0; }

/* Top Portion */

#home #top {background-image:url('../imgs/home/hmpg_top.jpg'); width:970px; height:600px; background-repeat:no-repeat;}

.title {margin:10px 0px 40px 35px;}

#boxes {height:250px; width:930px; margin:auto; background-image:url('../imgs/home/whoosh.png'); background-repeat:no-repeat; margin-top:70px;}
#boxes #boxright {width:150px;}
#boxes a {text-decoration:none;}
a.improveb span, a.become span, a.improveg span, a.members span {display:block; padding:200px 10px 10px 10px; color:#000000; font-weight:bold; font-style:italic;}

a.improveb strong, a.become strong, a.improveg strong, a.members strong {color:#d82424;}

a.improveb {display:block; width:174px; height:250px; background-image:url('../imgs/home/box_improveb.png'); background-repeat:no-repeat; float:left; margin-left:20px;}
a.improveb:hover {background-image:url('../imgs/home/boxh_improveb.png'); background-repeat:no-repeat;}

a.become {display:block; width:174px; height:250px; background-image:url('../imgs/home/box_become.png'); background-repeat:no-repeat; float:left; margin-left:20px;}
a.become:hover {background-image:url('../imgs/home/boxh_become.png'); background-repeat:no-repeat;}

a.improveg {display:block; width:174px; height:250px; background-image:url('../imgs/home/box_improveg.png'); background-repeat:no-repeat; float:left; margin-left:20px;}
a.improveg:hover {background-image:url('../imgs/home/boxh_improveg.png'); background-repeat:no-repeat;}

a.members {display:block; width:174px; height:250px; background-image:url('../imgs/home/box_members.png'); background-repeat:no-repeat; float:left; margin-left:20px;}
a.members:hover {background-image:url('../imgs/home/boxh_members.png'); background-repeat:no-repeat;}

/* Login box styling */

div.ui-dialog {
	width:970px; margin:auto; position:relative; top:-533px; left:-255px; z-index:1002;
}

div#dialog {
	z-index:1003;
	float:left;
	width:400px;
	padding:50px 25px 0 25px;
  	background: url('../imgs/home/login_hoverbox_withtitle.png'); background-repeat:no-repeat; background-position:top left;
	width:350px;
}

form#membersLoginBox
{
  float:left;
  width:350px;
  height:236px;
  padding:0px; margin:0px; }

form#membersLoginBox fieldset
{ float:left; border:none; padding:0; margin:0; width:290px; }

form#membersLoginBox label
{ 
	float:left; width:200px; color:#fff; font-size:13px; padding:5px 0px;
}

form#membersLoginBox input.inp
{ float:left; clear:left; width:270px; font-size:13px; padding:3px; color:#fff; background-color:#cc1f2a; border-style:solid; border-width:1px; border-color:#fff; }

form#membersLoginBox input.inpsub
{ float:right; width:57px; height:22px; color:#fff; background:url('../imgs/home/btn_login.jpg') no-repeat; border:none; border-style:none; margin-top:55px;}

form p a { clear:left; float:left; color:#fff; width:270px; text-decoration:underline; margin-top:3px; }

/* Dialog specific
----------------------------------*/

.ui-dialog .ui-dialog-titlebar { float:left; padding:0px; margin:0px;  height:0px; font-size:0px; width:0px; }
.ui-dialog .ui-dialog-title { float: left; padding:0px; margin:0px;  height:0px; font-size:0px; width:0px; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; bottom: 17px; left: 25px; width: 19px; margin: 0px; padding: 0px; height: 12px; font-size:10px; color:#fff; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: 0; background: none; }


/* Bottom Portion */

#home #bottom {width:930px; height:200px; margin:auto; background-color:#99cc66;}

#home #bottom #col1 {float:left; border:2px solid #449131; margin:10px 10px 0px 20px; height:150px;}
#home #bottom #colmiddle {float:left; border:2px solid #449131; margin:10px 0px 0px 3px; height:150px;}
#home #bottom #col2 {float:right; border:2px solid #449131; margin:10px 10px 0px 0px; height:150px; }

.icon {margin:5px 0px 5px 10px; float:left; clear:left;}
.smlicon {margin:0px 0px 6px 20px;}