html, body	{
  padding:0;
  margin:0;
}

body	{
	font-family:'Arial',sans-serif;
  text-align:center;
  font-size:12px;
  color:#314c26;
  background:#eaf3e7;
}

#allpage	{
	margin:0 auto 0 auto;
	width:772px;
  padding:0 0 0 106px;
  text-align:left;
  background:url(img/bg_pattern_body.jpg) transparent repeat-y;
}

html>body #allpage	{
	width:772px;
}

#header	{
	height:120px;
  width:666px;
  border:3px solid #CD503C;
  border-width:3px 0 3px 0;
  background:#e1eedc;
  padding:0;
}

#middle	{

}

#left_col	{
	width:150px;
	float:left;
  padding:30px 0 0 0;
}
	#navi	{

  }

  #ads	{
  	margin:40px 0 30px 20px;
  }
  .ad	{
  	margin:10px 0 10px 0;
  }

#right_col	{
	width:619px;
	float:right;
  background:url(img/triopan_right.jpg) transparent bottom right no-repeat;
  padding:0;
}
	#content	{
  	width:418px;
    float:left;
		background:url(img/triopan_middle.jpg) transparent bottom right no-repeat;
    padding:30px 70px 50px 25px;
    text-align:left;
  }
  html>body #content	{
  	width:418px;
  }
  #right_border	{
  	width:106px;
    float:right;
    padding:0;
  }

#footer	{
	height:3px;
  background:url(img/bg_footer.gif) #cd503c top right no-repeat;
  padding:0 !important;
  font-size:1px;
}


.clear	{
	clear:both;
}


h1,h2,h3,h4,h5,h6	{
	font-family:'Arial',sans-serif;
	margin:0 0 14px 0;
  padding:0;
  font-weight:bold;
  color:#314c26;
}
h1	{
	font-size:22px;
}
h2	{
	font-size:18px;
}
h3	{
	font-size:15px;
}
h4	{
	font-size:14px;
}
h5	{
	font-size:12px;
}
h6	{
	font-size:10px;
}


a	{
	color:#ff5013;
  text-decoration:none;
}
a:hover	{
	color:#d55e35;
  text-decoration:underline;
}


p	{
	margin:1px 0 15px 0;
}

a img	{
	border:0;
}


/* navi */

#navi ul	{
	margin:0;
  padding:0;
}

#navi .navigation {
	list-style-type:none;
  padding:0;
  margin:0;
  font-size:12px;
}
#navi .navigation li {
	display:block;
  padding:0;
  margin:0;
}

#navi .navigation li a {
	display:block;
	color:#ff5013;
	text-decoration:none;
	padding:6px 8px 5px 12px;
  border-bottom:1px solid #afd1a1;
}

#navi .navigation li a.active	{
  background:url(img/orange_dot.gif) transparent no-repeat 95% 10px;
}

#navi .navigation li a:hover	{
	background-color:#e1eedc;
}

#navi .navigation li li a {
	padding:3px 8px 2px 32px;
  border-bottom:1px solid #afd1a1;
}
#navi .navigation li li a.active	{
  background-position:95% 7px;
}
#navi .navigation li li li a {
	padding-left:42px;
}
#navi .navigation li li li li a {
	padding-left:52px;
}

#navi .navigation ul	{
	margin-bottom:10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.img_left	{
	float:left;
  margin:8px 16px 8px 0;
}

.galdescription	{
	background:#BFC5D1;
  font-size:13px;
  margin:5px 0 10px 0;
  padding:10px;
  border:1px solid #959DAD;
}



#err	{
	border:1px solid #CD503C;
  background:#F4E9E8;
  padding:15px;
  margin:5px 0 30px 0;
}

/* forms in general */
input, textarea, select	{
	border:1px solid #CD503C;
  background:#E1EEDC;
  color:#314c26;
  font-size:10px;
}

#side_login	{
	margin:30px 20px 0 20px;
}

#side_login input	{
	width:100px;
  margin:0 0 2px 0;
}

#side_login input.submitbutton	{
	margin-top:4px;
}

.userblock	{
	margin:3px 0 3px 0;
}


#userdetails .label	{
	float:left;
  margin:0 0 5px 0;
}

#userdetails .value	{
	margin:0 0 5px 100px;
  color:#008000;
}

#userdetails input.submitbutton	{
	margin:20px 0 0 100px;
}