body {
background-color : #d7df3e;
background-image : url("../../fr/images/bkd.png");
background-repeat : repeat-x;
font-family : arial, helvetica, verdana, sans-serif;
font-weight : normal;
line-height : 1.5em;
color : #444;
margin : 0;
}

.container {
width : 1000px;
margin-left : auto;
margin-right : auto;
background-color : transparent;
}


#french {
float : right;
margin-right : 0;
width : 6em;
}

#french A:link, #french A:visited {
color : #000;
border : solid 1px #00adee;
background-color : #fff;
}

#french A:hover, #french A:focus, #french A:active {
color : #fff;
border : solid 1px #00adee;
background-color : #444;
}


em {
font-style : italic;
font-weight : normal;
font-size : 1.2em;
color : #099bc7;
}

#skip {
position : absolute;
margin-top: -1000px;
font-size : 1px;
line-height : 1px;
color : #fffffe
}





#logo {
width : 130px;
float : left;
padding-top : 10px;
}

#logo img {
border : none;
}



.menu {
margin-top : 15px;
margin-bottom : 27px;

font-size : 0.9em;
color : #5eb171;
background-color : transparent;
float : right;
width : 850px;
}

.menu ul {
list-style-type : none;
margin : 0;
padding : 0;
}

.menu li {
float : left;
}

.menu A:link, .menu A:visited {
background-color : #fff;
color : #444;
text-decoration : none;
font-weight : normal;
text-transform : lowercase;
white-space : nowrap;
display : block;
padding-left : 1.2em;
padding-right : 1.2em;
}

.menu A:hover, .menu A:focus, .menu A:active {
background-color : #444;
color : #fff;
text-decoration : none;
font-weight : normal;
text-transform : lowercase;
white-space : nowrap;
display : block;
padding-left : 1.2em;
padding-right : 1.2em;
}


#youarehere {
color : #000;
background-color : #eff39c;
font-weight : bold;
}



#welcome {
float :right;
width : 497px;
height : 69px;
}



.leftcol {
clear : both;
float : left;
margin-top : 36px;
background-color : #fff;
width : 22%;
border : 1px solid #000;
padding : 20px;
padding-top : 30px;
padding-bottom : 30px;
font-size : .9em;
}

.leftcol h1 {
font-family : arial, helvetica, verdana, sans-serif;
font-size : 1.7em;
color : #9ca42d;
font-weight : normal;
text-transform : none;
text-align : left;
margin-bottom : 20px;
margin-top : 0;
border : none;
}

.leftcol h2 {
font-size : 1em;
padding-bottom : 0;
margin-bottom : 0;
}



.copy {
font-size : 0.85em;
text-align : center;
line-height : 1.2em;
margin-top : 20px;
}

.copy img{
border : none;
}


.rightcol {
position : relative;
float : left;
width : 22%;
text-align : left;
background-color : #fff;
padding : 20px;
margin-left : 15px;
margin-top : 36px;
border : 1px solid #000;
line-height : 1.2em;
}

#public {
width : 40%;
}

#public ul {
width : 40%;
float : left;
}

.right h2 {
position : relative;
float : left;
width : 280px;
font-family : arial, helvetica, verdana, sans-serif;
font-size : .99em;
color : #666;
font-weight : normal;
text-transform : none;
text-align : left;
line-height : 1.45em;
margin-top : 0;
background-color : #fff;
padding : 5px;
border : solid 1px #000;
}

#tochat {
font-size : .85em; 
color : #9ca42d;
}




h3 {
text-align : left;
font-size : 1.2em;
color : #099bc7;
font-weight : normal;
text-transform : none;
text-align : left;
line-height : 1.3em;
margin : 0;
border : none;
}




.rightcol li {
margin-top : 0.5em;
line-height : 1.2em;
font-size : .85em;
margin-left : 0;
color : #444;
background-color : #fff;
}

.rightcol ul {
padding-left : 0;
margin-left : 1em;
list-style-type : disc;
font-size : 1em;
line-height : 1.2em;
}

.rightcol li A:link, .rightcol li A:visited {
color : #444;
background-color : #fff;
text-decoration : none;
display : block;
}

.rightcol li A:hover, .rightcol li A:focus, .rightcol li A:active {
color : #000;
text-decoration : none;
background-color : #f1f59d;
display : block;
}

.rightcol p {
font-size : 0.85em;
}

A:link, A:visited {
color : #660000;
}

A:hover, A:focus, A:active {
background-color : #444;
color : #fff;
text-decoration : none;
}

.contact {
clear : both;
font-size : 0.97em;
}

#academic {
width : 22%;
}



.hours {
float : left;
text-align : left;
line-height : 1.4em;
margin-top : .75em;
width : 360px;
margin-left : -7px
}

#academichours {
padding-bottom : 20px;
margin-top : 7px;
}

.hoursinfo {
float : left;
}

.hours img {
float : left;
}

#mobilelinks {
display : none;
}