html {overflow: scroll;} 

body { 
padding: 0; 
margin: 0; 
font: 0.7em verdana, arial, Helvetica, sans-serif; 
line-height: 1.5em;
background: #fff; 
color: #088de1; 
background-image: url(images/bk.gif);
background-position: center;
background-repeat: repeat-y;
}

/* text items */


a.ud {color:#088de1; padding: 0 0 2px 0; background: url(images/line_link.gif) bottom repeat-x; text-decoration:none;line-height:20px;}
a.ud:hover {color:#95d5fd; padding: 0 0 1px 0;background: url(images/line_link_over.gif) bottom repeat-x; text-decoration:none; line-height:20px;}
a.ud.visited {color:#088de1; padding: 0 0 2px 0;font-size: 11px; background: url(images/line_link.gif) bottom repeat-x; text-decoration:none;line-height:20px;}

a {
color: #088de1;
background: inherit;	
}

a:hover {
color: #088de1;
background: inherit;	
}

a.title {
color: #088de1;
background: #FFF;
}

h1 {
font: 2.0em Arial, Helvetica, sans-serif;
padding: 2px 0 10px 0px;
margin: 0;
color: #a68462;
background: inherit;
}

h2 {
font: 1.3em Arial, Helvetica, sans-serif;
padding: 2px 0 0 0px;
margin: 0;
color: #a68462;
background: inherit;
}

h3 {
font: bold 1.3em Arial, Helvetica, sans-serif;
padding: 2px 0 0 0px;
margin: 0;
color: #a68462;
background: inherit;
text-decoration:underline;
}

h1 a, h2 a {
text-decoration: none;
color: #088de1;
background: inherit;
}

h1 a:hover, h2 a:hover {
color: #088de1;
background: #FFF;
}

h1 .red{
color: #C3593C;
background: inherit;
}


h2 .yellow{
color: #FFFCD1;
background: inherit;
}

p {	margin: 0 0 5px 0;
color:#088de1 }

ul { 
margin: 0; 
padding : 0; 
list-style : none; 
}

form { 
margin: 0; 
}

input.search { 
width: 145px; 
height: 22px;
border: none;
background: #fff url(input.gif) no-repeat; 
padding: 5px 10px 0 25px;
color: #808080;
}

input.button {
border: 0;
height: 27px;
width: 76px;
background: #ABC43C url(button.gif) no-repeat;
color: #FFF;
font: bold 1.1em Arial, Helvetica, Sans-Serif;
}

input.login { 
width: 150px;
border: none; 
background: url(logininput.gif); 
padding: 4px; 
}

/* nav
   ------ */
#services
{
  display: inline;
  width: 60px;
  height: 62px;
  background: url("images/bt_home.gif") no-repeat 0 0;
}
#services:hover
{ 
  background-position: 0 -52px;
}
#AboutUs
{
  display: inline;
  width: 165px;
  height: 26px;
  background: url("images/bt_diary.gif") no-repeat 0 0;
}
#AboutUs:hover
{ 
  background-position: 0 -25px;
}
#ContactUs
{
  display: inline;
  width: 165px;
  height: 26px;
  background: url("images/bt_contest.gif") no-repeat 0 0;
}
#ContactUs:hover
{ 
  background-position: 0 -25px;
}
/* layout
   ------ */

#content { 
margin: 0px auto;
width: 985px; 
}

#header {
width: 985px;
height:94px;
background-image:url(images/topbk.gif);
margin: 0px auto;
}

#main {
background-image:url(images/mainbk.gif);
width: 985px;
height:311px;
}

#main_i {
width: 985px;
background-image:url(images/mainbki.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;
}


#logo {
margin: 0px auto;
float: left;
width: 180px;
padding:0px;
height:94px;
}

#header_right {
margin: 0px auto;
float: right;
width: 600px;
}

#ani {
margin: 0px auto;
float: right;
width:100px;
}

#top_info {
background-image:url(images/linksbk.gif);
text-align:center;
float:right;
width: 246px;
margin-right:10px;
margin-top:9px;
height:22px;
text-align: left;
color: #088de1;
padding:2px 5px 5px 18px;
}
#top_info2 {
float:right;
margin-top:5px;
height:52px;
width: 580px;
text-align: right;
color: #444;
vertical-align:bottom;
}
	

#slogan {
text-align: right;
width: 160px;
}

#bar { 
padding-top:50px;
text-align: right;
font-size: 1.1em;
height: 30px; 
}

#bar li { 
padding: 0px;
color: #808080;
display: inline;
}
	
#bar li.active { 
color: #C3593C;
font-weight: bold; 
padding-bottom: 8px; 
}

#bar a { 
font-weight: bold;
color: #4A8EBC; 
background: inherit;	
} 

#grey {
font-size: 1.2em;
font-weight: bold;
color: #ccc;
background: inherit;
}

.search {
font-size: 1.2em;
font-weight: bold;
color: #FFF;
background: inherit;	
}

