@charset "utf-8";
/* 

1. Global Reset
2. Layout
3. Headings & Text
4. Content
5. Menu
6. FAQ
7. Footer

*/
/*---------------------
   _GLOBAL Resets
---------------------*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*---------------------
	   _LAYOUT
---------------------*/

body{ background-color:#20242c;}
#container { margin: auto; margin-top:15px; width:600px; text-align:left; border:solid 5px #fff;}
#main {  border:solid 1px #999; background-color:#FFF;}
#header { border-bottom:dashed 1px #999; padding:10px; background:url(images/header_wheat.gif) no-repeat top left; text-indent:-999999px; height:113px;}
#contentcontainer {  padding:10px; }
#menu{ height: 30px; border-bottom:dashed 1px #999; margin-bottom:10px; background:#CCC url(images/menuback.gif) repeat-x bottom; font-family:Arial, Helvetica, sans-serif; font-size:16px;} 
#contentcontainer ul, ol { margin-left:15px; padding-bottom:8px;}
#contentcontainer li { padding-bottom:2px; }

/*-------------
	MENU
-------------*/
#menu ul { }
#menu li { float:left; width: 112px; height: 30px; border-left:solid 5px #bababa; color:#000;}
#menu li:hover { background-color:#999; border-left:solid 5px #7b7b7b; color:#fff; }
#menu li a { text-decoration:none; font-weight:bold; color:#000; padding-top:5px; display:block; height:30px; padding-left:3px; }
#menu li a:hover {  color:#fff; }
#aboutus .aboutus a, #aboutus .aboutus a:hover, #faq .faq a, #faq .faq a:hover, #hr .hr a, #hr .hr a:hover, #apply .apply a, #apply .apply a:hover, #contact .contact a, #contact .contact a:hover { background-color:#FFF; color:red; height:32px;}
#aboutus .aboutus, #aboutus .aboutus:hover, #faq .faq, #faq .faq:hover, #hr .hr, #hr .hr:hover, #apply .apply, #apply .apply:hover, #contact .contact, #contact .contact:hover{ border-left:solid 5px red; }
.home{}
.faq{}
.hr{}
.apply{}
.contact{}

/*----------------------------------
	  _HEADINGS AND TEXT
----------------------------------*/

#contentcontainer { font-family:Arial, Helvetica, sans-serif; }
#contentcontainer h2, p { margin-bottom:10px; }
#contentcontainer h2 { font-size:140%; border-bottom:dashed 1px #000; }
#contentcontainer h3 { margin-bottom:5px; font-size:110%; }
#contentcontainer h2, h3 { font-family:"Times New Roman", Times, serif; }
#contentcontainer a:link { color:#900; }
#contentcontainer a:hover { text-decoration:none; }

/*---------------------
		_FAQ
----------------------*/
a.toplink{
	display:block;
	font-size:60%;
	background:url(images/arrow_up.gif) no-repeat bottom left;
	padding-left:10px;
}
.question{ font-size:100%; }
.answer { font-size:80%; }

/*---------------------
		_FOOTER
---------------------*/

#footer { font-size:80%; border-top:dashed 1px #999; text-align:center; padding:10px; background:#CCC url(images/menuback.gif) repeat-x bottom; font-family:Arial, Helvetica, sans-serif;}