body {
background-color:#CDCDCD;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}

h1,h2 {
font-size:17px;
font-family:Verdana;
border-bottom:1px dotted #2F6DA7;
color:#ffffff;
padding:2px;
color:#2F6DA7;
}

a {
color:#000;
text-decoration:underline;
}


.container {
background-color:#fafafa;
margin:0px;
width:850px;
}


.main {
border-left:1px solid #202020;
border-right:1px solid #202020;
padding-left:10px;
padding-right:4px;
padding-bottom:2px;
padding-top:10px;
font-size:13px;
}

.main td {
padding:4px;
}


.menu {
background-color:#202020;
border-left:1px solid #808080;
border-bottom:1px solid #e0e0e0;
height:35px;
}

.menuhaut {
font-size:13px;
list-style-type:none;
margin:0;
padding:0;
}

.menuhaut a {
color:#fafafa;
margin:0 0.4em;
text-decoration:none;
}

.menuhaut a:hover {
text-decoration:underline;
}

.menuhaut li {
border-right:1px solid #fff;
display:inline;
float:left;
margin:0;
padding:0.6em 10px;
}



#header {
background-color:#2F6DA7;
border:1px solid #fafafa;
color:#fafafa;
font-size:2em;
height:2.5em;
padding-left:10px;
padding-top:10px;
}

#motto {
font-family:arial;
letter-spacing:3px;
font-size:14px;
font-weight:normal;
padding-bottom:5px;
}

#motto h1 {
color:#ffffff;
font-family:arial;
letter-spacing:3px;
font-size:14px;
font-weight:normal;
padding-bottom:5px;
}


.footer {
border:1px solid #a0a0a0;
height:20px;
padding:2px;
color:#707070;
background-color:#f0f0f0;	
font-size:12px;
letter-spacing:1px;
font-family:verdana;
}




.cat {
background-color:#B0C4DE;
padding:5px;
border-left:5px solid #4682B4;
}

.cat a:hover {
color:#aa0000;
text-decoration:none;
}

code {
font-family:courier new;
font-size:14px;
}

.sample_code {
font-family:lucida console;
font-size:12px;
background-color:#f8f8e0;
color:#000050;
padding:10px;
margin:5px;
border-left:10px solid #e8e8d0;
margin-left:20px;
}

.field {
font-size:12px;
background-color:#f4f4f4;
border-right:1px solid #e0e0e0;
padding-left:5px;
}

input,textarea {
font-family:Verdana;
font-size:12px;
border:1px solid #505050;
}

.green {
color:#006600;
}

.google {
border-top:2px dashed #d0d0d0;
border-bottom:2px dashed #d0d0d0;
padding:5px;
margin:5px;
}

.nav {
background-color:#f0f0f5;
border-top:1px solid #d0d0f5;
border-bottom:1px solid #d0d0f5;
padding:5px;
margin:5px;
}

.news {
font-family:arial;
font-size:13px;
padding:4px;
margin:4px;
background-color:#FCFFF0;
border:1px solid #d0d0d0;
}

.right {
background-color:#FBFBfB;
border:1px dotted #D7D7d7;
padding:3px;
font-size:12px;
}

.right_title {
padding:2px;
border-left:3px solid #d9d9d9;
background-color:#ececeC;
color:#000000;
font-weight:bold;
}

.right_item {
padding:1px;
font-family:arial;
border-bottom:1px dotted #B6C5C5;
}

.right a {
text-decoration:none;
color:#0A4F4F;
}

.right a:hover {
color:#494F4F;
text-decoration:none;
}


.red {
color:#ff0000;
}

.order {
background-color:#E6E6FA;
}