/* Reset Styles */
/*-------------------------------------*/

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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
a {
	text-decoration:none; 
	font-weight:bold;
	color:#f48135; 
}
a:hover {
	text-decoration:underline;
}
body {
	line-height: 1.4em;
	color: #333;
	background:#fff url('../graphics/bg_home_header.jpg') top center repeat-x;	
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size:12px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearBoth { clear:both; }
strong { font-weight:bold; }
input { font-size:12px; color:#333; }
select { font-size:12px; color:#333; }



/* Container */
/*-------------------------------------*/

#container 				        { width:760px; margin:0 auto; } 


/*    */
/*-------------------------------------*/     
                                               
#header                         { height:290px; }
#header ul                      { list-style:none; margin-left:5px; }
#header ul li                   { float:left; }
#header h1                      { clear:both; text-indent:-5000px; background:url('../graphics/bg_home_logo.jpg') bottom left no-repeat; height:225px; float:left; width:500px; cursor:pointer;}
#header #vomLogo                { text-indent:-5000px; background:url('../graphics/bg_vom_logo.jpg') bottom left no-repeat; height:225px; float:right; width:174px; }

#page                           { padding: 20px 5px; overflow:hidden; width:760px; background:url('../graphics/bg_home_content.gif') top left repeat-y; }                                       
#page h2                        { font-weight:bold; font-size:22px; border-bottom:1px solid #e5e5e5; padding: 5px 0 10px 0; margin-bottom:15px; }
#page h3                        { font-weight:bold; font-size:16px; padding: 5px 0 10px 0; margin-bottom:5px; color:#F48135;}

#page .sectionHeader     	{ border-bottom:1px solid #e5e5e5; padding:10px 0 0 0; margin-bottom:10px; width:560px; overflow:hidden; }
#page .sectionHeader h2  	{ border-bottom:none; font-weight:bold; font-size:22px; width:410px; float:left; }
#page .sectionHeader p   	{ float:right; width:150px; text-align:right; padding-top:0px; margin-top:6px; }


#content                        { width:560px; float:left; }
#content ol                     { list-style-type:decimal; padding:0 0 0 25px; }
#content li                     { padding:0 20px 20px 20px; }
#content ul                     { padding:20px 20px 0 20px; }
#content .contentImage          { border:1px solid #ccc; margin: 0 0 10px 15px; float:right; }
#content .tfcImage              { margin: 0 0 10px 15px; float:right; }

#intro                          { width:290px; float:left; }
#intro a                        { font-weight:bold; color:#333; text-decoration:underline; }
#intro a:hover                  { text-decoration:none; }
#intro p                        { line-height:1.8em; padding-bottom:25px; }
#sidebar                        { width:250px; float:right; }
#sidebar ul                     { list-style:none; }
#sidebar h4                     { font-size:14px; font-weight:bold; padding:30px 0 6px 0; border-bottom:1px solid #e5e5e5; }
#sidebar td                     { border-top:1px solid #e5e5e5; padding:4px 0 0 0; font-weight:bold; }
#sidebar .topRow td             { border-top:none; }
#sidebar table                  { width:250px; padding-top:4px; }
#sidebar table .stat            { text-align:right; }                    
#sidebar table .help a          { color:#ddd; }
#sidebar #quotes ul				{ padding:0; }
#sidebar #quotes li				{ background: url(../graphics/bg_quotes_home.gif) top left no-repeat; border-bottom:1px solid #e5e5e5; padding:0 15px 10px 25px; }
#sidebar #quotes blockquote		{ padding:10px 0 0 0; font-family:Georgia, sans-serif; font-style:italic; font-size:12px; }
#sidebar #quotes .author		{ font-weight:bold; text-align:right; }
#sidebar #quotes a				{ text-align:right; display:block; padding:10px 15px; }

#takeAction                     { width:170px; float:right; }
#page #takeAction h2            { padding:5px 0 10px 5px; width:150px; color:#f48135; }
#takeAction input               { width:130px; margin-left:5px; }
#takeAction #goLogon            { width:35px; margin:0 0 -5px 4px; }
#takeAction .forgot             { font-size:11px; color:#a8a8a8; padding: 8px 0 14px 5px; }
#takeAction .forgot a           { color:#a8a8a8; text-decoration:underline; }
#takeAction label               { color:#666; font-style:italic; padding:7px 0 0 5px; display:block; }
#takeAction h4                  { font-weight:bold; color:#f48135; font-size:14px; border-bottom:1px solid #e5e5e5; padding:11px 0 4px 5px; width:145px; }
#takeAction .join               { text-align:center; width:140px; padding-bottom:14px; }
#takeAction .join p             { padding-bottom:5px; }
#takeAction ul                  { padding-left:5px; list-style:none; }
#takeAction li                  { padding-top:5px; }
#takeAction li a                { color:#666; }
#takeAction .text               { font-size:12px; color:#f48135; padding: 8px 0 14px 5px; }
       
#signup_form div                { clear:left; padding-top:8px; }
#signup_form label              { display:block; float:left; width:150px; padding-right:10px; padding-top:5px; text-align:right; color:#333; font-weight:bold; }
#signup_form #userDetails       { padding-bottom:16px; }
#signup_form #personalDetails   { padding-bottom:16px; border-top:1px solid #e5e5e5; }
#signup_form #groupDetails      { padding-bottom:34px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#signup_form h4                 { font-weight:bold; font-size:14px; padding:24px 0 0 0; }
#signup_form #commitTo          { overflow:hidden; width:100%; padding-bottom:20px; }
#signup_form .optional          { font-weight:normal; color:#929292; }
#signup_form #commitTo strong   { font-style:italic; }
#signup_form #commitTo label    { float:right; font-weight:normal; width:505px; text-align:left; }
#signup_form #commitTo input    { margin-top:6px; display:block; float:left; }
#signup_form #commitTo p        { padding:15px 0 0 20px; clear:both; }
#signup_form #submitForm        { clear:both; padding:20px 0 40px 0; border-top:1px solid #e5e5e5; text-align:center; }

#searchlist                     { width:600px; float:left; }
#searchlist .sectionHeader     { border-bottom:1px solid #e5e5e5; padding:10px 0 0 0; margin-bottom:10px; width:550px; overflow:hidden; }
#searchlist h2                 { border-bottom:none; font-weight:bold; font-size:22px; width:500px; float:left; }
#searchlist .sectionHeader p   { float:left; width:500px; text-align:left; padding-top:0px; margin-top:6px; }


#commentsFromMembers .sectionHeader     { border-bottom:1px solid #e5e5e5; padding:40px 0 0 0; margin-bottom:10px; width:750px; overflow:hidden; }
#commentsFromMembers h2                 { border-bottom:none; font-weight:bold; font-size:22px; width:600px; float:left; }
#commentsFromMembers .sectionHeader p   { float:right; width:150px; text-align:right; padding-top:0px; margin-top:6px; }
#commentsFromMembers .comment       { font-style:italic; }
#commentsFromMembers .commenter     { font-weight:bold; padding:4px 0 17px 0; }
#commentsFromMembers .moreComments  { border-top:1px solid #e5e5e5; text-align:right; padding:6px 0 45px 0; } 
 


#searchlist table {
	margin: 0 0px;
	width:550px;
	background-color:#efefef;
	font-size:14px;
}
#searchlist th {
	vertical-align:top;
	padding:3px 3x;	
	border-bottom:1px dotted #d0d1ca;
	border-top:1px dotted #d0d1ca;
}

#searchlist td {
	vertical-align:top;
	font-size:12px;
	padding:3px;	


}

#searchlist tr.color0 {
background-color: #f9faf5;
}

#searchlist tr.color1 {
background-color: white;
}




#main_content p                 { line-height:1.6em; padding-bottom:20px; }

#tooltip				  { position:absolute; border:1px solid #ccc; background:#fff; padding:3px 6px; color:#666; display:none; }

/*    */
/*-------------------------------------*/     




/* Footer */
/*-------------------------------------*/

#footer				            { font-size:12px; margin:0 auto; border-top:1px solid #d1d1d1; }
#footer #footer_tagline         { overflow:hidden; width:750px; margin:0 auto; color:#aaa; padding:10px 5px 15px 5px; }
#footer #footer_tagline a       { color:#aaa; text-decoration:underline; }
#footer #copy                   { float:left; }
#footer #attr                   { float:right; padding:0; }