* {
	margin: 10;
	padding: 0;
}

body {
background: #ffffff url(images/backtile.gif) repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #333;
}

img {
	border:#000 1px;
}

#tabbar {
margin-left: 3%;
position: relative;

}

#tabbar ul {
  list-style:none;
}

/* top level links */

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabbar a {float:none;}
/* End IE5-Mac hack */


#tabbar li {
	margin: 0;
  float:left;
  position: relative;
  height: 25px;
  margin-left: 4px;
  padding: 0;
}

#tabbar li a {
  display:block;
  line-height: 25px;
  height: 25px;
  background:url(images/sc_tab_normal.png) no-repeat 0% 100%;
  width: 83px;
  border:#666666 groove;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #535657;
  text-transform: uppercase;
}

#tabbar a:hover {
  background:url(images/sc_tab_active.png) no-repeat 0% 100%;
  color: #535657;
}

#tabbar ul ul a {background: #c0c0c0; width:128px;}

#tabbar ul ul a :hover{background:#dad7ae}
#tabbar ul ul :hover > a {background:#dad7ae}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#tabbar ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0;}
/* make the second level visible when hover on first level list OR link */
#tabbar ul li:hover ul,
#tabbar ul a:hover ul{visibility:visible; }

a {
	text-decoration: underline;
	color: #867B1C;
}

a:hover {
	border: none;
	text-decoration: none;
}

#wrap {
margin: 0 auto;
width: 700px;
background: #FFFF99;
}

#header {
height: 90px;
background:url(images/title.jpg) no-repeat;
background-position:center;
}
#wrap #content .right div img {
}

#header h1 { 
font-size: 28px;
letter-spacing: -1px;
padding: 23px 0 0 20px;
color: #aaa;
}
#header h1 a { 
color: #aaa;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #111;
}
#header h2 {
font-size: 19px;
color: #111;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}

#content {
padding: 0 20px 20px 20px;
}

.right {
	float: right;
	width: 470px;
	margin-top: 10px;
	padding: 0 20px 20px 20px;
	background:#FFFFFF;
	text-align: justify;
}

.right h2 {
	font-size: 18px;
	font-weight: 100;
	padding: 15px 0 7px 0;
	text-align: center;
}
.right h2 a {
text-decoration: none;
color: #004990;
}
.right h2 a:hover {
color: #111;
}

.right .thumbnail{
	padding: 3px 3px 3px 3px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.right .thumbnail2{
	width: 175px;
	padding: 3px 3px 3px 3px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.right .thumbnail3{
	padding: 3px 3px 3px 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.left {
float: left;
width: 133px;
margin-top: 10px;
background: #ffffff;
}

.left .left_box {
margin: 5%;
padding: 5%;
border:#666666 solid 1px;

}

.left .left_box2 {
margin: 5%;

}

.left h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 13px;
background: #788BBD;
}

.left ul {
padding: 10px 0 15px 20px;
list-style-type: square;
color: #788BBD;
}

.left ul li a {
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.left ul li a:hover {
color: #fff;
font-weight: 600;
}

#footer {
height: 30px;
line-height: 30px;
background: #788BBD;
text-align: center;
font-size: 11px;
color: #fff;
}
#footer a { color: #fff; }
#center_image {
	text-align: center;
}
.align_center {
	text-align: center;
}
.example {
	margin: 0px;
	padding: 0px;
	float: right;
	border: 1px solid #666;
	width: 200px;
}
#example {
	float: right;
}

.example_left {
	float: none;
	height: 165px;
	width: 245px;
}
#wrap #content .right #frmOrder1 {
	color: #b70f0f;
}
#wrap #content .right div img {
	margin: 20px;
	border: 1px solid #000;
	float: left;
}