body{
	text-align:center;
	background:#ECE7E1;
	font:normal small arial,sans-serif;
}
a {text-decoration:none;}
a:hover{text-decoration:underline;}
p {
	padding:0;
	margin-bottom:0;
}
body, form {
	margin:0;
	padding:0;
	color:#633B27;
}
img {border:none;}
input{vertical-align:middle;}
div.clear{clear:both;}

a.bold {
	font-weight:bold;
}
#header{
	margin:0 auto;
	margin-top:13px;
	text-align:left;
	width:749px;
	min-height:241px;
	position:relative;
	border-top:1px solid #DCCCB9;
	border-right:1px solid #DCCCB9;
	border-left:1px solid #DCCCB9;
	background:#fff;
}
* html #header{height:241px;}

h1 {
	padding:0;
	margin:0;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:18px;
} 

h4 {
	padding-top:0px;
	margin-top:0px;
	font-size:12px;
	font-weight:normal;
}

.mainbox {
	padding:11px 11px 11px 11px;
}
.mainbox_main {
	vertical-align:top;
}
#logo{
	float:left;
	margin-top:73px;
}
#pictures {
	float:left;
	position:relative;
}
#top_pic_top {
	position:absolute;
	left:-40px;
}
#top_pic_bottom {
	position:absolute;
	left:-40px;
	margin-top:101px;
}
#top_pic_middle {
	position:absolute;
	left:60px;
}

#search {
	float:right;
	width:205px;
	height:201px;
	background:url(search.gif) no-repeat;
	color:#872759;
}
#search-login{
	float:right;
	padding-top:6px;
	padding-right:5px;
	text-align:right;
	color:#872759;
	font-size:12px;
}
#search-login a {
	color:#872759;
}

#search #search-form{
	margin-top:123px;
}

#search .clear_search {
	border:0px;
	margin-left:7px;
	font-size:12px;
	width:150px;
	float:left;
	color:#872759;
	
}

#search .submit_search {
	border:0px;
	font-size:12px;
	width:29px;
	color:#872759;
	background-color:#FFFFFF;
	cursor:pointer;
	float:left;
	margin-left:10px;
	font-size:12px;
}

.case_link {
	color:#FFFFFF;
	font-size:12px;
}
.case_link:hover {
	color:#C8B7A4;
	font-size:12px;
}


#header ul{
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(menu_line_15.gif) repeat-x;
}
#header ul li{
	float:left;
	margin:0;
	padding:0;
}

#header ul.nav{
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	float:left;
	background:url(menu_line_15.gif) repeat-x;
}
#header ul.nav li{
	padding:2px 7px 2px 6px;
	background:url(menu_line_14.gif) no-repeat;
}

#header ul.nav li.start{
	background-image:none;
}
#header ul.nav li a{
	font-weight:bold;
	color:#fff;
	font-size:12px;
	white-space: nowrap;
	padding-left:20px;
}
#main {
	margin:0 auto;
	text-align:left;
	width:749px;
	border-bottom:1px solid #DCCCB9;
	border-right:1px solid #DCCCB9;
	border-left:1px solid #DCCCB9;
	background:#FFFFFF;
}

#main_box_content{
	z-index:123;
	margin:0 auto;
	text-align:left;
	width:727px;
	padding-bottom:10px;
	position:relative;
}

#main .box{
	float:left;
	width:233px;
	margin-right:14px;
	vertical-align:top;
}

#main .box_simple{
	float:left;
	clear:both;
	width:233px;
	margin-right:14px;
	vertical-align:top;
}

#main .box-end{
	float:left;
	width:233px;
}
.title-box{
	width:170px;
	padding-left:15px;
	background:#FFFBF8;
}
.title-box h2{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#633B27;
	margin:0;
	padding:0;
	font-size:14px;
}


#color1{
	background-color:#F9E8F4;
}
#color1 .boxcontent {
	padding:2px;
	
}
#color1 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box1.gif) right no-repeat #D959B3;
}

#color2{
	background-color:#F0ECE3;
	margin-bottom:7px;
}
#color2 .boxcontent {
	padding:2px;
}
#color2 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box2.gif) right no-repeat #83734E;
}
#color3{
	background-color:#E7F4D1;
	margin-bottom:7px;
}
#color3 .boxcontent {
	padding:2px;
}
#color3 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box3.gif) right no-repeat #82AC3A;
}
#color4{
	background-color:#EAF0F8;
	margin-bottom:7px;
}
#color4 .boxcontent {
	padding:2px;
}
#color4 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box4.gif) right no-repeat #5C85C6;
}
#color5{
	background-color:#EAE1F9;
	margin-bottom:7px;
}
#color5 .boxcontent {
	padding:2px;
}
#color5 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box5.gif) right no-repeat #8857D9;
}
#color6{
	background-color:#F2E5D1;
	margin-bottom:7px;
}
#color6 .boxcontent {
	padding:2px;
}
#color6 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box6.gif) right no-repeat #DA9F3E;
}
#color7{
	background-color:#F6F0D6;
	margin-bottom:7px;
}
#color7 .boxcontent {
	padding:2px;
}
#color7 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box7.gif) right no-repeat #B29516;
}
#color8{
	background-color:#FBE0E0;
	margin-bottom:7px;
}
#color8 .boxcontent {
	padding:2px;
}
#color8 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box8.gif) right no-repeat #E54F4F;
}
#color9{
	background-color:#E9F7EC;
	margin-bottom:7px;
}
#color9 .boxcontent {
	padding:2px;
}
#color9 .topbox {
	margin:3px;
	padding:3px;
	height:16px;
	background:url(box9.gif) right no-repeat #7ACF8C;
}

#footer   { 
	clear:both;
	color: #83734E; 
	font-size: 11px; 
	background:#ECE7E1;
	text-align: center; 
	margin: 0 auto; 
	padding: 20px 0 15px; 
	width: 749px 
}
#footer a { 
	color: #83734E; 
}
.quotes { 
	color: #666; 
	font-size: 90%; 
	border: 1px solid #e7edfb; 
	margin-top: 16px; 
	padding: 9px 
}

/*  CATEGORY MENU */

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}
.textspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #EEF5D3;
font-weight: bold;
border: 1px solid black;
padding: 3px;
}

div.eg-bar{
width: 500px;
}

.icongroup1{
width: 500px;
}