body {
	background: #0E6A9B url('images/bg.jpg') top left repeat-x; /*#0E6A9B*/
	font: 13px Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #666;
}

td {
	font: 13px Arial, sans-serif; 
	padding: 0
}

a:link {
	color: #336699;
	text-decoration: underline;
}
a:visited {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	background-color: #3399CC;
	color: white;
	text-decoration: none;
}
.halflink {
	color: #336699 !important;
	border-bottom: 1px dashed #336699;
	cursor: pointer;
	text-decoration: none !important;
	background-color: transparent !important
}

img {
	border: 0;
	margin: 0;
	
}

table#main-container {
	width: 778px;
	margin: auto;
	background-color: white;
}

td#logo {
	border-top: 6px solid #E9E9E9;
	border-bottom: 7px solid #E9E9E9;
	height: 120px;
	background: transparent url('images/vivat-logo.jpg') center no-repeat;
	font: italic 20px/40px Tahoma;
	width: 200px
}
td#logo a {
	text-decoration: none;
	display: block;
	border: none;
	background-color: transparent
}

td#header {
	background: transparent url('images/checkers.gif') bottom right no-repeat
}
td#header ul#topnav {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 70px
}
td#header ul#topnav li{
	display: inline;
	padding: 0 20px;
	font-size: 11px;
	background-image: none
}

ul#three {
	list-style: none;
	float: none;
	margin-top: 55px;
	margin-left: 62px;
	padding: 0
}
td#header > ul#three {
	margin-left: 0px;
}
ul#three li {
	display: inline;
	padding: 0 7px;
	background-image: none
}
ul#three li a {
	background-color: transparent
}

ul#nav {
	list-style-image: url('images/li-big.gif');
	list-style-position: inside;
	background-color: #F1F1F1;
	padding: 11px 20px 7px 13px;
	text-align: left;
	margin: 0;
	border-left: 7px solid #E9E9E9;
	border-bottom: 7px solid #E9E9E9;
	color: black
	
}
ul#nav li {
	line-height: 20px;
	padding: 3px 0 16px 0;
	background: #F1F1F1 url('images/li-bg.gif') bottom repeat-x;
	margin: 0;
	overflow: hidden;
}

ul#nav li a {
	background-color: #F1F1F1;
	color: black
}
ul#nav li a.here {
	text-decoration: none;
	cursor: pointer;
	color: #CC0000;
	font-weight: bold
}

td > ul#nav {
	padding-left: 10px
}
td > ul#nav > li { 
	line-height: 20px;
	padding: 0 0 10px 0;
}

a.button {
	border: 1px solid white;
	border-bottom-width: 0;
	display: block;
	padding: 0;
	margin: 0;
	line-height: 1px;
	background-color: transparent !important
}

div#content {
	text-align: left;
	width: 578px;
	margin: 0 auto;
	background-color: #F8F8F8;
	border-bottom: 2px solid #E9E9E9;
	padding: 10px
}



td > div#content {
	width: 558px;
	margin: 0
	
}


div#content table {
	
	

}
div#content table tr td {
	padding: 3px
}


p {
	line-height: 22px;
	margin: 3px 0 10px 0
}


span#path {
	color: black;
	font: 10px/13px Arial;
	display: block;
	text-align: left;
	padding: 3px 10px 3px 0;
	height: 13px;
	background-color: #F8F8F8;
	text-align: right;
	border-bottom: 1px solid #eee
}
div#h > span#path {
	margin: 0
}
/*span#path a:link, span#path a:visited{
	color: gray
}
span#path a:hover {
	color: black;
	background-color: #F8F8F8
}
	*/
div#h {
	height: 36px;
	background: transparent url('images/h1.gif') right top no-repeat;
	margin: 0;
	padding: 0 0 0 70px;
	text-align: left
}
div#h h1 {
	font: bold 16px/36px Arial;
	color: white;
	display: block;
	margin: 0;
	padding: 0
	
}
div#h > h1 {
	font: bold 16px/36px Arial;
	color: white;
	display: inline;
	letter-spacing: 1px;
	margin: 0 12px 0 0;
	height: 36px
	
}

/*div#h span#path {
	color: #FFCC00;
	font-size: 11px;
	line-height: 36px;
	vertical-align: middle
}
div#h > span {
	vertical-align: bottom
}
div#h span#path a:link{
	color: #FFCC00;
	padding: 2px;
	text-decoration: underline
}
div#h span#path a:visited {
	color: #FFCC00;
	padding: 2px;
	text-decoration: underline
}
div#h span#path a:hover {
	background-color: #FF6600;
	color: white
}

div#h span#path b {
	color: #FFFF99
}*/

