/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    
email:     @practisinc.com
website:   http://www.wrog.org/
-----------------------------------------------------------------------------*/
@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 900px; /* Centered design work around for Netscape 6. */
	  background: url(../images/bg.gif) repeat-x;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #487802; }
	a:visited { color: #487802; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 900px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#three_column #content { background: url(../images/bg_content.jpg) no-repeat; }
	#two_column #content { background: url(../images/bg_content2.jpg) no-repeat; }
	#two_column #content_bg { background: url(../images/bg_content2_repeat.gif) repeat-y; }
	
	#footer { height: 63px; background: url(../images/bg_footer.gif) no-repeat; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	#nav_main { }
	
	
	#nav_sub { 
		width: 420px; 
		height: 59px; 
		float: right; 
		padding-top: 30px;
		padding-right: 20px;
		text-align: right; 
		font-family:"Arial", Times, serif; 
		background: url(../images/bg_nav_utility.gif) no-repeat; 
		font-size: 11px;
	}
	#nav_sub, #nav_sub a { color: #41403d; }
	#nav_sub a { text-decoration: none; }
	#nav_sub a:hover { text-decoration: underline; }
	
	
	#nav_supp { padding-top: 5px; text-align: center; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #6f6f6f; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height: 89px; }
	#branding img, #branding_sub img { float: left; }
	
	#three_column #branding_sub { height: 165px; }
	#two_column #branding_sub { height: 144px; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display: inline; width: 550px; float: left; margin-top: 80px;   }
	
	#three_column #content_sub { display: inline; width: 330px; float: left; }
	#three_column #content_sub #whats_new { margin-left: 70px; background: url(../images/bg_whats_new.gif) repeat-y;  }
	#three_column #content_sub #whats_new ul { padding-left: 20px; margin: 0; list-style-type: none; padding-top: 6px; font-size:11px;}
	#three_column #content_sub #whats_new ul li { padding-right: 40px; padding-bottom: 15px; font-size:11px; }
	
	#three_column #content_sub .facebook { margin:10px 0 0 90px;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display: inline; width: 558px; float: left; margin-left: 40px; }
	
	#two_column #content_sub { display: inline; width: 279px; float: left; }
	#two_column #content_sub #in_this_section { width: 212px; min-height:100px; float: right; background: url(../images/bg_in_this_section.gif) repeat-y; }
	#two_column #content_sub #in_this_section ul { min-height:100px; }
	#two_column #content_sub #in_this_section ul ul { min-height:inherit; margin:0; padding:0; }
	#two_column #content_sub #in_this_section ul ul li { margin:0 0 0 15px; padding:0; }
	#two_column #content_sub #in_this_section h1 { margin-left: 18px; color: #445529; font-size: 12px; }
	
	* html #two_column #content_sub #in_this_section img{ margin-bottom:-4px; }
	*+html #two_column #content_sub #in_this_section img{ margin-bottom:-4px; }
	
	.vcard { margin-left: 15px; }
	
	.callout { width: 212px; float: right; padding: 10px 0; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin-top: 5px; font-size: 0.92em; text-align: center; }
	#site_info, #site_info a { color: #6f6f6f;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 35%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	/*textarea {
	  width: 300px;
	  height: 100px;
	}
	*/
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	
	a.davinci-callout,
	a:visited.davinci-callout,
	a:hover.davinci-callout {text-decoration:none;}
	.davinci-callout img {width:177px;}
	img.right {float:right; margin:0 0 10px 10px;}
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
}


/* =Print Style Sheet
-----------------------------------------------------------------------------*/
@media print {
	html { margin: 0; }
	
	body { margin: 0; font: 12px Arial, Helvetica, sans-serif; }
	
	h1 { font-size: 18px; }
	h2 { font-size: 15px; }
	h3 { font-size: 13px; }
	
	#branding,#branding_sub,#nav_main,#nav_sub,#nav_supp { display: none; }
	  
	#content_main,#content_sub,#side_content { float: none; }
}