/* Iluma CSS - 15/04/2008 

	Table of Contents:
	Reset
	Typography
	Positioning
	IE Fixes
	3rd Party
		
*/

/* Reset
---------------------------------------------------------------------------------------- */

@import "reset.css";

* {
	margin: 0;
	padding: 0;
}

/* now I'm working with a clean slate! */


/* Typography
---------------------------------------------------------------------------------------- */

body {
	font-family: "Lucida Grande", Helvetica, Arial, sans serif;
	font-size: 13px;
	color: #696969;
	line-height: 1.5em;
}

ul#language_switch, p.date, p#final, div.citation, a.button, div#news_back_nav, p#required_notice, div#form_errors {
    font-size: 10px;   
}

ul#footer_links, ul.sub_items {
    font-size: 11px;   
}

ul#services_drilldown li.title, h2.title, p#subtitle, input.form_input, textarea.form_input, table.content_table th {
    font-size: 16px;   
}

ul#tag_cloud li.popular {
    font-size: 120%;   
}

ul#tag_cloud li.very_popular {
    font-size: 150%;   
}

ul#tag_cloud li a {
    color: #ff6666;   
}

a, div.testimonial cite, ul#tag_cloud li.popular a, ul#page_nav li.current a, ul#page_nav li.current a:hover, ul#page_nav ul.sub_items li.current a, ul#page_nav ul.sub_items li.current a:hover, span.required, div#form_errors, table.content_table th {
    color: #CC0000;   
}

div#form_success {
    color: green;   
}

ul#tag_cloud li.very_popular a {
    color: #990000;   
}

a:hover, ul#tag_cloud li.popular a:hover, ul#tag_cloud li a:hover {
    color: #660000;   
}

h2.title.responsible {
    color: #339933;   
}

ul#footer_links a, div.citation, ul#page_nav a, p.date {
    color: #999;   
}

ul#page_nav ul.sub_items li a {
    color: #a8a8a8;   
}

ul#main_nav a, p#final, a.button {
    color: white;   
}

ul#language_switch li.current a, ul#services_drilldown li.sub_link a, h2.title, div#page_content, ul#page_nav li a:hover, ul#page_nav ul.sub_items li a:hover {
    color: black;   
}

ul#main_nav a, p#intro_text, ul#language_switch, ul#footer_links li.link_set li.title, ul#tag_cloud, div#page_content strong, div#news_back_nav, div#form_errors, table.content_table th {
    font-weight: bold;   
}

div#page_content em {
    font-style: oblique;   
}

p#final {
    text-align: center;   
}

div.citation, ul#page_nav, table.content_table th {
    text-align: right;   
}

ul#language_switch li.current a, ul#main_nav a, ul#services_drilldown a, ul#footer_links a, a.button, ul#page_nav a {
    text-decoration: none;   
}

ul#services_drilldown a:hover, ul#footer_links a:hover {
    text-decoration: underline;   
}

div.citation {
    line-height: 1.3em;   
}

div.testimonial blockquote {
    line-height: 1.8em;   
}


/* Positioning
---------------------------------------------------------------------------------------- */

div#header, div.center_box {
    width: 950px;
    margin: 0 auto;   
    position: relative;
}

h1#logo a {
    background: transparent url(../images/system/logo.gif);
    width: 228px;
    height: 60px;
    display: block;
    margin: 10px 0 0 0;
    position: absolute;
}

div#header {
    height: 80px;
}

h1#logo span {
    display: none;   
}

form#search_form {
    position: absolute;
    right: 0;
    bottom: 10px;
}

div#nav_container {
    background: #CC0000;  
    float: left;     
    width: 100%;
}

ul#language_switch {
    position: absolute;
    top: 0;
    right: 0;   
    border: 1px solid #CCC;
    border-style: none solid solid solid;
    padding: 2px 0 2px 5px;
    background: #F8F8F8;
}

ul#language_switch li {
    display: inline;   
    margin: 0 5px 0 0;
}

ul#main_nav {
}

ul#main_nav li, ul#main_nav li a {
    float: left;
}   

ul#main_nav li a {
    padding: 5px 0;
    margin: 0 25px 0 0;
}

ul#main_nav li.current a {
    background: transparent url(../images/system/marker.gif) bottom center no-repeat;    
}

div#footer_links_container {
    clear: both;
    background: #e4e4e4;
    padding: 10px 0;
    float: left;
    width: 100%;
}   

p#final {
    padding: 5px;
    background: #333;  
    clear: both; 
}

div#main_content, div#side_content {
    float: left;   
    width: 300px;
    padding: 10px 0 20px 0;
    position: relative;
}

div#main_content {
    width: 630px;
    margin-right: 20px;   
}

div#main_content.home {
    padding-top: 0;   
}

div#main_content img, div#side_content img {
    display: block;   
}

