/*
	dayvisitor.com - screen.css
*/

*,body { padding: 0; margin: 0; }
body { background: #333 url(pg_bk.gif) top left repeat-x; color: #000; text-align: center; font: normal 12px/15px Arial, Helvetica, sans-serif; }
.clear {clear: both; height: 1px;}
/*	main page container		*/
#page { margin: 30px auto; width: 780px;  background: transparent url(pg_bk_shd.jpg) top left repeat-y; color: #111; }

/*	header area*/
#header { height: 175px; background: transparent url(header_shd.jpg) top left no-repeat; color: #fff; text-align: left; }
#header h1 { float: left; width: 160px; font-wieght: normal; font-size: 10px; line-height: 15px; padding: 0 0 0 25px;}
#header p { float: left; width: 250px; font-wieght: normal; font-size: 10px; line-height: 15px; }

/*	top nav*/
#topnav { position: relative; top: 95px; left: 200px; height: 19px; width: 380px; text-align: left;}
#topnav ul { height: 18px; list-style-type: none; padding: 0;  background: transparent; color: #f00; }
#topnav li { float: left; width: auto; text-align: center; font-size: 11px; font-weight: bold; }
#topnav li a { display: block; text-decoration: none; background: transparent; color: #666; padding: 0 9px;}
#topnav li a:hover { background: transparent; color: #ff9f40; }
#topnav li a:active { background: transparent; color: #666; }
#topnav li a.on { background: transparent; color: #ff9f40; }
#topnav li a.on:hover{ background: transparent; color: #ff9f40; text-decoration: underline; }

/*	contentbox	*/
#contentbox { margin: 0 auto; width: 740px; background: transparent; color: #222;text-align: left;}
#leftbox { float: left; width: 172px; background: transparent; color: #666; padding: 0;}
#leftbox .right {padding-left: 30px;} 
#rightbox { float: right; width: 172px; background: transparent; color: #666; padding: 0;}
#content {float: left; width: 340px; margin: 0 0 0 3px; padding: 0 15px;  background: #fff; color: #222;}
#content h2 { margin: 5px 0 10px; font-size: 18px; color: #f93; background: transparent; font-weight: bold;}
#content h3 { margin: 0 0 25px; font-size: 18px; color: #f93; background: transparent; font-weight: normal;}
#content p { padding: 0 0 15px;}
#content ul, #content ol {margin: 0 0 20px 20px;}
#content ul.nobullets { list-style-type: none;}
#content li { padding: 0 0 5px;}
img {border: none;}
#content a {background: transparent; color: #39f;} 
#content .right { float: right; width: auto; padding: 0; margin: 0 0 10px 15px;}

/*	Boxes for content columns	*/
#content  .thirdbox {float: left; width: 31%; margin: 20px 1%; }
#content  .thirdbox a {font-size: 0.95em;}
#content  .secondbox {float: left; width: 45%; margin: 20px 1%; }
#content  .secondbox a {font-size: 0.95em;}

/*	Form tags	*/
#content form { margin: 0; padding: 2px; background: #fff; color: #222; }
#content fieldset { border: none;  }
#content fieldset .hint {font-size: 0.8em; }
#content ul.onecol, #content ul.twocols { list-style: none; float: left; width: 80%; }
#content ul.twocols li {float: left; width: 40%; margin: 0 5px 5px 0; padding: 10px; background: #ccc; color: #000;}
#content ul.onecol li { float: left; width: 99%; margin: 0 5px 5px 0; padding: 10px; background: #ccc; color: #000;}

#content label {font-weight: bold; padding: 5px 0; float: left; width: 75%; }
#content label.text  {float: left; width: 30%; text-align: right;}
#content .inputfield { float: right; width: 65%; } 
#content .radio, #content .check { float: right; width: 10%; } 

/*	tables	*/
#content table { margin: 10px 0; margin-bottom: 15px; font-size: 1em; padding: 5px;}
#content caption, .simpletable caption { margin: 5px; background: #f3f9ee; color: #555; text-align: right; font-size: 0.95em; padding: 3px 5px;}
tr.header	{ background-color: #555; color: #fff; border: 1px solid #111;}
tr.odd { background-color: #ffefdf; color: #222; }
tr.even { background-color: #dfd8d1; color: #222;}
th { background-color: #555; color: #fff; border: 1px solid #111;padding: 5px;}
td { padding: 5px; border: 1px solid #ddd;}

/**		Address	**/
#content address {font-style: normal; font-size: .95em; width: 55%; background: transparent url(vcard.jpg) top left no-repeat; height: 100%; line-height: 1.35em; margin: 5px 10px 10px 20px; padding: .5em .5em .5em 6em; border: 1px solid #ddd; border-right: 3px solid #ddd; border-bottom: 3px solid #ddd;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#content address img {float: right; width: auto; }


/*	rightbox */
#rightbox #sidebar { background: #ccc; color:#000; display: block; height: 450px; padding: 7px;}
#sidebar h3 { height: 14px; font-size: 10px; line-height: 12px; font-weight: normal; background: #666; color: #fff; border-bottom: 2px solid #ccc; text-align: center;}
#sidebar p { padding: 5px;  font-size: 10px; line-height: 12px; background: #fff; color: #000;}
#sidebar img {border: none;}
#sidebar a { background: transparent; color: #39f; font-size: 10px; line-height: 12px; text-decoration: none; }
#footer {background: transparent url(footer.jpg) top left no-repeat; color: #444; height: 50px; }