body {
background: #41403D url(images/orange/body_bg.gif) repeat-x;
}
#branding_header {
background:url(images/orange/branding_head.gif) no-repeat;
}

#top_shelf .moduletable h3 {
background:#242424 url(images/orange/shelf_modhead_corner.gif) no-repeat top left;
}

h1 {
color: #ffca02; 
}
h3 {
color: #ffca02; 
}

h4 {
color: #b34e0e; 
}

h5 {
color: #ffca02; 
}

h6 {
color: #b34e0e; 
}

blockquote {
color: #d1d1d1;
}

pre {
color: #B35E2A;
}

/*Link Styling*/

/*main links*/
a:link, a:visited {
color: #ffca02; 
}

a:hover, a:active {
color: #999;	
}

/*This is to set the links of list to a softer tone*/
#top_shelf li a,
#sidebar li a {
color: #999!important;
}
.moduletable-inset-top, moduletable-inset-bot {
	margin-left: -10px;
}
#sidebar {
	width: 184px;
}
#pathway {
	margin-left: 8px;
	width: 537px;
}
#main_content {
	width: 530px;
	margin-left: 8px;
}
#top_shelf_left, * html body #top_shelf_center, * html body #top_shelf_right {
	width: 246px;
}
#tabcontainer {
	margin: 19px 0 0;
	margin-bottom: 0;
}
#tabcontainer li {
	background: none;
}
.tabs {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
}
.tabs li {
	display: inline;
	margin: 0;
	background: none;
	padding: 5px;
}
.tabs li a {
	text-decoration: none;
	padding: 5px 20px;
	margin-right: 3px;
	color: #e2e2e2;
	background: #292929 url(images/tabs_hoverbg.gif) repeat-x;
	height: 33px;
}
.tabs li a:visited {
	color: #e2e2e2;
}
.tabs li a:hover {
	text-decoration: none;
	color: #9C0;
	background: #292929 url(images/top_nav_hoverbg.jpg) repeat-x;
}
.tabs li.selected {
	position: relative;
	top: 0;
}
.tabs li.selected a {
	padding: 5px 20px;
	background: #242424;
}
.tabs li.selected a:hover {
	text-decoration: none;
}
.tabcontentstyle {
	border-bottom: 1px solid #292929;
	border-top: 1px solid #292929;
	padding: 10px;
	width: 528px;
	margin-left: -9px;
	margin-top: 4px;
	background: #242424;
}
* html body .tabcontentstyle {
	margin-left: -10px;
	width: 527px;
}
.tabcontent {
	display: none;
}
body {

text-align:center;

margin: 9px 0 0 0;

}



#wrapper {

border-left: 1px solid #1d1d1d;

border-right: 1px solid #1d1d1d;

position:relative;

width:780px;

text-align:left;

z-index:1;

margin:0 auto;

padding:0;

}



#top_a {

background: #2D2D2D url(images/top_nav_bg.gif) repeat-x;

height:33px;

width:780px;

margin:0;

padding:0;

}



#top_a_nav {

float:left;

height:33px;

width:610px;

margin:0;

padding:0;

}



#top_a_right {

background: url(images/top_nav_bg.gif) no-repeat 138px 0px;

border-left: 1px solid #484848;

position: relative;

float:left;

width: 25px;

height: 33px;

line-height:33px;

width:168px;

margin:0;

padding:0;

}


#top_b {

background: #2D2D2D url(images/top_b_bg.gif) repeat-x;

height:33px;

width:780px;

line-height:30px;

margin:0;

padding:0;

}



#top_b_left {

position: relative;

float:left;

display:inline;

}



/*this positions the toggle shelf button*/

#toggle_shelf {

position: absolute;

left: 10px;

top: 10px;

}



#top_b_right {

float:right;

margin-right:20px;

}



#branding_header {

width:780px;

height:120px;

margin:0;

padding:0;

}



#top_shelf {

background: #2d2d2d;

margin-top: 10px;

width:780px;

overflow:auto;

margin:0;

padding:0;

}



#shelf_seperator {

background:url(images/shelf_seperator.png) no-repeat;

width: 780px;

height: 15px;

}



#content_wrap {

background: url(images/content_bg.gif) repeat-y;

width:780px;

overflow:hidden;

}



#sidebar {

float:left;
width:184px;
margin: 0px;
margin-left: 10px;
display:inline;
padding: 0 8px 10px 8px;
margin-top:-7px;

}



#pathway {

background: url(images/module_header_bg.gif) repeat-x;

float:left;

width:538px;

margin-left:11px;

padding:5px;

height: 26px;

}



#main_content {

float:left;

width:530px;

margin-left: 10px;

padding: 0 10px;

}



#bottom_seperator {

background: url(images/bottom_seperator.gif) no-repeat;

width: 780px;

height: 2px;