h1 {
	font: bold 19px Arial;
	color: #CC0000;
	letter-spacing: 1px;
	margin: 10px 0 4px 0
	
}


div#h > h1 {
	margin-right: 3px
}

h2, h3 {
	color: #CC0000;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
	
}
h2 {
	font-size: 15px;
	letter-spacing: 1px
	
}
h2 small {
	font-weight: normal;
	font-size: 10px;
	margin-left: 14px
}
h3 {
	font-size: 13px;
	letter-spacing: 1px;
	
}

ul {
	/*list-style-image: url('images/lii.gif');*/
	list-style: none;
	margin-top: 3px 
	
}
ul li {
	background: transparent url('images/lii2.gif') left top no-repeat;
	padding-left: 13px;
}
ol {
	list-style-type: decimal-leading-zero;
}	

li {
	padding-bottom: 10px
}

strong, em {
	color: #CC0000
}

td.foot {
	height: 80px;
	font-size: 11px;
	padding: 0 30px
}

.in-text {
	float: right;
	margin: 0 0 13px 15px;
	border: 5px solid #EBEBEB
}

.in-text-link {
	float: right;
	margin: 0 0 13px 15px;
	border: 2px solid #6699CC;
	width: 80px; 
	cursor: pointer
}

ul.floater {
	float: right;
	margin: 0 0 11px 11px;
	width: 210px;
	padding: 5px 10px 4px 13px;
	border: 1px solid #ddd;
}
ul.floater li {
	padding: 0 0 1px 11px;
	background-image: url('images/lii.gif')
}
ul.floater li a {
	display: block;
	padding: 3px 6px
}
ul.floater li.first {
	background-image: none;
	text-align: left;
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: bold
}

div#content > ul.floater {
	width: 170px;
}

div.slides  {
	margin-top: 14px
}

div.slides ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
div.slides ul li {
	display: inline;
	background-image: none;
	padding: 10px 10px 0 10px;
	height: 54px;
	border: 1px solid #F8F8F8;
	border-bottom: none;
	cursor: e-resize;	
}
div.slides ul li#first {
	/*cursor: */
}

div.slides ul li.curpic {
	border: 1px solid #336699;
	background-color: #ddd;
	border-bottom: none
	
}
div.slides > ul > li.curpic {
	padding: 45px 10px 0 10px

}

div.slides ul li img {
	height: 50px;
	cursor: e-resize;
	display: inline
}
div.zoomer {
	width: 550px;
	overflow: hidden;
	border: 1px solid #336699;
	background-color: #ddd;
	text-align: center;
	padding: 5px
}
span.price {
	color: gray;
	font-weight: bold;
	font-size: 11px
}

span.price var {
	color: #2A8FC3;
	font-style: normal;
	font-size: 19px;
	position: relative;
	top: 3px
}

fieldset {
	margin: 5px 0;
	background-color: inherit;
	padding: 10px  17px
}
fieldset form {
	margin: 10px 0 0 0
}
fieldset > form {
	margin: 0
}

legend {
	font: bold 13px Arial;
	color: #CC0000;
	border: 1px solid gray;
	padding: 2px 7px;
	background-color: #FFFFCC
}

td label {
	display: block;
	margin-top: 0px;
	line-height: 25px;
	cursor: pointer
}

td input.text, td input.fileinput {
	width: 350px;
	border: 1px solid silver;
	height: 25px;
}



td input.text, td textarea,td input.fileinput {
	font: 17px/21px "Courier New";
}

td > input.text, td > textarea {
	font: 23px/25px "Courier New"
}

td textarea {
	width: 350px;
	height: 100px;
	border: 1px solid silver;
}

textarea.high {
	height: 300px !important
}
small.extender {
	display: inline;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	color: #336699;
	line-height: 16px;
	padding: 1px 4px 2px 4px;
	cursor: pointer;
	text-decoration: underline;
	background-color: white;
	position: relative;
	top: 1px
}

td > small.extender {
	line-height: 15px;
	
}

button {
	border: 3px groove #5F8FBF;
	color: white;
	letter-spacing: 1px;
	background-color: #5F8FBF;
	font: bold 14px/17px Arial;
	cursor: pointer
}

big {
	
	font-weight: bold
}

p.error {
	color: red;
	font-weight: normal;
	padding: 10px 20px 10px 44px;
	background: #FFCCCC url('/images/error.gif') center left no-repeat;
	border: 1px solid red;
}

