@import "reset.css";

/* GENERIC ----------------------------------------------------*/
body {
	background:#ecece7;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
}
.head_container dt a, .head_container dd, h1.arrow_heading, .head_container dt, h1.arrow_heading_2, h1.arrow_heading_new {
	display:block;
	text-indent:-9999px;
}
h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0a3542;
	font-weight:normal;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

p a, ul a, h2 a, h3 a {
	color:#16738f;
	text-decoration:none;
	border-bottom:1px solid #8ab9c7;
}
p a:hover, ul a:hover, h2 a:hover, h3 a:hover, .wide h2 a:hover {
	color:#8ab9c7;
}
h2 a, p.btn a, .module p a {
	border:0;
}

#email_address_loadingmsg {
	z-index:1;
}

.position {
	width:740px;
	margin:0 auto;
}
.capital {
	position:absolute;
	top:140px;
	margin:0 0 0 650px;
}
/* HEAD/LOGO ----------------------------------------------------*/
.head_container {
	height:71px;
	background:url(../../ran_imgs/heading_bg.gif) repeat-x;
}
.head_container dl {
	margin:0 auto 0;
	padding:10px 0 0;
	width:740px;
}
.head_container dt a, .head_container dt {
	width:426px;
	height:53px;
	background:url(../../ran_imgs/logo.png) no-repeat;
	cursor:pointer;
}
.head_container dt {
	cursor:default;
}
.head_container dt a:hover {
	background-position:0 1px;
}
.head_container dd {
	position:absolute;
	top:20px;
	margin:0 0 0 420px;
	width:301px;
	height:30px;
	background:url(../../ran_imgs/slogan.png) no-repeat;
}


/* NAVIGATION ----------------------------------------------------*/



/* CONTENT ----------------------------------------------------*/
.content {
	width:740px;
	margin:20px auto;
	padding:20px;
	border:1px solid #ddddd0;
	background:#fff;
	position:relative;
}

h1.arrow_heading {
	width:740px;
	height:40px;
	background:url(../../ran_imgs/arrow_heading.png) no-repeat;
}
h1.arrow_heading_2 {
	width:740px;
	height:40px;
	background:url(../../ran_imgs/arrow_heading_2.png) no-repeat;
}
h1.arrow_heading_new {
	width:740px;
	height:60px;
	background:url(../../ran_imgs/arrow_heading_new.png) no-repeat;
}
.arrow {
	position:absolute;
	right:0;
	margin:-25px 30px 0 0;
}
.arrow_new {
	position:absolute;
	right:0;
	margin:0 30px 0 0;
}

/* CONTENT ----------------------------------------------------*/
.main {
	float:left;
	padding:20px 0 0;
	width:400px;
}
.wide .main {
	float:right;
	width:500px;
	padding:20px 0 0;
}
.main_alt {
	width:390px !important;
}
.main p, .main ul, .main ol, .offers p {
	padding:10px 0;
	font-size:13px;
	line-height:18px;
}
.main_alt ul, .main_alt li {
	padding:2px 0 2px 10px !important;
	margin:0px !important;
	line-height:16px !important;
}
.main_alt td {
	margin:0px !important;
}
.offers p {
	padding:10px 0 0;
}
.main ul {
	margin:0 0 0 20px;
	list-style:circle;
}
.main ol {
	margin:0 0 0 20px;
	list-style:decimal;
}
.main h2 {
	padding:10px 0 0;
}
h2 {
	font-size:24px;
}
h2.apply, h2.resources, h2.cost, h2.state, .wide h1 {
	display:block;
	padding:20px 0 0 65px;
	width:335px;
	height:40px;
	font-size:16px;
}
.wide h1 {
	width:740px;
}
h2.resources, h2.cost {
	margin:10px 0 0;
}
h2.apply {
	background:url(../../ran_imgs/h2_apply_bg.png) no-repeat;
}
h2.resources {
	background:url(../../ran_imgs/h2_resources_bg.png) no-repeat;
}
h2.cost {
	background:url(../../ran_imgs/h2_cost_bg.png) no-repeat;
}
h2.state {
	background:url(../../ran_imgs/h2_state_bg.png) no-repeat;
}
.wide h1 {
	background:url(../../ran_imgs/h1_path_bg.png) no-repeat;
}
.main h3 {
	font-size:16px;
	padding:10px 0 0;
}
.main h3.line {
	border-top:5px solid #ced7d9;
	margin:10px 0 0;
	padding:20px 0 0;
}

.main h2.icon-glass, .main h2.icon-money, .main h2.icon-board {
	background:url(../../ran_imgs/headers.png) no-repeat;
	padding:22px 0 7px 90px;
	margin:18px 0 0 -36px;
	height:37px;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
	overflow:hidden;
	font-size:18px;
}
.main h2.icon-money {
	background-position:0 -67px;
}
.main h2.icon-board {
	background-position:0 -133px;
	padding:23px 0 8px 90px;
}