overflow: hidden;

}



#footer {

background:url(images/footer_bg.png);

border-top: 10px solid #333333;

width:780px;

height:150px;

clear:both;

line-height: 39px;

}





#top_shelf_center,#top_shelf_right {

float:left;

width:236px;

margin-left:10px;

padding:0 5px;

}



/*collapsable columns*/

table.nospace {

	border: 0;

	margin: 0;

	padding: 0;

	width: 100%;

}



table.nospace td {

	margin: 0;

	padding: 0;

}



/*Signals out only top shelf*/

table.nospace td.top_shelf_left,

table.nospace td.top_shelf_center,

table.nospace td.top_shelf_right {

width: 33%;

background: #373737;

border: 1px solid #242424;

}

/*Signals out only bottom tab navigation*/

table.nospace td.tab_left,

table.nospace td.tab_right {

	width: 50%;

}



/*mini nav on bar above shelf*/



ul.mini_nav {

margin: 0;

padding: 0;

float: left;

background: none;

margin: 0;

padding: 0;

}



.mini_nav li {

margin: 0;

padding: 0;

float: left;

background: none;

}



.mini_nav li a {

text-indent: -7889px;

display: block;

height: 19px;

text-decoration: none;

}



li.contact {

width: 47px;

}



li.register{

width: 51px;

}



li.login{

width: 44px;

}



li.contact a {

background: url(images/contact_btn.png) no-repeat 0px 7px;



}



li.register a {

background: url(images/register_btn.png) no-repeat 0px 7px;



}



li.login a {

background: url(images/login_btn.png) no-repeat 0px 7px;



}

.contentpane {
/* This is used mainly for Table that holds all non-article information (components, category lists, contact forms, etc).

all contained within a single table*/
background-color:#2d2d2d;
font-size:1em;
}

.contentpaneopen {
background-color:#2d2d2d;
font-size:1em;
}

.moduletable table.contentpaneopen td {
background:none;
font-size:1em;
margin-top:10px;
background:#373737;
border:none;
padding:6px;
}

.contentheading {
/* Used as the Title of the content, article, etc. being displayed,

it is also used for Section's heading*/
font-size:1.2em;
padding-top:5px;
padding-bottom:9px;
font-weight:bold;
background:url(images/contenthead.png) 0 100% no-repeat;
}

.contentpagetitle {
/*Title of articles*/
font-size:13px;
font-weight:bold;
color:#E2E2E2;
text-align:left;
}

.componentheading {
/* Used to format a components heading or title */
font-size:1.3em;
margin:0.3em 0 0.9em;
font-weight:bold;
}

table.contenttoc {
margin:10px;
padding:0;
float:right;
}

/*

Joomla Sections Styles

Styling of sections tables 

*/
.sectiontableheader {
/* This is for styling the section table headers on a SECTION's page.*/
background-color:#242424;
padding:1px 0 2px 10px;
font-weight:bold;
font-size:1.1em;
border-top:2px solid #1f1f1f;
}

.sectiontableentry1 {
/* this is used when there's a whole list of data to provide and

you need to create alternate colors for each row of data. This is

the first color */
background-color:#333333;
border-top:1px solid #484848;
padding:3px 0 3px 10px;
}

.sectiontableentry2 {
/* this is the second color for the row*/
background-color:#292929;
border-top:1px solid #484848;
padding:3px 0 3px 10px;
}

/*  Polls  */
.poll {
/* polls texts */
font-size:1em;
line-height:14px;
}

/*this helps make the poll

look better as it removes the

section and table entry lines*/
.poll .sectiontableentry1,.poll .sectiontableentry2 {
background:none;
border:none;
text-align:left;
}

.pollstableborder {
/* set the border properties of the polls voting table */
border:none;
width:178px;
border:none;
}

.poll td {
/* set the table data properties of the polls voting table */
font-size:0.95em;
color:#e2e2e2;
font-weight:normal;
padding:4px;
}

/*If you use mosimage to ad images

this helps style those images */
.mosimage {
margin:3px;
}

.mosimage img {
background:#bbb;
margin:0;
padding:1px;
border:7px solid #242424;
}

.mosimage_caption {
}

/*Form Elements

These styles control the

appearance of forms

*/
#main_content .button {
/* button style for Joomla component, form and module buttons

specifically in the main content area*/
background:#242424;
border:1px solid #6e6e6e;
color:#FFFFFF;
margin:15px 0;
font-size:0.9em;
font-weight:normal;
text-align:center;
}

#sidebar .button {
/* button style for Joomla component, form and module buttons

specifically in the  sidebar*/
background:#242424;
border:1px solid #6e6e6e;
color:#FFFFFF;
width:82px;
margin:6px 0;
font-weight:normal;
text-align:center;
padding:1px 0 3px;
}