div#main_content img.wrapme {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #EEE;
}   

p#intro_text {
    margin: 10px 0 0 0;   
}

div.content_subsection {
    border: 1px dotted #CCC;
    border-style: dotted none none none;   
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    clear: both;
}

ul#services_drilldown li.link_set {
    float: left;
    width: 33%;   
}

ul#services_drilldown li.link_set ul {
    padding-right: 20px;   
}

ul#services_drilldown li, h2.title, p#subtitle {
    margin: 0 0 6px 0;   
}

ul#services_drilldown li.link_set li.sub_link {
    background: transparent url(../images/system/bullet_straight.gif) left center no-repeat; 
    padding-left: 15px;   
}

a.bullet_link {
    margin: 5px 0 0 0;
    position: absolute;
    background: transparent url(../images/system/bullet_straight.gif);
    height: 9px;
    width: 9px; 
}

div#page_content ul#search_results {
    padding-bottom: 10px;
    list-style-type: none;   
    margin: 0;
}

ul#search_results li {
    background: transparent url(../images/system/bullet_straight.gif) left center no-repeat; 
    padding-left: 15px;   
}

span.searchterm {
    background: #FFFFCC;
    padding: 2px 5px;
}

ul#footer_links li.link_set li.sub_link {
    background: transparent url(../images/system/bullet_dash.gif) 0 9px no-repeat; 
    padding-left: 10px;   
}

ul#footer_links li.link_set {
    float: left;
    width: 147px;  
    border: 1px solid #CCC;
    border-style: none none none solid; 
    padding: 0 0 0 10px;
}

div.citation cite {
    display: block;   
}

span.quote_top, span.quote_bottom {
    position: absolute;
    background: transparent url(../images/system/quote_top.gif); 
    width: 24px;
    height: 19px;
    margin: 0 3px 0 0;
}

span.quote_bottom {
    background: transparent url(../images/system/quote_bottom.gif);
    margin: 0 0 0 3px; 
}

span.quote_space {
    padding: 0 0 0 30px;   
}

ul#tag_cloud {
    float: left;
    padding-bottom: 5px;   
}

ul#tag_cloud li {
    float: left;
    margin: 0 10px 5px 0;
}

a.button {
    background: #CC0000;   
    padding: 3px 8px;
    margin: 4px 0 0 0;
    float: left;
    border: 1px solid #990000;
    border-color: #cc3333 #990000 #990000 #cc3333;
}

a.button:hover {
    background: #660000;   
}

div#page_nav_container {
    clear: both;   
}

div#page_nav_container, div#page_content, div#page_sidebar {
    float: left;
    padding: 10px 0 0 0;
}

div#page_nav_container {
    width: 150px;   
}

div#page_content {
    width: 550px;   
    margin: 0 25px;
}

div#page_sidebar {
    width: 200px; 
    padding-bottom: 10px;  
}

ul#page_nav li {
    margin: 0 0 5px 0;   
}

ul#page_nav ul.sub_items li {
    margin: 0;   
}

div#page_content_body p, ul#search_results {
    margin-bottom: 10px;   
}

div#map {
    width: 500px;
    height: 300px;
    margin: 0 0 10px 0;
    border: 1px solid #CCC;   
}

div#page_content ul, div#page_content ol {
    margin: 0 0 0 30px;
    list-style-type: disc;   
}

div#page_content ol {
    list-style-type: decimal;   
}

div#page_content strong {
    border: 1px solid #EEE;
    border-style: none none dotted none;   
}

div#news_item_main_container, form#contact_form {
    border: 1px solid #CCC;
    border-style: dotted none none none;   
    padding: 10px 0 0 0;    
}

div.news_item_container, div#news_back_nav, div.section_break {
    border: 1px solid #CCC;
    border-style: none none dotted none;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;   
}

div.section_break {
    padding: 0;
}   

div.form_item_container, p#required_notice {
    padding: 0 0 10px 0;   
}

input.form_input, textarea.form_input {
    width: 300px;  
    background: #FFFFCC; 
}

textarea.form_input {
    width: 350px;
    height: 100px;   
}

span#captcha {
    position: absolute;
}

div#form_errors, div#form_success {
    padding: 10px;
    border: 2px solid #CC0000;
    background: #FFCCCC;
    margin-bottom: 10px;   
}

div#form_success {
    border-color: green;
    background: #d9f1ce;   
}

div#homepage_large_banner {
    float: left;   
    padding: 10px 0 0 0;   
}

div#homepage_large_banner img, div#page_sidebar img {
    display: block;   
}

table.content_table {
    width: 100%;  
    margin-bottom: 15px; 
}

table.content_table th, table.content_table td {
    border: 1px solid #EEE;
    padding: 10px;   
}

/* IE Fixes
---------------------------------------------------------------------------------------- */


/* 3rd Party
---------------------------------------------------------------------------------------- */

