body {
	background: #16b3f2;
	color: #696969;
	margin: 0;
	padding: 0;
	font: 14px/1em Arial,Tahoma,Impact,sans-serif;
}

#header {
        height: 90px;
}

#headline1 {
        padding: 15px 0 50px 0;

}

#headline1 .title {
        font: normal 35px/35px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #cc0000;
        padding-left: 20px;
        margin-bottom: 4px;
}

* html #headline1 .title {
        margin-bottom: 0;
}

#headline1 .title em {
        color: #5190b2;
        font: bold 15px/15px arial verdana, helvetica, sans-serif;
        padding-right: 6px;
}

#headline1 span.subtitle {
        background-color: #999;
        color: #fff;
        font: bold 15px/15px arial verdana, helvetica, sans-serif;
        letter-spacing: 4px;
        margin: 0 0 20px 198px;
        padding: 4px 4px 4px 8px;
        text-transform: uppercase;
}
#headline1 a {
        text-decoration: none;
}
#footer {
	margin-top: 10px;
        clear: left;
        font-size: 75%;
        letter-spacing: 1px;
        width: 100%;
        text-align: center;
        padding: 10px 0 10px 0;

}

:link,:visited { text-decoration:none
 
}

ul,ol,li,h1,h2,h3,h4,h5,h6,html{
        margin:0;
        padding:0;
        font: #000000;
}

body {
        margin: 0;
        padding: 0;
        font: #000000;
        background: #ffffff url(../images/vblok.gif) repeat-x;
}

#maincolumn ul {
        margin-left: 20px;
        padding-left: 0;
        list-style: none;
}

#maincolumn li {
        padding-left: 18px;
        background: url(../images/list.png) no-repeat 0% .5em;
}

a, a:link, a:visited {
	font-family:arial;
	color: #0000ff;
	font-size: 10pt;
        text-decoration: none;
}

a:hover {
        color: #00CC00;
        text-decoration: none;
}

a.block {
        color:#ff0000; 
        font-size:10pt; 
        font-family:arial; 
        text-decoration: none;
}
a.block:hover {
        color:#006400; 
        text-decoration: none;
}

#maincolumn a, #maincolumn a:link, #maincolumn a:visited {
        color: #0000ff;
} 

#maincolumns a, #maincolumns a:link, #maincolumns a:visited {
        color: #0000ff;        
        letter-spacing: 0.5px;
        word-spacing: 0.5px;
}

#maincolumn a:hover {
        color: #00CC00;
}

a img,:link img,:visited img {
        border: none;
}

h1, h2, h3, h4 {
        font-family: arial, helvetica, verdana, sans-serif;
        font-weight: normal;
        letter-spacing: 1px;
}

h1 {
        font-size: 218%;
}

h2 {
        font-size: 164%;
}

h3 {
        color: #333333;
        font-size: 145%;
}

h4 {
        color: #ff0000;
        font-size: 118%;
        font-weight: bold;
}

#navtop, #leftcolumn, #rightcolumn  {
        font-size: 85%;
}

#maincolumn {
        font-size: 90%;

}

#maincolumn p, #leftcolumn p, #rightcolumn p  {
        margin-bottom: 18px;
}

blockquote {
        background-color: #f4f4f4;
        padding: 5px 10px 5px 10px;
        margin: 15px 40px 15px 20px;
        border-left: 5px solid #ccc;
        border-right: 5px solid #ccc;
        font-style: italic;
        letter-spacing: 1px;
}

img {
        border-top: 0px solid #f4f4f4;
        border-right: 0px solid #ccc;
        border-bottom: 0px solid #ccc;
        border-left: 0px solid #f4f4f4;
        padding: 4px;
}

hr {

        border: 0;
        height: 1px;
        color: #ccc;
        background-color: #ccc;
        margin: 0;
}


legend {

        color: #1e90ff;
        font-weight: bold;
}
/***** GLOBAL CLASSES *****/

b, strong     { letter-spacing: 1px; }

.clear,p      { clear: 0; }

.img-left     { float:left; margin: 6px 10px 15px 0; }
.img-right    { float: right; margin: 6px 0 15px 10px; }

.float-left   { float:left; }
.float-right  { float: right; }

