/* *** CSS For City2  */

body {
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
background: #dbefff url(/images/background.jpg) repeat-x;
}

.sidebar_text {
	font-size: 11px;
	color: #ababab;
}

.signup_error {
	font-size: 11px;
	color: #c01f00;
	background-color: #fff9e8;
	
}


.message.error { 

	color: #9e1111; 
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 6px;
	border-color: #dfb2b2;
	background: #f5e8e8 /*url(/images/icons/error.png) no-repeat*/;
}


.tiny_questionmark {
	font-size: 10px;
	color: #5aa730;
	float: none;
	text-decoration: none;
	vertical-align: text-top;
}








a {color: #f66220;}
a:visited {color: #777;}
a:hover {color: #099ade;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:5px 15px;
margin:0 }

h2 {
font-size:40px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h3 {
font-size:23px;
font-weight: normal;
padding: 5px 10px;
color: #a9a176;

margin:0;}


h4 {
font-size:14px;
font-weight: normal;
padding: 5px 10px;
color: #a9a176;
margin:0;}



img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */


.profile_image {

	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 6px;
	border: 1px solid #fff;
	margin-left: 10px;
	
}





.textarea {
	min-height:200px;
	min-width: 350px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	border: none;
	margin-left: 10px;
	margin-bottom: 15px;
	background-color: #e9ebdb;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	color: #695d57;
	text-align: left;
	vertical-align: top;
}



.form {
	height: 35px;
	font-size: 20px;
	width: 250px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 5px;
	border: none;
	margin-left: 10px;
	margin-bottom: 15px;
	background-color: #e9ebdb;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	color: #695d57;
	
	}

.input {
    border: 1px solid #ccc;
    background: #ffc;
    
}
.input:hover {
    border: 1px solid #f00;
    background: #4996ff;
}
.button {
    border: 0px solid #006;
    height: 30px;
    width: 80px;
    font-size: 12px;
    background: #666;
    color: #fff;
    margin-left: 5px;
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	
}




.button:hover {
    border: none;
    background: #4996ff;
    color: #fff ;
}





.button2 {
    border: 0px solid #006;
    height: 20px;
    width: 60px;
    font-size: 10px;
    background: #ccc;
    color: #000;
    margin-left: 5px;
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	
}

.button2:hover {
  border: none;
    background: #4996ff;
    color: #fff ;
	
}








label {
    display: block;
    float: left;
    text-align: left;
}
br { clear: left; }





#container {
width: 750px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #fff;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #fff;
text-align: right;
padding: 0px;
margin-top: 80px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 0 200px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;



	
}




#left li {
	
	margin-left: 30px;
	list-style: none;
	
}


#left li a:link {
	font-size: 14px;
	color: #cc0000;
	list-style-type: none;
}


.banana {
	margin-top: 50px;
}




#right {
float: right;
width: 200px;
margin: 0;
margin-top: 100px;
}


#right li {
	list-style-type: none;
	padding-left: 30px;
	margin-left: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}



#right li a:link {

	color: #a9a176;
	
}

#right li a:hover { 
	color: #000;
	text-decoration: underline;
	background-color: #fff6a6;
}


#right li a:visited { 
	color: #000;
	text-decoration: none;

}


.active {
	color: #46b134;
	padding-left: 20px;
	background: url(/images/arrow.png) no-repeat -5px -2px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin-bottom: 80px;
padding: 0;
text-align: right; }