﻿body 
{
	margin: 0px;
	background-color: #fff;    
	font-size:12px;    
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#overlay { float:left; position: absolute; display:none; height:100%;width: 100%; z-index: 999;  left:0px; background-color:#fff; opacity: .6;filter: alpha(opacity=60); }

#popup {padding: 1px; display: none; width: 604px; position: absolute; z-index: 9999; margin-left: -300px;background: black;top:100px; text-align: center; left: 50%;}
#popup a {background: black; display: block; text-align: center; color: White; text-decoration: none;}
#popup img {margin-top: 2px; border: solid 0px black; padding: 0px !important;}
#popup .close {padding: 2px 2px 2px 0px; }

div#outer 
{
	width: 801px;    
	background-color: Transparent;    
	margin-top: 0px;    
	margin-left: auto;    
	margin-right: auto;   
	margin-bottom: 40px; 
	padding: 0px;
	
}
div#header 
{
	padding: 0px 0px 0px 0px;    
	margin: 0px;    
	text-align: center;
	width: 100%;
	
}

div#main 
{
	background-image: url(../img/bg.gif); 
	background-position: left top; 
	background-repeat: repeat-y; 
	width: 100%;
	margin: 0px;  
	padding: 30px 0px 0px 0px;    

}

div#navigation
{
	float: left;
	width: 190px;
	padding-right: 10px;
	border-right: solid 2px #e5e4e3;
	margin-right: 25px;
}

#navigation ul { height: 300px; list-style-type: none; text-align: right; margin-right: 10px; line-height: 20px; }
#navigation a {color: #e01e26; font-weight: bold; text-decoration: none; }
#navigation .submenu { font-size: 10px; font-weight: normal !important;}
#navigation .submenu a {color: black !important;}
#navigation .edit {display: inline !important; font-weight: normal !important;}
#navigation .edit img {float: none !important; margin: 2px 0px 0px 6px !important;}


#contents {float: left; width: 557px; padding-right: 15px; font-size: 0.96em !important;}
#contents h1 {font-size: 14px; font-weight: bold; }
#contents p { letter-spacing: 0.0em; line-height: 20px; text-align: left; margin-bottom: 0px;}
#contents img {float: right; margin-left: 15px; margin-bottom: 15px;}
#contents .email {width: 300px; margin-bottom: 6px;}
#contents .btn {background-color: #e01e26; vertical-align: top; margin-top: 3px !important; padding: 3px 6px; border: solid 1px black; text-decoration: none; color: White; font-size: 11px;}
#contents ul {padding: 0px; margin-top: -20px;}
#contents li {padding: 3px;}

.form {list-style-type: none; padding: 0px; margin: 0px; display: block; clear: left; width: 100%;}
.form li { text-indent: 0px; text-align: left; }
.form label {clear: left; display: block; width: 150px; float: left; height: 30px;}
.form .req {width: 35px; float: left; text-align: center; color: Red;}
.form input {float: left; width: 200px;}
.form textarea {float: left; width: 200px; height: 80px;}
.form .btn {float: left; width: 100px; text-align: center;}

.form .error {width: 100%; float: left; clear: left; margin-bottom: 5px; margin-top: -5px; padding-left: 185px;}

.clear {width: 100%; clear: both; display: block; height: 1px;}
.fill 
{
	height: 100px;
}


.imagelink { padding-left: 15px; padding-bottom: 20px; background: url('../img/zoom.png') no-repeat bottom right; width: 220px; float: right;}
.imagelink img {margin: 0px !important; float: none; }

.footer 
{
	width: 100%;
	height: 30px;
	text-align: right;
	color: #686868;
	border-top: solid 2px #e5e4e3;
	text-align: center;
	word-spacing: 2px;
	padding-top: 10px;
	margin-bottom: 50px;
}
.footer a {color: #686868; text-decoration: none;}

.adminiframe 
{
	width: 700px; z-index: 999 !important; height: 300px; top: 100px; position: absolute; left: 100px;

	border-bottom: solid 3px #181818;
	border-right: solid 3px  #181818;
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	  left: 50%;
  top: 50%;
}

.edit {display: block; width: 100%; vertical-align: middle; }
.edit img {float: left !important; margin: 6px 6px 0px 0px !important; border: solid 0px black; vertical-align: middle;}