#sidebar .button:hover {
/* hover style of sidebar button*/
background:#202020;
border:1px solid #505050;
}

#main_content .inputbox {
/* the look of input boxes in forms in main content */
font-size:12px;
color:#e2e2e2;
background:#2d2d2d url(images/sidebar_input_bg.jpg) repeat-x;
border:1px solid #333333;
padding:1px 3px;
margin:0;
}

#sidebar .inputbox {
/* the look of input boxes in forms */
font-size:12px;
color:#e2e2e2;
background:#2d2d2d url(images/sidebar_input_bg.jpg) repeat-x;
height:18px;
line-height:22px;
width:177px;
display:block;
border:1px solid #3d3d3d;
padding-top:4px;
margin:0;
margin-bottom:-10px;
}

#sidebar .inputbox:hover {
border:1px solid #7e7e7e;
}

#sidebar input#mod_login_remember {
/* fixes alignment problems of checkbox and 

ugly ie styling*/
width:auto;
margin:0;
padding:0;
border:none;
background:none;
}

textarea {
/* the look of the large text area on forms */
font-size:12px;
color:#e2e2e2;
background:#1f1f1f !important;
border:1px solid #333333;
padding:1px 3px;
margin:0;
}

/*Styles for top right search*/
/*if using normal search box styling, top right*/
.search {
margin:0;
padding:0;
position:absolute;
top:8px;
left:7px;
}

.search input {
font-size:12px;
background:url(images/content_input_bg.png) repeat-x;
border:1px solid #313131;
padding:1px 3px;
margin:0;
color:#eef2d0;
}

.search input:hover {
border:1px solid #505050;
}

/*styles if using instant search*/
#searchform {
margin:0;
padding:0;
position:absolute;
top:8px;
left:7px;
}

#livesearch {
padding:0;
margin:0;
}

input#livesearch {
font-size:12px;
background:url(images/content_input_bg.png) repeat-x;
border:1px solid #313131;
padding:1px 3px;
margin:0;
color:#eef2d0;
}

/*

MODULE STYLINGS - THIS CONTROLS THE LOOK OF VARIOUS MODULES!!

This template uses alot of specificity to style the modules 

differently dependig on their position, we have tried to seperate

them to make it as clear as possible.

*/
.moduletable-inset-top,.moduletable-inset-bot,.moduletable-inset-left,#top_shelf .moduletable,table.contentpaneopen {
background:none;
}

.moduletable {
/*generic for all modules*/
font-size:1em;
margin:0;
padding:0;
padding-bottom:5px;
}

/*only top 3 shelf modules*/
#top_shelf .moduletable h3 {
font-size:11px;
color:#fff;
height:25px;
margin:0;
padding:0;
margin:0;
font-weight:normal;
line-height:25px;
text-indent:10px;
}

#top_shelf .moduletable p {
padding:0 7px;
}

/*all sidebar modules*/
#sidebar .moduletable h3 {
background:url(images/module_header_bgdark.gif) repeat-x;
font-size:12px;
height:30px;
margin-left:-7px;
margin-right:-7px;
font-weight:bold;
color:#fff;
line-height:30px;
width:199px;
text-indent:8px;
}

#sidebar .moduletable {
padding:0;
}

#sidebar .moduletable-leftnav h3 {
background:url(images/module_header_bgdark.gif) repeat-x;
font-size:12px;
height:30px;
margin-left:-7px;
margin-right:-7px;
margin-bottom:0;
font-weight:bold;
color:#fff;
line-height:30px;
width:199px;
text-indent:8px;
}

#sidebar .moduletable-leftnav {
padding:0;
margin:0;
}

/*Styling for the inset modules
located in the content*/
.moduletable-inset-top,.moduletable-inset-bot {
background:#242424;
padding:1px 4px 12px 10px;
margin-left:-9px;
margin-bottom:13px;
border:1px solid #1d1d1d;
width:532px;
}

/*Styling for headers in the Tab navigation
and inset modules*/
#tabcontainer .moduletable h3,.moduletable-inset-bot h3,.moduletable-inset-top h3 {
background:url(images/contentmod.png) 50% 100% no-repeat;
color:#e2e2e2;
font-size:1.2em;
padding-top:5px;
padding-bottom:9px;
width:200px;
display:block;
font-weight:bold;
}

/*Adds specific styling to 
content heading inside inset modules*/
.moduletable-inset-bot .contentheading {
background:none;
margin:0;
padding:0;
font-size:1.2em;
}
.french a{
background:url('images/french.png') 0 0 no-repeat;
width:55px;
height:17px;
display:block;		
}
.french a:hover{
background-position:0 -17px;	
}
.english a{
background:url('images/english.png') 0 0 no-repeat;
width:55px;
height:17px;
display:block;		
}
.english a:hover{
background-position:0 -17px;	
}