/* common styling */
body {
    font-family: arial, sans-serif; 
    /*background: #e9e9e9;*/
    background: #faeec7;

}

h3 {
    margin: 0;
    padding: 0;
    color: #cc0000;
}

h4 {
    margin: 0;
    padding: 0;
    color: #666;
}

.container {
    width:695px; 
    background:#fff  url(../images/main.jpg); 
    margin:0 auto;
    margin-bottom: 10px;
    padding:10px; 
    border:1px solid #666;
}

.menu {
    width:131px; 
    height:187px; 
    position:relative; 
    margin:0; 
    font-size:11px;
}

.menu ul li a, .menu ul li a:visited {
    display:block;
    text-decoration:none;
    color:#000;
    width:120px;
    height:30px;
    border:1px solid #ccc;
    border-width:0 1px 1px 0;
    background:transparent url(../images/opaque.png);
    line-height:29px;
    font-size:11px;
    padding-left:10px;
}

.menu ul {
    padding:0;
    margin:0;
    list-style-type: none;
}

.menu ul li {
    float:left;
    position:relative;
}

.menu ul li ul {
    display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
    color:#fff;
    background:#d1161d;
}

.menu ul li:hover ul {
    display:block;
    position:absolute;
    top:0;
    left:131px;
    width:565px;
    background:transparent;
}

.menu ul li:hover ul li {
    float:left;
}

.menu ul li:hover ul li a {
    display:block;
    background:transparent  url(../images/opaque.png);
    color:#000;
    width:130px;
    float:left;
}

.menu ul li:hover ul li a:hover {
    /*background:#ddd;*/
    background:#fff8b4;
    color:#000;
}
.nav {
    font-size:small;
    font-weight:bold;
    text-align:center;
}

#content {
    padding:10px; 
    border:1px solid #666;
    margin: 0 auto;
    width:695px;
    background: #fff;
    min-height: 300px;
}

#content a:link, #footer a:link {
    color: #000;
}


#content a:visited, #footer a:visited {
    color: #000;
}

#content a:hover, #footer a:hover {
    color:#fff;
    background:#d1161d;    
}

#content a:active, #footer a:active {
    color: #000;
}

#footer {
    width: 695px;
    margin: 0 auto;
    color: #333;
    text-align: center;
    font-size: small;
}

.title {
    font-weight: bold;
    padding-bottom: 5px;
    text-decoration: underline;
}

.detail {
    margin-left: 75px;
}

.date { 
    font-size: small;
    font-style: italic;
}

input.contact, textarea.contact {
    font-size: medium;
    padding: 2px;
}

#content input.contact, #content label {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 250px;
}

#content input.button {
	font-weight: bold;
	margin-right: 5px;
	padding: 3px;
	width: 100px;

}

#content textarea.contact {
	display: block;
	float: left;
	height: 100px;
	margin-bottom: 4px;
	width: 400px;
}

#content label {
    font-size: medium;
	padding-right: 10px;
	margin-left: 25px;
	text-align: right;
	width: 75px;
	clear: left;
}

#name_error, #email_error, #message_error {
	color: #cc0000;
	float: left;
	font-weight: bold;
	padding-left: 10px;
}

#count {
	clear: left;
	display: none;
	font-size: small;
	text-align: left;
	width: 515px;
}

#count span {
	float: right;
}

#status {
    display: none;
    float: right;
    font-weight: bold;
	text-align: right;
    padding-right: 15px;
}

br {
	clear: both;
}