/* Styles for html version of the main site */

@import url("reset.css");

body {
	margin:28px 0 2.5em 19px;
	background:black;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF; 
}

#container { width:890px; }

h1 {
	width:140px;
	float:left;
}

#header ul {
	float:left;
	min-height:130px;
	border-left: 1px solid #39393A;
	margin-bottom:45px;
}

.homepage #header { width:890px; }

#header ul.primaryMenu {
	margin-right:73px;
}

#header ul li {
	padding: 0.15em 0 0.15em 16px;
	font-size:0.85em;
	color:white;
}

#header .primaryMenu li a { color:#909090; text-decoration:none; }
#header .primaryMenu li a:hover { color:#FFF; text-decoration:none; }
#header .primaryMenu li a.on, #header .primaryMenu li a.on:hover { color:#F4A827; text-decoration:none; }
#header .languageMenu a { color:#909090; text-decoration:none; }
#header .languageMenu a:hover { color:#BBB; text-decoration:none; }
#header .languageMenu li a.on, #header .languageMenu li a.on:hover { color:white; text-decoration:none; }

#leftNav {
	clear:left;
	float:left;
	width:140px;
}

#leftNav ul {
	text-align:right;
	padding-right:18px;
}

#leftNav li {
	padding: 0.15em 0 0.15em 0;
	font-size:0.85em;
}

#leftNav ul a { color:#909090; text-decoration:none; }
#leftNav ul a:hover { color:#BBB; text-decoration:none; }
#leftNav ul li a.on, #leftNav li a.on:hover { color:white; text-decoration:none; }

/* Main page content */
#content {
	float:left;
	width:720px;
	border-left:1px solid #39393A;
	padding-left:15px;
}

#content h2 { font-size:1.5em; font-weight:normal; color:#FFBE00; margin-top:-6px; margin-bottom:0.6em; }
#content h2.contact { font-size:1em; color:#FFF; font-weight:normal; margin-bottom:0; }
#content h3 { font-size:0.8em; color:#FFF; font-weight:normal; margin-bottom:1.35em; line-height:1.2em; }
#content p { font-size:0.8em; line-height:1.3em; color:#CCC; }
#content div.body, #content ul.body { color:#CCC; }
#content p.date { margin:0.8em 0 0.7em 0; color:#FFF; margin-bottom:1.2em; }

#content a { color:#BBB; text-decoration:none; }
#content a:hover { color:white; text-decoration:none; }

#content .resourceList 
{
    margin-top:1em;
}

#content .resourceList li
{
    font-size:0.75em;
    padding:0.2em 0;
    color:#FFF;
}

#content .resourceList li a
{
    color:#CCC;
}
#content .resourceList li a:hover
{
    color:#FFF;
}

/* Image thumbnail grid list */
#content #thumbnailGrid {
    margin:2em 0 0 0;
    padding:0;
}
#content #thumbnailGrid li {
    clear:none;
    float:left;
    width: 338px;
    margin-right: 10px;
    margin-bottom: 17px;
	border-bottom:none;
    padding:0;
}
#content #thumbnailGrid li img {
    margin: 0;
}
#content #thumbnailGrid li p {
	margin:0.4em 0 1.2em 0;
	font-size:0.75em;
	color: #FFF;
}

#content #thumbnailGrid li p a { color:#BBB; text-decoration:none; }
#content #thumbnailGrid li p a:hover { color:white; text-decoration:none; }

#footer {
	position:fixed;
	line-height:1.2em;
	bottom: 10px;
	left: 20px;
	font-size:0.7em;
	color:#CCC;
}