/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
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;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:70%; color:#fff; background:url('/_images/general/bg.jpg') repeat-y top center #191919;}
p { padding-bottom:15px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { color:#aa0000; font-weight:normal; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 15px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #333; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #333;}
#content table th { font-weight:bold; background:#222; text-transform:capitalize;}
#content table td { border-top:1px solid #333;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.accordian div { background:#fff;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 180%; color:#fff; font-weight:bold; padding:0px 0px 15px 0px;}
h2 { font-size: 130%; color:#fff; font-weight:bold; padding:5px 15px 5px 15px; margin:0px 0px 15px 0px; background:#222;}
h3 { font-size: 110%; color:#fff; font-weight:bold; padding:0px 0px 10px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#gradient { width:100%; background:url('/_images/general/bg-gradient.jpg') no-repeat top center;}

#container { width:800px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px;}
	#content { float:right; width:550px; padding:15px 0px 20px 0px;}
		.homecontent { background:url('/_images/general/bg-home-content.jpg') no-repeat top center;}

	#content a { color:#fff; background:#6c0000; padding:0px 5px 2px 5px; text-decoration:none;}
	#content a:hover, #content a:focus { background:#8d0000;}

#leftcol, #nav { float:left;}
	.homenav { width:205px; height:240px; padding:0px 20px 0px 0px; background:url('/_images/general/bg-home-nav.jpg') no-repeat top center;}
	.templatenav { width:205px; height:250px; padding:50px 10px 0px 0px; margin:130px 0px 0px 0px; background:url('/_images/general/bg-nav.jpg') no-repeat top center;}
		
	#nav li { float:left; width:205px;}
	#nav li a { float:left; width:205px; display:block; text-indent:-9999px;}
		#nav .home, #nav .home a { height:31px; background:url('/_images/buttons/nav/off/home.jpg') no-repeat top left;}
		#nav .howdoes, #nav .howdoes a { height:50px; background:url('/_images/buttons/nav/off/howdoes.jpg') no-repeat top left;}
		#nav .thelaw, #nav .thelaw a { height:30px; background:url('/_images/buttons/nav/off/thelaw.jpg') no-repeat top left;}
		#nav .tips, #nav .tips a { height:30px; background:url('/_images/buttons/nav/off/tips.jpg') no-repeat top left;}
		#nav .contacts, #nav .contacts a { height:30px; background:url('/_images/buttons/nav/off/contacts.jpg') no-repeat top left;}

		#nav .home a.selected, #nav .home a:hover { height:31px; background:url('/_images/buttons/nav/on/home.jpg') no-repeat top left;}
		#nav .howdoes a.selected, #nav .howdoes a:hover { height:50px; background:url('/_images/buttons/nav/on/howdoes.jpg') no-repeat top left;}
		#nav .thelaw a.selected, #nav .thelaw a:hover { height:30px; background:url('/_images/buttons/nav/on/thelaw.jpg') no-repeat top left;}
		#nav .tips a.selected, #nav .tips a:hover { height:30px; background:url('/_images/buttons/nav/on/tips.jpg') no-repeat top left;}
		#nav .contacts a.selected, #nav .contacts a:hover { height:30px; background:url('/_images/buttons/nav/on/contacts.jpg') no-repeat top left;}

	.homecol { width:265px;}