/* CSS Document */

/* Reset elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* table{border-collapse:collapse;border-spacing:0;} */
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

input {
	padding:2px;
	}
	
body{
	background-color:#6783cc;
	background-image:url(/clavinovaconnectioncenter/images/ccc_pg_bg.jpg);
	background-repeat:repeat-x;
	}

.form-text{
	vertical-align:top;
	text-align:left;
	height:35px;
	}
	
.form-input{
	vertical-align:top;
	text-align:left;
	}



#menu-area{
	width:920px;
	height:30px;
	background-image:url(/clavinovaconnectioncenter/images/ccc_nav_bgtile.jpg);
	background-repeat:repeat-y;
	padding-left:8px;
	}
	
#menu-area ul {
	list-style-type: none; /* suppression of useless elements */
	width:100%; /* precision for Opera */
	}

#menu-area li { 
	float:left;
	} /* lists aligned to the left */

.menu a {
     padding-top:5px;
     width: 95px; /* definition of menu button size */
     height: 25px;
     float: left;
     display: block;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 color:#405687;
     text-align: center;
     text-decoration: none;
	 /*border-left-color:#ffe94f;
	 border-left-style:solid;
	 border-left-width:1px;
	 border-right-color:#ffd654;
	 border-right-style:solid;
	 border-right-width:1px;*/	 
     }
	 
.menu a:hover {
     color: #880000; 
     }

.menu a:active {
     color: #ffffff;
     }
	 

	 
#menu-area2{
	width:420px;
	height:30px;
	}
	
#menu-area2 ul {
	list-style-type: none; /* suppression of useless elements */
	width:100%; /* precision for Opera */
	}

#menu-area2 li { 
	float:left;
	} /* lists aligned to the left */

.menu2 a {
     padding-top:5px;
     width: 70px; /* definition of menu button size */
     height: 25px;
     float: left;
     display: block;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 font-weight:bold;
	 color:#663300;
     text-align: center;
     text-decoration: none;
	 /*border-left-color:#ffe94f;
	 border-left-style:solid;
	 border-left-width:1px;
	 border-right-color:#ffd654;
	 border-right-style:solid;
	 border-right-width:1px;*/	 
     }
	 
.menu2 a:hover {
     color: #880000; 
     }

.menu2 a:active {
     color: #ffffff;
     }