body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #fff;
 color: #000;
}

#wrapper {
 width: 750px;
 margin-left: auto;
 margin-right: auto;
}



img {
 border: none;
}

a {
 color: #c00000;
 text-decoration: none;
}

a:hover {
 border-bottom: 1px solid #000;
}

.hide {
 display: none;
}


div.hoverhighlight:hover {
 background-color: #efefef;
}
/********************************************************************
	HEADER
********************************************************************/

#header {
 width: 750px;
 height: 65px;
 margin-top: 5px;
 border-top: 5px solid #000;
}


#header h1 {  /* logo critical map */
 display: block;
 width: 213px;
 height: 42px;
 background: #fff url('../img/criticalmap_logo.gif') no-repeat;
}

#header h1 span {
 display: none;
}

form#choose_citymap {
 float: right;
 margin-top: -42px;
}

form#choose_citymap label {
 display: block;
 font-weight: bold;
}

form#choose_citymap #citymap {
 width: 185px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
}



/********************************************************************
	NAVIGATION
********************************************************************/

#navigation {
 width: 750px;
 height: 25px;
 border-bottom: 1px solid #000;
 background-color: #000;
 margin-bottom: 5px;
}

#navigation ul {
 list-style-type: none;
 display: inline;
}

#navigation ul li {
 display: inline;
}

#navigation ul li a {
 display: block;
 height: 25px;
 width: 124px;
 float: left;
 border-right: 1px solid #fff;

 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 margin-top: -4px;
}

* html #navigation ul li a {
 margin-top: 0;
}

#navigation ul li a:hover {
 background-color: #c00000;
 border-bottom: none;
}

#navigation ul li a.selected {
 background-color: #c00000;
 border-bottom: none;
}


#navigation ul li a span {
 display: block;
 padding: 5px;
 text-align: center;
}



/********************************************************************
	EMOTIONAL
********************************************************************/

#emotional {
 width: 750px;
 height: 290px;
 border-top: 1px solid #000;

}

#home_1 #emotional {
 background: #fff url('../img/bikesign_1.jpg') no-repeat bottom left;
}

#home_2 #emotional {
 background: #fff url('../img/bikesign_2.jpg') no-repeat bottom left;
}

#home_3 #emotional {
 background: #fff url('../img/bikesign_3.jpg') no-repeat bottom left;
}

#home_4 #emotional {
 background: #fff url('../img/bikesign_4.jpg') no-repeat bottom left;
}

#home_5 #emotional {
 background: #fff url('../img/bikesign_5.jpg') no-repeat bottom left;
}

#home_6 #emotional {
 background: #fff url('../img/bikesign_6.jpg') no-repeat bottom left;
}

#emotional .button {
 width: 185px;
 height: 50px;
 margin-left: 565px;
 margin-top: 10px;
}

#emotional .button:hover {
 width: 200px;
 margin-left: 550px;
}

#emotional #button1 {
 margin-top: 100px;
 background-color: #03337D;
}


#emotional #button2 {
 background-color: #ecb90a;
}

#emotional #button3 {
 background-color: #006F53;
}

#emotional .button a {
 display: block;
 width: 185px;
 height: 50px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
}

#emotional #button2 {
 display: block;
 width: 185px;
 height: 50px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 margin-left: 565px;
 margin-top: 10px;
}

#emotional #button2 span {
 display: block;
 width: 185px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
}

#emotional #button2 select {
 width: 160px;
 margin-left: 10px;
 margin-top: -10px;
}

#emotional .button a:hover {
 border: none;
 padding-left: 15px;
}

* html #emotional .button a:hover {
 padding-left: 0;

}

#emotional .button a span, #emotional #button2 span {
 display: block;
 padding: 10px;
}


/********************************************************************
	MAIN
********************************************************************/

#main {
 width: 750px;
 border-top: 1px solid #000;
}

#main .main_content {
 width: 530px;
 min-height: 100px;
 border-bottom: 1px solid #B9B9B9;
 margin-top: 10px;
}

#main .main_content h2 {
 margin: 0;
 display: block;
 float: left;
 clear: none;
 width: 135px;
 font-size: 14px;
}

#main .main_content h3 {
 margin: 0;
 display: block;
 float: left;
 clear: none;
 width: 135px;
 font-size: 12px;
}

#main .main_content div.content {
 margin-top: 0;
 line-height: 17px;
 display: block;
 margin-left: 150px;
 margin-bottom: 10px;
}

#main a {
 background: #fff url('../img/arrow.gif') no-repeat left 5px;
 padding-left: 10px;
}

#main a.back {
 background: #fff url('../img/arrow_back.gif') no-repeat left 5px;
}

.note {
   color: #5f5f5f;
}

#main span.post_title {
 margin: 0;
 padding: 0;
 font-size: 13px;
 display: block;
 font-weight: bold;
}

.block {
 display: block !important;
 float: none !important;
 width: 100% !important;
}


/********************************************************************
	MAIN / SIDEBAR
********************************************************************/

#sidebar {
 width: 185px;
 /*border: 1px solid red;*/
 float: right;
 position: relative;
 top: 0;
}

#sidebar a.img {
 background: none;
}

#sidebar a.img:hover {
 background: none;
 border: none;
}


/********************************************************************
	FOOTER
********************************************************************/

#footer {
 width: 750px;
 border-top: 1px solid #858585;
 margin-top: 30px;
 color: #858585;
}


/********************************************************************
	FORM
********************************************************************/

.form {
   display: block;
   width: 350px;
   margin: 0 auto 0 auto;
   background-color: #efefef;
   padding: 15px;

}

.form h3 {
   display: block;
   clear: both;
   color: #c00000;
   font-size: 12px;
}

.form label {
   display: block;
   font-weight: bold;
   margin-top: 10px;
   width: 100%;

}

.form input, .form select, .form textarea {
   display: block;
   width: 100%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
}


.form .submit {
   height: 20px;
   background-color: #000;
   border: none;
   color: #fff;
   margin-top: 10px;
   text-align: right;
   padding-right: 10px;
}

.form .submit:hover {
   background-color: #c00000;
   cursor: pointer;
}

.form .form_error {
   color: #c00000;
}

sup {
   font-size: 9px;
   font-weight: normal;
}

ul#ultime_news {
   list-style-type: none;
   margin: 0 0 20px 0;
   padding: 0;
}

ul#ultime_news li {
 padding: 0 0 0 10px;
 display: block;
}

ul#ultime_news li a {
 display: block;
 text-decoration: none;
 padding: 0 0 5px 12px;
 color: #000000;
}

ul#ultime_news li a:hover {
 border: none;
 text-decoration: underline;
}

#sidebar h3 {
 font-size: 14px;
}