/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.					*/
/*	http://creativecommons.org/licenses/by/2.0						*/
/* This style sheet is licensed under a Creative Commons License.	*/
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li, h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }

/* for Internet Explorer */
* html form { height:100%; }
* html body { height:100%; width:100%; }
/* end of Internet Explorer */

body  
{
	background-image:url(images/bkg.jpg); background-repeat:repeat-x; background-position:top center; background-attachment:scroll; margin:0px; 
	font-size:12px; font-family: Lucida Grande, Geneva, Arial, Verdana, sans-serif; background-color:#ccc;
}
p { font-size:12px; }
ul { list-style-image:url(images/li.gif);padding-left:20px; }
li { padding-bottom:5px; font-size:12px; }

#wrapper { margin-left:auto; margin-right:auto; text-align:center; width: 750px; }

#header  
{
	width:750px; height:95px; text-align:left; 
	background-image:url(images/h.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:scroll;
}

#content { text-align:center; }

.menu  
{
	background-color:#242424; border-left:1px solid #fff; border-right:1px solid #fff; 
	background-image:url(images/nav.bkg.jpg); background-repeat:repeat-x; background-position:center top; background-attachment:scroll; 
}
.menu ul { list-style-image:url(images/blank.gif); height:30px; width:748px; padding:0px; line-height:normal; }
.menu li { text-align:center; padding-left:31px; padding-right:31px; padding-top:7px; padding-bottom:0px; float:left; }

.menu li.sep  
{
	width:2px; padding:0px; float:left; height:30px; background-color:#232323; 
	background-image:url(images/nav.sep.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:scroll; 
}
.menu a { color:#fff; }

.header { border-left:1px solid #fff; border-right:1px solid #fff; }

.content  
{
	clear:both; width:748px; text-align:center; color:#999; font:11px Arial, Helvetica, Geneva, sans-serif;
	border-left:1px solid #fff; border-right:1px solid #fff;
	background-image:url(images/sub-splash-bkg.jpg); background-repeat:repeat-x; background-position:center top; background-attachment:scroll; 
}
.main  
{
	background-color:#313131; color:#fff; 
	background-image:url(images/c-bkg.jpg); background-repeat:repeat-x; background-position:center top; background-attachment:scroll; 
}
.login  
{
	border-left:1px solid #fff; border-right:1px solid #fff;
	background-color:#313131; color:#fff; 
}

#footer  
{
	height:217px; width:748px; text-align:center; color:#666; font-size:10px;
	border-left:1px solid #fff; border-right:1px solid #fff;
	_margin-bottom:-25px;
}
.footer-bkg 
{	
	background-image:url(images/f.jpg); background-repeat:repeat-x; background-position:center top; background-attachment:scroll; 
	height:186px;
}
.footer-sub-bkg 
{ 
	background-image:url(images/f.jpg); background-repeat:repeat-x; background-position:center bottom; background-attachment:scroll; 
}

a:link { color: #c5c5c5; text-decoration:none; }
a:visited { color: #c5c5c5; text-decoration:none; }
a:active { color: #fff; text-decoration:none; }
a:hover { color: #fff; text-decoration:none; }

.mailto a:link { color: #cc0000; text-decoration:none; }
.mailto a:visited { color: #cc0000; text-decoration:none; }
.mailto a:active { color: #cc0000; text-decoration:none; }
.mailto a:hover { color: #c5c5c5; text-decoration:none; }

#mailer a:link { color: #c5c5c5; text-decoration:none; font-weight:bold; }
#mailer a:visited { color: #c5c5c5; text-decoration:none; font-weight:bold; }
#mailer a:active { color: #c5c5c5; text-decoration:none; font-weight:bold; }
#mailer a:hover { color: #cc0000; text-decoration:none; font-weight:bold; }

a.link:link { color: #cc0000; text-decoration:none; }
a.link:visited { color: #cc0000; text-decoration:none; }
a.link:active { color: #cc0000; text-decoration:none; }
a.link:hover { color: #c5c5c5; text-decoration:none; }

.grid a:link { color: #cc0000; text-decoration:none; }
.grid a:visited { color: #cc0000; text-decoration:none; }
.grid a:active { color: #cc0000; text-decoration:none; }
.grid a:hover { color: #333; text-decoration:none; }

h1 { color: #fff; font-size:12px; font-style:italic; }
h2 { color: #222; font-size:12px; font-weight:bold; }
h3 { color: #222; font-size:12px; font-weight:normal; }
h4 { color: #c5c5c5; font-size:10px; font-style:italic; }
h5 { color: #c5c5c5; font-size:12px; font-style:italic; }
h6 { color: #666; font-size:12px; font-weight:bold; }

.imgborder { background-color:#fff; border:2px solid #fff; width:100px; float:left; margin:5px; }

.btn { font-family:Lucida Grande, ludida, sans-serif, Tahoma; font-size:8pt; background:#fff url(images/button/btn-bg.gif) left center repeat-x; border:solid 1px #8E8F8F; height: 24px; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.btn:hover { background:#fff url(images/button/btn-hover.gif) left center repeat-x; border: solid 1px #3C7FB1; }