*{padding: 0; margin: 0}

html{
	height:100%;
	scrollbar-width:5px;
	overflow-y: yes;
	overflow-x: auto;
	overflow: -moz-scrollbars-vertical;
	}
body {
	height:100%;
	margin: 0px; 
	padding:0 ; 
	text-align: center;
	font-family: Georgia, Times New Roman, Tahoma, Verdana, Arial, Sans-Serif; 
	color: #614F33; 
	font-size:100%;
	background: url(../gfx/artrosa-body-bg-03.jpg) no-repeat center top;
	background-color:#FFFFFF;
	/*
	background-color:#FFA302;
	*/
	}
a{
	color: #614F33;
	text-decoration: underline;
	}	
#col_left a,  #footer a{
	font-weight: normal;
	text-decoration: none;
}

a:hover, .important a:hover{
	color: #CA3D02;
}


/*THIS IS READ BY BOTH FF AND IE - THE REST OF THE FIX IS IN ANOTHER CSS READ BY IE ONLY*/
#wrapper, #container {
	height:100%; 
	min-height:100%;

}


#wrapper{
	margin: 0px auto 0 auto;
	width:992px;	
	background: url(../gfx/artrosa-wrapper-bg-04.jpg) no-repeat 0px 116px;
	background-color: white;
	/*
	background-color: #FFA302;
	background: url(../gfx/artrosa-content-gradient-1px-bg-01.jpg) repeat-y center top;
	*/
	display: table; 
	}
	
#container{
	width:992px;	
	padding:0px;
	margin-left:0px;	
	float: left;
	display: table;
}

#header_field{
	margin:0px;
	width:992px;
	height:116px;
	background: url(../gfx/artrosa-header-bg-03.jpg) repeat-y left top;
/*
	background: url(../gfx/artrosa-header-bg-02.jpg) repeat-y left top;
*/
}	


#menu_top{
	/*
	width: 955px; 
	clear: both;
	text-align: left;
	*/
	height:24px; 
	float: left; 
	margin:70px 0 0 213px; 
	padding:0;
	}
#menu-mypage{
	text-align: left;
/*
	margin:10px 0 0px 185px;
*/
	margin:0 0 20px 0;

	font-size:1.3em;
	line-height: 1.5em;
	border:1px dotted #8E9A31; 
	padding: 10px 0px 15px 0px;
}
#menu-mypage a{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}
#menu-mypage a:hover{
	background-color: #DDDFC3;	
}

	
#col_left, #col_main, #col_main_wide, #col_right{
	line-height: 1.6em;
	/*
	letter-spacing:0.04em;
	*/
	font-size:0.96em;
	}
#col_left p{
	line-height: 1.0em;
	margin: 0 0 16px 0;
}
	


#col_left, #col_main, #col_main_wide, #col_right, .illustration_col_right{
	float:left;	
}	
#col_left{
	width: 120px; 
	padding:13px 25px 0px 40px;
	text-align: left;
	font-size:0.9em;
	line-height:2.5em;
}

.timestamp {
	font-size:0.75em;
	margin:0;
	padding:0;
	font-weight: bold;
}
.divider1{
	text-align: center; 
	display: block; 
	margin: 20px auto 25px auto;
	border-top:1px dotted #8E9A31;
	}	
.divider_line, .divider_line_main{
	height: 4px; 
	width:100%;
	background: url(../gfx/divider_line_bg.jpg) repeat-x center top;
	display: block;
	overflow: hidden;
	margin: 0 0 8px 0;
}

.important, .important a{
	color: #CA3D02;
}
.menu_left a{
	color: #4F0000;
	font-size:1.2em;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
}
.active{
	font-weight: bold;
	color: #CA3D02;
}
#col_main{
	width: 395px; 
	text-align: left;
	margin: 15px 0 0 0px;
	padding:0 15px 0 0;
	border-right:1px dotted #8E9A31;

}
#col_main strong{
	/*font-size:2em;*/
}

#col_main strong, #col_main_wide strong, .header strong{
	color: #960000;
	padding:0px 0px 0px 0px;
	font-weight: normal;

}

#col_main_wide{
	width:630px;
	text-align: left;
	margin: 15px 0 0 0px;
	padding:0 15px 0 0;
	border: 0px;
}

#order-left{
	float:left;
	width:285px;
	padding-right:20px;
	border-right:#000000 solid 1px;
	padding-bottom:5px;
}

#order-right{
	float:right;
	width:300px;
	padding-left:20px;
	
}
#col_right{
	width: 130px; 
	text-align: left;
	margin:12px 0 0 9px;
	padding:0 0 0 5px;
	line-height: 1.6em;
	font-size:0.70em;
}

/*
.illustration_col_right{
	margin:0 0 15px 0;
	padding:0px;
	border: 1px solid #2A1C14;
}
*/
#banner-column{
	width:158px;
	border:0px solid black; 
	float: left; 
	margin:14px 0 0 29px;
	text-align: left;
	}

