@charset "utf-8";
/* 					MAIN.CSS				 	*/
/* 			(C) 2008 Recruiter Academy		 	*/
/* 		Design by Nicholas Creative Media		*/

html {
	width: 100%;
	height: 100%;
	margin: 0px;
}
body {
	width: 1000px;
	margin: auto;
	padding: 0px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	text-align: center;
	background-color: #e5e5cc;
}
#container {
	width: 960px;
	text-align: left;
	padding: 20px;
	margin: auto;
	background-color: #fff;
}

a			{ color: #39c; text-decoration: underline; }
a:visited 	{ color: #39c; text-decoration: underline; }
a:active	{ color: #39f; text-decoration: none; }
a:hover		{ color: #39f; text-decoration: none; }

img { border-width: 0px !important; }
input { font-size: 1.1em; float: left; }
input.text {
	border-top: 1px solid #666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #666;
	padding: 2px;
}
label { color: #333; }
form { margin-top: 3px; }
div { float: left; }
ul, ol { font-size: 1.2em; list-style-type: square; }
li { padding-bottom: 3px; }

h1 {
	font-size: 18px;
	color: #c30;
	font-weight: normal;
	text-align: left;
	padding: 0px;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #069;
	margin-bottom: 0px;
	padding-bottom: 5px;
	text-align: left;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #cc3300;
	margin-bottom: 0px;
	padding-bottom: 5px;
	text-align: left;
}

p { 
	font-size: 1.2em; 
	text-align: left;
	margin-top: 5px;
}

.err { color: #f00; }

#nav { 
	width: 865px; 
	height: 65px;
	padding-left: 95px;
	background: url(../images/ra2.gif) no-repeat;
}
#nav img { float: left; }
#nav ul  {
	width: 865px;
	float: left;
	list-style: none;
	margin: 14px 0px 14px 0px;
	padding: 0px;
	border-top: solid 1px #e5e5cc;
	border-bottom: solid 1px #e5e5cc;
	font-size: 1em;
}

#nav li {
	float: left;
	margin: 0px;
	display: block;
	list-style: none;
	line-height: 40px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 0px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-transform: uppercase;
	font-weight: lighter;
}

#nav a:link, #nav a:visited, #nav a:active  { color: #666; text-decoration: none; }
#nav a:hover { color: #999; text-decoration: none; }


#hm-whatisra {
	width: 413px;
	height: 180px;
	margin-right: 2px;
	padding-top: 30px;
	padding-left: 45px;
	background: url(../images/hm-rabg.jpg) #39c no-repeat;
}
#hm-whatisra p {
	padding-right: 55px;
	font-size: 1.1em;
	color: #000;
}
#hm-whatisra a { color: #c30; text-decoration: none; }

.hm-bluebox {
	width: 229px;
	height: 190px;
	background-color: #09c;
	padding: 10px;
	text-align: center;
}
.hm-bluebox p {
	text-align: left;
	font-size: 1.4em;
	color: #fff;
}

#hm-blog {
	margin-right: 2px;
}

#hm-testimonial {

}

.hm-whitebox {
	padding: 20px 10px 0px 10px;
	font-size: 1.1em; 
}
.hm-whitebox a { text-decoration: none; }
#hm-events { width: 438px; }
.events td { 
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: solid 1px #eee;
}
.events .small { font-size: .9em; color: #666; }
#hm-signup { width: 230px; }
#hm-resources { width: 230px; }

#left-col {
	width: 140px;
	padding-top: 15px;
}
#left-col a			{ color: #09c; text-decoration: none; }
#left-col a:visited { color: #09c; text-decoration: none; }
#left-col a:active	{ color: #11b1e6; text-decoration: underline; }
#left-col a:hover	{ color: #11b1e6; text-decoration: underline; }
#left-col ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	border-top: 1px dotted #999;
	margin-top: 7px;
	font-size: 1em;
}

#left-col li {
	list-style-position: outside;
	list-style-image: none;
	background: url(../images/subnav-bullet.gif) no-repeat 0px 8px;
	padding: 5px 0px 5px 7px;
	border-bottom: 1px dotted #999;
}

#mid-col {
	width: 580px;
	padding-left: 20px;
	padding-right: 20px;
}

#crumbs {
	width: 580px;
	height: 15px;
	line-height: 15px;
	padding-bottom: 10px;
}

#right-col {
	width: 200px;
}

#right-col .box {
	width: 180px;
	padding: 10px;
	margin-top: 2px;
	text-align: center;
	background-color: #09c;
	color: #fff;
}

#footer {
	width: 960px;
	height: 30px;
	font-size: .9em;
	color: #666;
	padding-top: 10px;
	margin-top: 20px;
	border-top: solid 1px #e5e5cc;
	background: url(../images/foot-ra.gif) no-repeat right 10px;
}
#footer span a { color: #666; text-decoration: none; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 18px;
	height: 24px;
}


/*Begin Fossit added CSS */
.fakeanchor			{ color: #39c; text-decoration: underline; cursor:pointer; }
.fakeanchor:hover		{ color: #39f; text-decoration: none; cursor:pointer; }

table {
	font-size:x-small;
	color:black;
}

th {
	font-size:small;
	text-align:center;
}

#fs_errormessage {
	font-size:x-small;
	color:red;
}

/* copy from nicholascreativemedia.com */
#testimonial {
	width: 180px;
	margin-top: 10px;
}
#testimonial .top {
	width: 180px;
	height: 15px;
	background: #fff url(../images/test-top.gif);
}

#testimonial .copy {
	width: 148px;
	padding: 0px 15px 5px 15px;
	font-size: 1.2em;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff url(../images/test-copy-bg.gif) top no-repeat;
}
#test-copy-ext { display: none; font-size: .9em; }
#testimonial .btm {
	width: 100px;
	height: 45px;
	padding-top: 5px;
	padding-left: 80px;
	background: #fff url(../images/test-btm.gif);
}
#testimonial .logo {
	width: 180px;
	color: #666;
	text-align: center;
	font-size: 1.2em;
}

#wide-col {
	width: 760px;
	padding-left: 20px;
}