#toc_grid {			padding:		0 }
#toc h3 {			margin:			0 0 5px 0 }
#toc h3:before {		content:		counters(item, ".") " "; }
#toc li ol > li:before {	content:		"\00A7" counters(item, ".") " ";
				font-size:		87.5%;
				display:		inline-block;
				width:			35px; }

#toc li ol > li:before {	margin-left:		-35px }

#toc h3:after {			content:		":" }
#toc li ol > li {		display:		block }
#toc ol {			counter-reset:		item }
#toc ol {			list-style-type:	upper-roman }
#toc ol {			list-style-type:	none }
#toc ol {			margin:			0 }
#toc ol > li {			counter-increment:	item }
#toc ol li {			background:		none;
				text-align:		justify;
				line-height:		1.45;
				margin-bottom:		7px }
#toc ol li p {			margin:			0 }



x#toc_grid {			column-count:		3;
				column-width:		100px;
				column-gap:		4vw;
				column-rule:		1px outset }


#f1 a {				color:			white }


#login {			width:			60px;
				float:			right;
				margin-right:		20px }




html, body {			background:		rgb(61, 98, 137) url('/img/background.png') repeat-x;
				width:			100%;
				height:			100% }

html, body, table, thead, tbody, tfoot, tr, td, th {
				margin:			0;
				padding:		0;
				}

marquee {			padding:		8px }

#VvE {				background:		transparent url('/img/body.png') repeat-y;
				width:			740px;
				height:			98% }
#hdr {				background:		transparent url('/img/head.png') no-repeat;
				height:			258px }
#c1 {
				vertical-align:		top }
#f1 {				background:		transparent url('/img/foot1.png') no-repeat;
				height:			53px;
				vertical-align:		middle }
#f2 {				background:		transparent url('/img/foot2.png') no-repeat;
				height:			15px;
				vertical-align:		top;
				padding-right:		10px }
#f3 {				height:			8px }

#c2 {				margin:			20px 45px }

#tle {				margin:			20px 0 0 288px;
				height:			72px }

#dsc {				margin:			0 50px 0 505px;
				height:			137px }

#nav {				margin:			0 0 0 390px }
#nav a {			margin-right:		28px }

td {				vertical-align:		top }
#home #c1 {			vertical-align:		middle }

#map {				border:			rgb(61, 98, 137) 4px double;
				width:			380px;
				height:			300px }

.clr {				clear:			both }

.fl {				float:			left }
.fr {				float:			right }
img.fl {			margin-right:		20px }
img.fr {			margin-left:		20px }

ul {				list-style-type:	none }
li {				background:		transparent url('/img/arrow.gif') no-repeat 0px;
				padding-left:		12px;
				line-height:		24px }

/* ---------------------------- text ------------------ */

h1, h2, h3, #tle, #dsc {	font-family:		Georgia, 'Times New Roman', serif }
td {				font-family:		'Lucida Grande', Verdana, Arial, Sans-Serif }

h1, #tle {			font-size:		40px }
h2 {				font-size:		30px }
#dsc {				font-size:		25px }
marquee {			font-size:		18px }
h3 {				font-size:		1.3em }
#nav {				font-size:		15px }
div, td {			font-size:		12px }
#f1 {				font-size:		9px }
#f2, #f3 {			font-size:		9px }

#tle h1, #dsc, #nav, h2 {	font-weight:		normal }

td {				text-align:		left }
body, html, .c, #f1 {		text-align:		center }
#f2 {				text-align:		right }

#nav a:hover, #f2 a {		text-decoration:	none }

/* ---------------------------- colors ---------------- */

#dsc {				color:			#385879 }
#VvE tbody tr td {		color:			#333 }
#tle, #nav, #nav a, #f1 {	color:			#fff }
.orange {			color:			#f60 }
marquee {			background-color:	#f60 }

#contact fieldset, #contact input, #contact textarea {
				 border:		rgb(61, 98, 137) 2px solid; }

.cc, #VvE, #contact fieldset {	margin:			0 auto }

#contact fieldset {		padding:		25px }
input[type=text], textarea {	padding:		2px;
				margin:			7px 0 }

marquee {			-webkit-border-radius:	5px;
				-khtml-border-radius:	5px;
				-moz-border-radius:	5px;
				-ms-border-radius:	5px;
				-o-border-radius:	5px;
				border-radius:		5px }