.banner-column-header{
	margin:0;
	background: url(../gfx/artrosa-banner-column-header-01.jpg) repeat-y;
	float: left;
	display: block;
}
.banner-column-header .textlink{
	width:152px;
	height:16px;
	padding:3px 0 3px 4px;
	font-size:0.7em;
	font-weight: bold;
	color: #CA3D02;		
	text-decoration: none;
	float: left;
}

.banner-column-header img{
	float: left;
	margin:0 0 0 0px;
}

.img_inline{
	width:130px;
	margin:0 12px 0px 0;
	padding:0px;
	border: 1px solid #2A1C14;
}
.img_inline:hover{
	border: 1px solid white;
}
.img_inline_paragraph{
	width:440px;
	display:table;
}

	
p{
	margin: 0 0 15px 0;
	text-align: left;

}	

h1{
	color:#960000;
	font-size:3em;
	margin-top:15px;
	margin-bottom:15px;
}

h2{
	color:#6c6053;
	font-size:1.4em;
}

h3{
	color:#6c6053;
	font-size:0.8em;
}

h4{
	color:#6c6053;
	font-size:0.9em;
	text-align:right;
}


.header, .header2{
	display: block;
	font-size: 1.3em;
	font-family: Georgia, Tahoma, Verdana, Arial, Sans-Serif; 
	color: #CA3D02;
	margin-bottom: 10px;
	}

.header2{
	font-size: 2.0em;
	margin: 0 0 0px 186px;
	}
.header2 strong{
	font-size: 0.7em;
	font-weight: normal;
	color: #CA3D02;
	display: inline;
}
	
img{border: 0px solid white;}

.clear { clear:both; }

#pic-text, #source{
/*
	font-size: 1.7em; 
	line-height:1.8em
*/
}

#footer{
	width:552px; 
	height:30px;
	padding: 10px 0 10px 0; 
	margin: 10px 0 0 186px; 
	text-align: left; 
	border-top: 1px dotted #8E9A31; 
	font-size:0.7em;
	float: left;
	}
	
#footer_wide{
	width:620px;
	height:30px;
	padding: 10px 0 10px 0; 
	margin: 10px 0 0 186px; 
	text-align: left; 
	border-top: 1px dotted #8E9A31; 
	font-size:0.7em;
	float: left;
}


/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */



/* THE MENU */	
	

#menu{
		padding: 0 0 0 0px;
		margin:0px 0px 0px 0px;
		float: left;
		}
#menu ul {
		margin:0px;
		padding:0px;
		height:24px;	
		white-space:nowrap;
		}
#menu li, #menu li#current {
		float:left;
		margin:0px;
		padding:0px;
		list-style-type:none;
		background:none;
		}

#menu a {
		text-indent: -10000px;
		margin:0px;
		float:left;
		padding:0px;
		height:24px;
		border:0px;
		display: inline;
		}
		
#menu li a.Login { 
		height: 24px; 
		width: 89px; 
		background: transparent url(../gfx/artrosa-header-topmenu-login.jpg) no-repeat ; 
		}

#menu li a.Logout { 
		height: 24px; 
		width: 89px; 
		background: transparent url(../gfx/artrosa-header-topmenu-logout.jpg) no-repeat ; 
		}
		
#menu li a.Tip { 
		height: 24px; 
		width: 145px; 
		background: transparent url(../gfx/artrosa-header-topmenu-tip-alone.jpg) no-repeat ; 
		}
#menu li a.Gift { 
		height: 24px; 
		width: 177px; 
		background: transparent url(../gfx/artrosa-header-topmenu-gift.jpg) no-repeat ; 
		}

				
#menu li#current a{
		background-position: 0 -24px; 
		}

#menu li a:hover, #menu li #current a:hover {
		background-position: 0 -24px; 
		}


/* form specs */
input {
	margin: 0;
	}

input[type=text], 
input[type=password], 
textarea, 
select{
	font-size: 1em;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 
	padding: 1px 2px; 
	color: #42540c; 
	border: solid 1px #bad182; 
	background-color: #fff;
	margin: .1em .1em 1.5em 0;
	width: 80%;
}

input.red{
	border-color:#CC0000;
}

input[type=submit], 
input[type=reset],
input[type=button]{
	width: auto;
	margin: 20px 10px 30px 0px;
	padding: 2px 3px; 
	border: solid 1px #bad182; 
	background-color: #FBFCF1;
	color: #42540c;
	float: right;
	}

input[type=radio],
input[type=checkbox]{
	margin: .2em .3em 0 0;
	}

input[type=submit].button{
	width:100%;
	}	

form{
	/* font-size:0.8em; */
	/*width: 345px;*/
	border: 0px solid #bad182;
}
form p{
	margin:0; 
	padding: 0;
	line-height:1em;
}
form p.text{
	line-height:1.5em;
}