/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.markupstyle5 {  
  background-color: #98cfff; /*blue*/   
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.markupstyle75 {  
  background-color: #98ffa5; /*green*/
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.markupstyle10 {  
  background-color: #d7e23c; /*greenish*/ 
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.markupstyle15 {  
  background-color: #ffcd5a; /*orange*/
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.markupstyle20 {
  background-color: #ff9898; /*red*/
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.markupstyle25 {  
  background-color: #f998ff; /*pink*/ 
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.markupstyleother {  
  background-color: #b1b1b1; /*grey*/ 
  padding: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html
	{
		font-family: Tahoma, Geneva, sans-serif;
		font-size:13px;		
		color:#4d4d4d;
	}

input, textarea
	{
		font-family: Tahoma, Geneva, sans-serif;
		font-size:12px;		
		color:#4d4d4d;
	}

input, select { vertical-align:middle; font-weight:normal;}

/*a {color:#8ba010; outline:none; font-weight:bold; font-size:1.18em;}*/
a {color:#8ba010; outline:none; font-weight:bold; font-size:12px;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

.mainfont {
		font-family: Tahoma, Geneva, sans-serif;
		font-size:13px;		
		color:#4d4d4d;
}

.red {
		color:#FF0000;
}

/* ============================= main layout ====================== */

/*li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:8px; line-height:1.4545em;}
li a {color:#8ba010; font-size:1em; text-decoration:none;}
li a:hover {text-decoration:underline;}*/

.imgindent {margin:0 20px 0 0; float:left;}

h1 {font-size:3.09em; line-height:1.2em; color:#4d4d4d; text-transform:uppercase; margin:12px 0 20px 0; letter-spacing:-1px;}

h2 {font-size:2.09em; line-height:1.2em; color:#4d4d4d; text-transform:uppercase; margin:12px 0 20px 0; letter-spacing:-1px;}

h4 {font-size:12px; line-height:1.2em; color:#4d4d4d; margin:12px 0 20px 0; letter-spacing:-0.5px;}

h5 {font-size:12px; line-height:1.2em; color:#4d4d4d; margin:12px 0 20px 0; letter-spacing:-0.5px;}

h6 {font-size:12px; line-height:0.9em; color:#4d4d4d; margin:0px 0 20px 0; letter-spacing:-0.5px;}

/* ============================= header ====================== */
#header {background:url(images/header-XXXbg.gif) left bottom repeat-x; margin-bottom:25px;}

.green {color:#ADCA16;}

.smalltext {font-size: 8pt;}

.menu {background:url(images/menu-tail-bg.gif) left top repeat-x;}
.left-bg {background:url(images/menu-left-bg.gif) left top no-repeat;}
.right-bg {
	background:url(images/menu-right-bg.gif) right top no-repeat;
	width:100%;
	height:35px;
	padding-top:12px;
	position:relative;
	margin-bottom:9px;
}

.menu li {float:left; background:url(images/menu-li-bg.gif) right 4px no-repeat; font-size:13px; line-height:1.2em; padding:0 21px;}
.menu li a {color:#494949; text-decoration:none; font-size:14px;}
.menu li a:hover, .menu .active {color:#95AB15;}
.menu .last {background:none;}

.right {
	text-align: right;
}
.left {
	text-align: left;
}

.mylogo {
	/*position:absolute;*/
	margin:-55px 10px 0 20px;
	float:right;
}

.slogan {
	width:260px;
	float:left;
	background:url(images/slogan-bg.gif) left top no-repeat;
	color:#fff;
	font-size:14pt;
	line-height:inherit;
	height:304px;
	letter-spacing:normal;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}

.login {
    font-family: Tahoma, Geneva, sans-serif;
	font-size:10pt;
}
.heading {
    font-family: Tahoma, Geneva, sans-serif;
	font-size:12pt;
}


/* ============================= content ====================== */
.indent {padding:0 1px 31px 23px;}

.col-pad {padding-right:28px;}
.col-1 .col-pad {padding-right:12px;}

.pad {padding-top:23px;}
.pad1 {padding-top:18px;}
.pad2 {padding-top:29px;}
.pad3 {padding-top:9px;}

.margin {margin-bottom:12px;}
.margin1 {margin-bottom:9px;}

.box {background:url(images/box-tail.gif) left bottom repeat-x #fff; }
.box .indent {padding:8px 24px 32px 25px;}
.box .padding {padding-bottom:23px;}
.box .padding1 {padding-bottom:20px;}
.box .bottom-tail {background:url(images/box-bottom-tail.gif) left bottom repeat-x;}
.box .top-tail {background:url(images/box-top-tail.gif) left top repeat-x;}
.box .left-tail {background:url(images/box-left-tail.gif) top left repeat-y;}
.box .right-tail {background:url(images/box-right-tail.gif) top right repeat-y;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}

.title2 {color:#8ba010;}

.box em {color:#2776c3; font-size:1.18em; font-family:Arial, Helvetica, sans-serif;}

.box-bg {background:url(images/box-bg.png) left top repeat-y;}
.box-bg1 {background:url(images/box-bg.png) left top no-repeat;}

.box a {color:#8ba010;}
.box .link {background:url(images/box-link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:0px 0 0 0px; color:#fff; font-weight:bold; cursor:pointer; font-size:1em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.box .link span {background:url(images/box-link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 12px 0 5px;}
.box .link span span  {background:url(images/box-link-tail-bg.gif) top repeat-x; padding:5px 8px 4px 6px;}

.box .link:hover {background:url(images/box-link-left-bg-hover.gif) left top no-repeat; }
.box .link:hover span {background:url(images/box-link-right-bg-hover.gif) right top no-repeat;}
.box .link:hover span span  {background:url(images/box-link-tail-bg-hover.gif) top repeat-x;}

.link {
	background:url(images/link-left-bg.gif) left top no-repeat;
	display:inline-block;
	line-height:1.2em;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:0.9em;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
.link span {background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 12px 0 5px;}
.link span span  {background:url(images/link-tail-bg.gif) top repeat-x; padding:5px 8px 4px 6px;}
.link-marg {margin-top:20px;}

.link:hover {background:url(images/link-left-bg-hover.gif) left top no-repeat; }
.link:hover span {background:url(images/link-right-bg-hover.gif) right top no-repeat;}
.link:hover span span  {background:url(images/link-tail-bg-hover.gif) top repeat-x;}

.block {background:url(images/block-bg.gif) left top no-repeat; padding:5px 0px 11px 16px; width:124px; float:left; margin-right:15px; color:#777777; font-size:1.09em; font-family:Arial, Helvetica, sans-serif;}
.block img {margin:0 0 4px -11px;}
.last {margin-right:0px;}

.title1 {background:url(images/ivent-img.gif) left 0px no-repeat; padding-left:25px; display:inline-block; font-weight:bold; color:#8ba010;}

.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:24px; margin-bottom:18px;}
.border1 {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:19px; margin-bottom:18px;}
.border-pad {padding-bottom:27px;}

table {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
table a {font-size:11px; font-weight:normal;}
.align {text-align:center;}

.gallery {padding:28px 0 8px 0;}
.gallery img {margin-right:28px;}
.gallery .last {margin-right:0px;}

.navigation {float:left; padding:25px 0 0 200px;}
.navigation li {display:inline; background:none;}
.navigation li a {color:#4cb3e0; font-size:1.18em; text-decoration:underline; font-weight:normal;}
.navigation li a:hover, .navigation .active {text-decoration:none; color:#8ba010;}

.phone {display:inline-block; width:65px;}
.mail {color:#8ba010; font-weight:normal; font-size:1em;}
.policy {font-weight:normal; font-size:1em; display:inline-block; padding-bottom:3px;}
/* ============================= footer ====================== */

#footer {background:url(images/header-bg.gif) left top repeat-x; color:#9c9c9c; text-align:right; padding-top:5px;}
#footer a {color:#9c9c9c; font-size:1em; font-weight:normal;}


/* ============================= forms ============================= */
#LoginForm {padding:28px 0 35px 0; font-size:1.081em; font-family:Arial, Helvetica, sans-serif;}
#LoginForm a {font-size:1em; font-weight:normal;}
#LoginForm .link1 {margin-left:10px; display:inline-block}
#LoginForm .input {width:180px;  border:1px solid #dbdbdb; background:none; padding:2px 0 0 5px; font-size:1em; line-height:1.2em; margin-left:10px}

.alignright {text-align:right;}

#ContactForm {padding:20px 0 0 0;}
#ContactForm .link {margin:0 0 0 20px;}
/*.column1 {width:300px; float:left;}
.column2 {width:300px; float:left;*/
.input {width:250px;  border:1px solid #d1d5d7; background:none; padding:4px 0 4px 5px; font-size:1em; line-height:1.4em;}
textarea {border:1px solid #d1d5d7; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

#RegisterForm {padding:20px 0 0 0;}
#RegisterForm .link {margin:0 0 0 20px;}
/*.column1 {width:250px; float:left;}
.column2 {width:350px; float:left;}*/
.input {width:150px;  border:1px solid #d1d5d7; background:none; padding:4px 0 4px 5px; font-size:1em; line-height:1.4em;}
textarea {border:1px solid #d1d5d7; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.inputmessage{width:250px;  border:1px solid #d1d5d7; background:none; padding:4px 0 4px 5px; font-size:1em; line-height:1.0em;}
.inputlong{width:550px;  border:1px solid #d1d5d7; background:none; padding:4px 0 4px 5px; font-size:1em; line-height:1.0em;}
.input4{width:40px;  border:1px solid #d1d5d7; background:none; padding:4px 0 4px 5px; font-size:1em; line-height:1.0em;}
.input2{width:20px;  border:1px solid #d1d5d7; background:none; padding:4px 0 4px 5px; font-size:1em; line-height:1.0em;}
.textareamessage {width:600px; height:200px; border:1px solid #d1d5d7; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}