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

version:   1.0
author:    
email:     @practisinc.com
website:   http://www..com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #F0F0F0;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#000;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 810px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:url(../images/bg.gif) repeat-x;
	}
	
	body.one_col { background:none; }
	
	/* 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; color:#00573D; }
	h2 { font-size: 1.3em; color:#00573D; }
	h3 { font-size: 1.1em; color:#00573D; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #00533A; }
	a:visited { color: #00533A; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 810px;
	  margin: 20px auto 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	body.one_col #container { margin:0 10px; }
	
	#content {}
	
	#footer { margin-top:10px; padding-top:10px; text-align:center; border-top:1px solid #99b6ac; font-size:0.92em;  }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { width:500px; height:41px; margin:12px 0 0 15px; padding:0; float:left; list-style-type:none; }
	ul#nav_main li { height:41px; width:97px; margin:0 3px; background:url(../images/bg_tab.gif) no-repeat; float:left; }
	ul#nav_main li a { height:26px; width:97px; padding-top:15px; text-align:center; color:#000; font-size:12px; font-weight:bold; text-decoration:none; display:block; cursor:pointer;}
	ul#nav_main li a:hover { background:url(../images/bg_tab_over.gif) no-repeat; }
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	body.articles ul#nav_main li.articles a,
	body.feeds ul#nav_main li.feeds a,
	body.files ul#nav_main li.files a,
	body.users ul#nav_main li.users a { background:url(../images/bg_tab_over.gif) no-repeat; }
	
		
	#nav_sub { width:200px; float:right; font-size: 0.92em; text-align:right; }
	#nav_sub, #nav_sub a { color: #FFF; }
	#nav_sub a { padding:0 5px; text-decoration:none; }
	#nav_sub a:hover { text-decoration:underline; }
	
	
	#nav_supp { font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
		
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:120px; }
	#branding h1 { width:223px; height:96px; padding:0; margin:0; float:left; position:relative; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; }		
	
	#branding h2 { width:500px; margin:5px 0 0 40px; float:left; font-family:"Trebuchet MS"; font-size:18px; color:#FFF; }	
	
	
	/* =Columns
	-----------------------------------------------------------------------------*/	
	#content_main { display:inline; width:550px; margin-right:10px; float:right; }
	
	#content_sub { display:inline; width:200px; float:left; padding:10px; } 	
	
	#its { background:url(../images/its_bg.gif) repeat-y; }
	#its h2 { padding:10px; margin:0; font-size:14px; background:url(../images/its_top.gif) no-repeat top right; }
	#its p {  padding:0 10px 5px 10px; margin:0; background:url(../images/its_bottom.gif) no-repeat bottom right; }
	#its ul { padding:0 0 5px 10px; margin:0; list-style-type:none; background:url(../images/its_bottom.gif) no-repeat bottom right; }
	#its li { margin:0 3px 3px 0; line-height:20px; background:url(../images/bg_its_link.gif) no-repeat; }
	#its li a { color:#343434; text-decoration:none; }
	#its li a:hover { text-decoration:underline; }
	
		
	td.content { padding:0 10px; background:url(../images/box_bg.gif) repeat-y; }
	td.content2 { padding:0 0 0 1px; background:url(../images/box_bg.gif) repeat-y; }
	
	
	#user_status { height:21px; margin-bottom:20px; padding:5px 0 0 10px; background:url(../images/user_status_bg.gif) no-repeat; color:#343434; }
	#user_status strong { color:#004833; }
	
	
	table.highlight { background:#FFF9D5; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; }
	#site_info, #site_info a { color: #;}
	#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;
	}
	*/
	
	#error {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	#error ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	}
	
	tr.alt { background:#FFF9D5; }
	thead { background:#004F37; }
	thead th { color:#FFF; }
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	p.message, p.note { background:#FFFFCC; padding:10px; }
	p.alert { border: 1px solid red; background:#FFCCCC; padding:5px; text-align:center; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}