/* SIDE BAR ----------------------------------------------------*/
.side {
	float:left;
	padding:20px 0 0 20px;
	width:320px;
	font-size:13px;
	line-height:18px;
}
.wide .side {
	float:right;
	padding:20px 20px 0 0;
	width:220px;
}
.side_alt {
	float:left !important;
}
.side h2 {
	margin:0 0 10px;
	padding:20px 0 10px;
	border-bottom:1px solid #ced7d9;
	font-size:18px;
	line-height:21px;
	text-align:center;
}
.side ul {
	margin:0 0 0 15px;
	list-style:circle;
}
.side fieldset ul, .side ul.states {
	margin:0;
	list-style:none;
}
.side ul.states {
	width:160px;
	float:left;
}

/* PATH ----------------------------------------------------*/
.path_bg, .wide h2 a {
	color:#0a3542;
}
.wide h2 a {
	font-weight:bold;
}
.path_bg h2 {
	margin:0;
	padding:0 0 10px;
	border-bottom:1px solid #8ab9c7;
}
.path_bg h2 a {
	font-size:21px;
	line-height:24px;
}
p.btn {
	padding:10px 0 0;
}
p.btn.r {
	padding:10px 0 0 20px;
	float:right;
}
p.btn.l {
	padding:10px 20px 0 0;
	float:left;
}
/* OFFERS.php ----------------------------------------------------*/
.module {
	margin:10px 0;
}
.module h2, h2.orange {
	font-size:21px;
	color:#C60;
}
.table_holder {
	width:470px;
	margin:20px auto;
	padding:20px 0 0;
	border-top:1px solid #8ab9c7;
}
.table_holder p {
	text-align:center;
}
.module li {
	padding:0 0 5px;
}
.icon {
	float:left;
	padding:0 10px 50px 0;
}

/* FORM ----------------------------------------------------*/
form, .path_bg, .module {
	border:5px solid #8ab9c7;
	padding:20px;
	background:#bce7f4;
}
.module {
	background:#fff;
}
fieldset li {
	padding:0 0 10px;
}
fieldset label {
	display:block;
	padding:0 0 5px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#0a3542;
}
fieldset input, .module ul input {
	border:1px solid #8ab9c7;
	padding:5px;
	width:258px;
}
.module ul, #health_conditions {
	font-size:13px;
	color:#444;
}
.module ul input.radio {
	width:15px;
}
fieldset select, .module ul select {
	border:1px solid #8ab9c7;
	padding:5px;
}
.module label {	
	width:190px;
	margin:7px 10px 0 0;
	float:left;
  font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	color:#0a3542;
}
fieldset input.btn {
	width:270px;
	border:0;
	margin:10px 0;
	padding:0;
}
fieldset p {
	font-size:12px;
	line-height:14px;
	color:#666;
}

fieldset input.btn_2{
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(http://www.unemploymentgrants.net/ung_imgs/submit_notext.png) no-repeat scroll 0 0;
		border:0 none;
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		height:50px;
		margin:10px 0;
		padding:0;
		text-align:center;
		width:270px;
}

.path_bg.alt {
	padding:20px;
	margin:50px 0 50px 0;
}
.alt_heading {
	padding:0 0 10px; font-size:13px; font-weight:normal; line-height:16px; font-family:Arial, Helvetica, sans-serif
}


/* FOOTER ----------------------------------------------------*/
.footer {
	margin:20px auto 40px;
	width:780px;
	text-align:center;
	font-size:12px;
}
.footer li {
	display:inline;
	padding:0 5px;
}

/* -- STEPS -- */

ul.steps {height:100px; padding:0; background: url(../../ran_imgs/step_bg.png) no-repeat left top; overflow:hidden;}
ul.steps li {display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; padding: 15px 20px 0 10px; margin:0; color:#ffffff; width:120px; height:100px; display:block; float:left; background:url(../../ran_imgs/step_arrow.png) no-repeat right top;} 
ul.steps li a {color:#330000; text-decoration:none; border:0;}
ul.steps li.end {margin:0; padding:15px 0 0 10px; width:120px; background:none;}
ul.steps li strong {padding:0 0 5px 0; color:#ffffff; width:120px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
ul.steps li a strong {color:#fbe3bf;}
ul.steps li a:hover, ul.steps li a:hover strong {color:#ffffff;}


.arrow_heading_bg {
	width:740px;
	height:40px;
	background:url(../../ran_imgs/arrow_bg.png) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	text-shadow:0 -1px 1px #0a3542;
}
.arrow_heading_bg .tag {
	padding:12px 0 0 10px;
	float:left;
	width:225px;
}
.arrow_heading_bg .tag.middle {
	width:200px;
}

ul.ads {
	list-style:none;
}
.ads li {
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #ccc;
}
.ads li h4 a {
	color:#0000FF;
	border:0;
	text-decoration:underline;
	font-size:18px;
}
.ads li p a {
	color:green;
	border:0;
	text-decoration:underline;
}