/* 3 column layout */

body {
    min-width: 800px;       /* 2 x (LC fullwidth + CC padding) + RC fullwidth */

    margin: 0;
    padding: 0;
    background: #FFF;
    font-family: "Helvetica Neue", "Trebuchet MS", Arial, sans-serif;
    font-size: 85%;
}

a {
    text-decoration:none;
    color: #32689b;
}

a:hover {
    text-decoration:underline;
    color: #001364;
}

img { 
	border: 0; 
}

#container {
    padding-left: 0px;      /* LC fullwidth */
    padding-right: 400px;     /* R1+2 fullwidth + CC padding */
}

#container .column {
    position: relative;
    float: left;
}

#content {
    padding: 10px 20px;       /* CC padding */
    width: 100%;
}

#right1 {
    width: 150px;             /* R1 width */
    padding: 0px 10px;          /* R1 padding */
    margin-right: -340px;	/* R1 + R2 fullwidth */
}

#right2 {
    width: 170px;             /* R2 width */
    padding: 0px 10px;          /* R2 padding */
    margin-right: -340px;
    left: 170px; /* R1 with + R1 padding */
}
        
#footer {
    clear: both;
}

        
/*** IE Fix ***/
* html #left {
    left: 340px;              /* R1+2 fullwidth */
}


/*** Equal-height Columns ***/

#container {
    overflow: hidden;
}

/*** Footer Fix ***/

* html body {
    overflow: hidden;
}

* html #footer-wrapper {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 10010px;
    margin-bottom: -10000px;
    background: #FFF;         /*** Same as body background ***/
}

#footer {
    padding: 0.3em 20px;
    background: #999;
}

#content {
    background: #fff;
}

#right1 {
    background: #fff;
}

#right2 {
    background: #fff;
}

#container .column {
    padding-top: 1em;
}

#content h1 {
    margin:0 0 12px 0;
    color:#777;
    font-size:18px;
}

#content h2 {
    margin:0 0 12px 0;
    color:#777;
    font-size:17px;
}

#content h3,h4 {
    margin-bottom:0px;
}

#content h4 {
    margin:0px;
}

#content p {
    margin-top:6px;
    margin-bottom:14px;
}

#content p.pagination {
    margin-top:10px;
    margin-bottom:8px;
}


#right1 ul { 
margin: 0;
padding: 0;
list-style-type: none;
}

#right1 li { 
padding: 0 0 5px 0;
margin: 0;
}

#right1 ul.cerques li { 
padding: 0 0 0 0;
margin: 0;
}

#right1 h3,h4 {
    margin: 12px 0 5px 0;
}

#right1 p {
    padding:0;
    margin:0;
}

/* header */

#header {
    padding: 0px 20px 0px 20px;
    height:50px;
    background: #333 url('/img/cap.gif') repeat-x bottom; 
}

#header h3 {
    font-family:verdana;
    font-size:10pt;
    color:#ddd;
    font-size: 20px;
    float:left;
    margin:0;
}

#header h3 a {
    text-decoration:none;
    color:#ccc;
}

#header h3 a:hover {
    color:#ddd;
}

#header h2{
float:right;
color:#ddd;
padding:4px 0 0 0;
font-size:8pt;
font-family:helvetica,verdana,sans-serif;
}

/* css tabs */

#tabnav ul { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #ccc; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 20px 3px 20px; /* THIRD number must change with respect to padding-top (X) below */
}

#tabnav ul li { /* do not change */
display: inline;
}

#tabnav ul li.selected { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

#tabnav ul li.selected a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

#tabnav ul li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ddd; /* set unselected tab background color as desired */
color: #444; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

#tabnav ul a:hover { /* settings for hover effect */
background: #eee; /* set desired hover color */
}



/* contact */

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}





#search {
	width: 600px;
	margin-top: 20px;
}

#search input {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#search input.submit-button {
	width: 100px;
	margin-left:20px;
}