p.success {
	color: green;
	padding: 10px 20px 10px 55px;
	background: #CCFFCC url('/images/success.gif') center left no-repeat;
	border: 1px solid green;
	text-align: left
}

div.comment {
	background-color: silver;
	border: 1px solid gray;
	margin: 4px 10px;
	padding: 3px 10px
}

small.input-hint{
	color: #999; 
	margin-top: 3px;
	line-height: 10px;
	cursor: help;
	position: relative; 
	top: -4px;
}

small.input-hint a {
	color: #336699 !important;
	text-decoration: underline !important;
	background-color: #F8F8F8 !important;
	cursor: pointer !important
}


h3 a#hider  {
	font-size: 11px !important;
	font-weight: normal;
	letter-spacing: 0
}

p.page-sum {
	font: oblique normal 12px/17px Arial;
	margin-bottom: 15px;
	padding: 5px 15px 5px 0;
	color: black
}

div.poll {
	border: 1px solid #5F8FBF;
	width: 200px;
	background-color: white;
	color: #5F8FBF;
	text-align: center;
	margin-left: 1px;
	margin-top: 1px;
	padding-bottom: 5px 
}
td > div.poll {
	width: 198px;
}

div.poll form {
	margin: 0
}

div.poll h5 {
	margin: 0 0 4px 0;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	color: white;/* #DF2D29;*/
	background-color: #5F8FBF
}
div.poll span {
	font: bold italic 13px Arial;
}

div.poll table {
	margin: 5px 0
}
div.poll table tr td.bar {
	background: blue url('/images/poll.gif') bottom left repeat-x;
}
div.poll table tr td {
	padding: 0 2px
}
div.poll > table tr td {
	padding: 0 7px
}

div.poll ol {
	text-align: left;
	margin: 0 10px 4px 10px;
	padding: 0;
	list-style: none;
	list-style-image: none !important;
}
div.poll ol li {
	padding: 3px 0
}

div.poll ol li label {
	line-height: 15px !important;
	display: inline
}
div.poll ol li div {
	height: 15px;
	margin: 2px 0 4px 0;
	color: white;
	line-height: 15px;
	background: blue url('/images/poll.gif') bottom left repeat-x;
	
}
div.poll td div {

	color: gray;
}
acronym {
	border-bottom: 1px dashed gray !important;
	cursor: help;
}

code {
	margin: 6px 0;
	border-left: 4px solid #FFCCCC;
	display: block;
	padding: 3px 10px;
	background-color: #FBE0E0;
	color: black;
	line-height: 19px
}
p.sample {
	margin: 6px 0;
	border-left: 4px solid #CCFFCC;
	border-bottom: 1px solid #CCFFCC;
	padding: 3px 10px;
	background-color: white;
	color: black;
	line-height: 19px
}
a#bobr {
	float: right; 
	margin-left: 3px;
	background-color: transparent !important;
	
}
form.line-form, form.line-form input  {
	display: inline !important; 
	margin: 0; 
	padding: 0
}
table#home-blocks {
	width: 97%;
	margin: 15px 0 0 5px
}
table#home-blocks tr td big {
	display: block;
	background: #F8F8F8 url('/images/small-heading.gif') center right no-repeat;
	background-position: -80px 0;
	color: white;
	height: 18px;
	line-height: 18px;
	font-size: 15px;
	padding: 0 0 0 9px;
	text-transform: lowercase;
}
table#home-blocks > tr > td > big {
	font-variant: small-caps;
	letter-spacing: 1px
}
table#home-blocks tr td ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 3px 0 0 0;
	border: 1px solid #CC0000;
	width: 240px
}
table#home-blocks tr td ul li {
	background-image: none;
	padding: 5px 9px;
}

table#home-blocks tr td ul li.last, div.readmore {
	text-align: right; 
	line-height: 12px; 
	height: 12px; 
	padding-top: 0;
}
table#home-blocks tr td ul li.last a {
	font-weight: normal
}
table#home-blocks tr td ul li a {
	font-weight: normal
}

td.thumb a {
	display: block;
	border: 1px solid #336699;
	margin: auto
}
td.thumb a img {
	border: 3px solid #ddd
}
#fancy ul {   list-style:none; }
#fancy ul li {   display:inline; }
#fancy a img {  border: none; }
#fancy p {   margin-left:40px;   font-family: "Trebuchet MS", Tahoma, Verdana sans-serif;   font-size: 8pt;   width:440px; }