@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------
[ Main Website Information ]

/*------------------------------------------------------------------------
[ Table of contents	]
Any additions to this table below can go under that number with an
alpha letter to sub category. Everything in content area should be as such
	[ 9a. Pagination ] as an example

1.	Remove all defaults
2.	Body
3.	Wrapper (#wrapper to enclose all design)
4.	Header area (#header)
5.	Branding (#brand)
6.	Navigation area (#)
7.	Secondary navigation area (#second-nav)
	[ 7a. Third navigation area (third-nav) ]
8.	Content area holder (#content)
9.	Main content area (#main-content)
10.	Second content area (#second-content)
11.	All table styles (#main-table)
12. All form styles (#main-form)
13. RSS (#rss)
14.	Advertisements (#ads)
15. Preloaded images (.images)
16. Footer area (#footer)

/*------------------------------------------------------------------------
[ Color Codes ]

Background:		#
Content:		#
Header h1:		#
Header h2:		#
Footer:			#

a (standard):	#
a (visited):	#
a (active):		#

/*------------------------------------------------------------------------
[Typography]

Heading Styles:		Verdana, Helvetica, Arial, Geneva, sans-serif;
H1						
H2					16px
H3					16px
H4					14px

Body copy:			
	Body Style:		Verdana, Helvetica, Arial, Geneva, sans-serif;
	Body height:	
	Body tracking:	0.1 (0.2 Letter Spacing)

Input, textarea:	

/* [ 1. Remove all defaults ]
------------------------------------------------------------------------*/
/* Remove all padding and margins */
* {
	margin: 0;
	padding: 0;
}

/* Html and body padding & margins */
html, body{
	height: 100%;
	margin: 0;
	padding: 0;	
	
	/* BUG: Fix IE6 bug */
	text-align: center;
}

body {
}

/* Remove padding & margins */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}

/* Remove border images */
img {
	border: 0;
}

/* Remove styles from list items */
ul, li {
	list-style:none;
}

/* [ 2. Body ]
------------------------------------------------------------------------*/
body {
	background: url("images/main_bg.jpg") top center repeat;
	font-family: Arial, sans-serif;
}

#clear {
	clear: both;
}



/* [ 3. Wrapper ]
------------------------------------------------------------------------*/
#nav_wrapper1 {
	background: url("images/main_nav_bg.png") top center repeat;
	width: 924px;
	height: 60px;
	margin: auto;
	padding: 0;
}

#nav_wrapper2 {
	background: url("images/main_nav_left.jpg") top left no-repeat;
	width: 924px;
	height: 60px;
	margin: auto;
	padding: 0;
}

#nav_wrapper3 {
	background: url("images/main_nav_right.jpg") top right no-repeat;
	width: 924px;
	height: 60px;
	margin: auto;
	padding: 0;
}

#nav_wrapper4 {
	margin: 0;
	padding: 20px 0 0 34px;
}

#main_wrapper1 {
	background: url("images/page_bg.png") top center repeat-y;
	width: 926px;
	margin: auto;
	padding: 0;
}

#main_wrapper2 {
	background: url("images/page_top.png") top center no-repeat;
	width: 926px;
	margin: auto;
	padding: 0;
}

#main_wrapper3 {
	background: url("images/page_bottom.png") bottom center no-repeat;
	width: 926px;
	margin: auto;
	padding: 0 0 20px 0;
}

/* [ 4. Header ]
------------------------------------------------------------------------*/
/* [ 5. Brand ]
------------------------------------------------------------------------*/
#banner {
	background: url("images/main_banner.png") top center no-repeat;
	width: 942px;
	height: 259px;
	margin: auto;
	padding: 0;
}


/* [ 6. Main Navigation ]
------------------------------------------------------------------------*/
#nav_item {
	float: left;
	padding-right: 50px;
}

#nav_item2 {
	float: left;
}

#nav_caption {
	color: #7b7b7b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	letter-spacing: -0.5px;
	height: 9px;
	line-height: 9px;
}

#nav_main {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	height: 24px;
	line-height: 24px;	
}

#nav_main a:link, #nav_main a:visited {
	color: #ffffff;
	text-decoration: none;
}

#nav_main a:hover {
	color: #b4b5b7;
	text-decoration: none;
}

/* [ 7. Secondary Navigation ]
------------------------------------------------------------------------*/
#second_nav {
	margin: auto;
	padding-top: 7px;
}

/* [ 8. Content area ]
------------------------------------------------------------------------*/
#main_left {
	float: left;
	margin-left: 17px;
	width: 211px;
}

#img_1 {
	padding-bottom: 5px;
	border: none;
}

#img_2 {
	padding-bottom: 10px;
	border: none;
}

#img_3 {
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
}

#main_right {
	float: left;
	width: 183px;
	padding-top: 10px;
}

/* [ 9. Main content area ]
------------------------------------------------------------------------*/
#main_mid {
	float: left;
	width: 500px;
	padding-top: 10px;
}

#main_content {
	width: 470px;
	margin: auto;
	padding-top: 10px;
	text-align: justify;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
}

#main_content a:link, #main_content a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#main_content a:hover {
	color: #FF0000;
	text-decoration: none;
}

#main_content2 {
	width: 470px;
	margin: auto;
	padding-top: 10px;
	text-align: justify;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
}

#main_content2 a:link, #main_content2 a:visited {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

#main_content2 a:hover {
	color: #333333;
	text-decoration: none;
}

#memberslinks {
	width: 470px;
	margin: auto;
	padding-top: 10px;
	text-align: justify;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
}

#memberslinks a:link, #memberslinks a:visited {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

#memberslinks a:hover {
	color: #333333;
	text-decoration: none;
}

#tips {
	width: 470px;
	margin: auto;
	padding-top: 10px;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
}

#tips a:link, #tips a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#tips a:hover {
	color: #FF0000;
	text-decoration: none;
}

/* [ 10. Second content area ]
------------------------------------------------------------------------*/
#memberimage {
	float: left;
	width: 158px;
	margin-top: 15px;
	padding-right: 12px;
}
#memberinfo {
	float: left;
	width: 300px;
	text-align: left;
	margin-top: 15px;	
}

#freeze {
	margin: auto;
	width: 400px;
}

#freeze a:link, #freeze a:visited {
	color: #FF0000;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
}

#freeze a:hover {
	color: #333333;
	text-decoration: none;
}

/* [ 11. Tables ]
------------------------------------------------------------------------*/
/* [ 12. Forms ]
------------------------------------------------------------------------*/
/* [ 13. Rss ]
------------------------------------------------------------------------*/
/* [ 14. Advertisements ]
------------------------------------------------------------------------*/
/* [ 15. Preloaded Images ]
------------------------------------------------------------------------*/
/* [ 16. Footer ]
------------------------------------------------------------------------*/
#footer {
	background: url("images/page_shadow.png") top center no-repeat;
	width: 926px;
	height: 85px;
	margin: auto;
	padding: 0;
}

#footer_left {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 10px;
	color: #000000;
	margin: 20px 0 0 20px;
}

#footer_right {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 10px;
	color: #000000;
	margin: 20px 20px 0 0;
}

#footer_right a:link, #footer_right a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#footer_right a:hover {
	color: #333333;
	text-decoration: none;
}

#footer_nav {
	float: right;
}