#subheader {
clear: both;
margin:0px;
}

#nav {
clear: both;
margin:0px;
}


/* left side
   --------- */

#left {
float: left;
width: 420px;
margin: 0px;
padding: 23px 10px 10px 20px;
}

#left_i {
float: left;
width: 650px;
margin: 0px;
padding: 30px 10px 30px 35px;

}

#left_p {
float: left;
width: 900px;
margin: 0px;
padding: 30px 10px 30px 35px;

}


.left_articles {
font-size: 12px;
font-family:verdana;
color: #0266a4;
margin: 0px;
line-height:22px;
padding-left:20px;
}

.lt {
height: 10px;
background: #6E6E6E url(lt.gif) no-repeat;
color: #FFF;
}
	
.lbox {
color: #eee;
padding: 3px 12px;
margin: 0 0 15px 0;
background: #6E6E6E url(lb.gif) no-repeat bottom left;
height: 178px;
}
	
.lbox a {
color: #FFFCD1;
background: inherit;
}
	
.lbox h2 {
color: #FFF;
background: #6E6E6E;
}
	
	
.thumb {
float: left;
width: 150px;
border: 1px solid #d4d4d4;
color: #fff;
background: #6e6e6e;
margin: 0 15px 15px 0;
padding: 5px;
}

.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
	
/* right side
   ---------- */

.right {
float: right;
width: 500px;
padding: 30px 10px 10px 10px;
margin: 0px;
}

.right_i {
float: right;
width: 250px;
padding: 30px 10px 10px 10px;
margin: 0px;
font-size: 12px;
font-family:verdana;
color: #0266a4;
}

.rt {
height: 7px;
}
		
.right_articles {
font-size: 12px;
font-family:verdana;
color: #0266a4;
margin: 0px;
line-height:22px;
}
.image {
float: left;
margin: 0 9px 3px 0;
}

/* footer
   ------ */

#dig {
width:300px;
float:right;
margin:0;
}

.footer {
clear:both;
margin: 0 auto;
width:985px;
background-image:url(images/btbk.gif);
height:60px;
}

.footer a {
font-size: 10px;
color: #088de1;
background: inherit;
}
.links {
font-size: 10px;
margin: 0 auto;
padding-top: 8px;
margin-left:10px;
float:left;
width: 670px;
color: #0266a4;
}
.dig {
margin: 0 auto;
float:right;
padding-top: 15px;
margin-right:60px;
}

/* industry icons
   ------ */

.col {
PADDING-LEFT: 0px; 
FLOAT: left; 
WIDTH: 650px; 
font-size: 12px; 
font-family:verdana;
color: #0266a4;
}
.area {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
MARGIN-BOTTOM: 10px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 10px;
color: #0266a4;
}
.entry {
CLEAR: both; 
PADDING-RIGHT: 0px; 
MARGIN-BOTTOM: 2px;
padding-bottom:15px;
color: #0266a4;
}
.pic {
MIN-HEIGHT: 40px; 
FLOAT: left; 
MARGIN-BOTTOM: 2px; 
WIDTH: 40px; 
MARGIN-RIGHT: 10px; 
HEIGHT: 60px;
border:0px;
color: #0266a4;
}
.pic IMG {
WIDTH: 39px; 
HEIGHT: 39px;
border:0px;
}

/* ani icons
   ------ */

.somediv{
width: 500px;
float:left;
margin:0px;

}
.somediv .floatbox{
float: left;
width: 100px;
height:80px;

}
.somediv p{
margin-top: 0;
margin-left: 200px;
}


/* form
   ------ */

.cssform p{
width: 450px;
clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dotted #a9e2ff;
height: 1%;

}

.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.textarea{
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(images/textarea.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 336px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 125px; BORDER-BOTTOM-STYLE: none; color:#088de1;
}
.textinput {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(images/input.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 236px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 15px; BORDER-BOTTOM-STYLE: none; margin-left:100px; color:#088de1;
}
.textinputHovered {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(images/input.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 236px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 15px; BORDER-BOTTOM-STYLE: none;  margin-left:100px; color:#64bfed; BACKGROUND-POSITION: left bottom
}
.textareaHovered {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(images/textarea.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 336px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 125px; BORDER-BOTTOM-STYLE: none; color:#64bfed;BACKGROUND-POSITION: left bottom
}

.buttonSubmit {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(images/button.gif) no-repeat left top; PADDING-BOTTOM: 2px; WIDTH: 69px; CURSOR: pointer; color:#f2f2f2; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 26px; BORDER-BOTTOM-STYLE: none;
}
.buttonSubmitHovered {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(images/button.gif) no-repeat left top; PADDING-BOTTOM: 2px; WIDTH: 69px; CURSOR: pointer; color:#f2f2f2; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 26px; BORDER-BOTTOM-STYLE: none; BACKGROUND-POSITION: left bottom;
}

.stylesheetTest {
}