.text-left    { text-align: left; }
.text-right   { text-align: right; }
.text-center  { text-align: center; }
.text-justify { text-align: justify; }
.textsmall    { font-size: 90%; color: #00FF00; line-height: 1.4em; }
.textvipak    { font-size: 90%; color: #ff0000; line-height: 1.4em; }
.textblue     { color:#333333;
                font-weight: bold;
                text-decoration: underline;
              }

.underline    { border-bottom: 1px solid #333; }
.highlight    { background: #ffc; }
.highlightred { background: #84C6FF; }

/* LAYOUT */

#maincontainer {
        padding: 10px;
        margin: 0 auto;
}

#contentwrapper {
        float: left;
        width: 100%;
}


#maincolumn {
        margin-top: 10px;
	margin-bottom: 23px;
        margin-left: 235px;
        margin-right: 235px;

}

.text {
        margin: 10px 10px 20px 10px;
}

#form input.submit {
  background:#ffffff;
  width:100%;
  border: 2;
  font-size: 14px;
  color:#000000;
  height: 20px;
}

#leftcolumn {

        margin-top: 10px;
        float: left;
        width: 230px;
        margin-left: 0px;
}

#rightcolumn {
       margin-top: 10px;
       float: right;
       width: 230px;
       margin-right: 0px;
}

* html #leftcolumn { margin-top: 10px; }
* html #maincolumn { margin-top: 10px; }
/***** NAVIGATION MAIN *****/

#navmainlist {
	padding: 0;
	margin: 0 0 0 0;
	width: 200px;
}

#navmainlist li {
	list-style: none;
	margin: 0;
	line-height: 2em;
}

#navmainlist li a,#navmainlist li a:link,#navmainlist li a:visited {
	width: 100%;
	outline: none;
	text-decoration: none; 
	text-indent: 10px;
}

#navmainlist li a:hover {
	color:#090;
	background-color: transparent;
	text-decoration: none; 
}

#navmainlistline {
	clear: both;
	padding:0;
	width: 100%;
	height: 2px;
	line-height: 2px;
	background: #0000c8;
	margin: 2px 0 15px 0; 
}

/***** NAVIGATION WEBLINKS *****/

#weblinks li
{
	font-size: 100%;
	list-style: none;
	margin-left: 5px;
}

#weblinks a, #weblinks a:link, #weblinks a:visited
{
	color: #0000c8;
}

#weblinks a:hover
{
	color: #0000c8;
}

/*********************************** forms *****************************************/

#form label { 
	color: #000;
	font-weight: bold;
	font-size:12px;
}

#form input {
  font-size: 14px;
}
#form select{
  width:200px;
  height: 25px;
  font-size: 14px;
}
#form input, textarea, select {
  border:0px
  padding: 0px;
  margin-top:0px;
  color: #000000;
}

#form input.checkbox {
  width:14px;
  background:none;
  border:0;
}

#form input.radio_button {
  width:14px;
  background:none;
  border:0;
}

#form input.small, select.small {
  width:50px;
}

#form input.large, select.large {
  width:200px;
}

#form input.extra_large, select.extra_large {
  width:300px;
}

#form input.submit {
  color:#000000;
}

INPUT.sub {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #CDF797 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #CDF797 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; LETTER-SPACING: 2pt; BACKGROUND-COLOR: #6FB75B
}
INPUT.suba {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; LETTER-SPACING: 2pt; BACKGROUND-COLOR: #ffffff;
}

#form input.securitycode {
  width:51px;
  text-transform: uppercase;
}

#form textarea {
  width:200px;
  height: 300px;
}

#form textarea.deep {
  height:300px;
}

#form textarea.shallow {
  height:50px;
}

#form fieldset {
  width: 400px;
  padding:0;
  border:1px solid #e3e3e3;
  margin:auto;
  display: block;
}

#form fieldset img {
border:0;
}

#authform fieldset {
  width: 300px;
  border:2px solid #ccc;
  margin:auto;
  display: block;
}

#tables {
	border: 1px solid #666;
}

#tables td {
	border: 1px solid #666;
}

#tables th.top{
	background: url(../images/bg4.gif);
	color: #FFFFFF;
}

.warning{
	border: 1px dotted #CC0000;
	margin: auto;
	width: 80%;
	padding: 5px;
	margin-top: 20px;	
	text-align: center;
}
