/* Start of CMSMS style sheet 'helpinhand' */
body, html {
margin:0;
padding:0;
background:#fff;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}

body {
min-width:624px;
}

#wrap {
background:#fff;
margin:0 auto;
padding-top:10px;
width:624px;
overflow:auto;
}

#lang_sw {
text-align:right;
margin:0 10px 8px 0;
}

#lang_sw a:link, #lang_sw a:visited {
font-size:12px;
color:#666;
text-decoration:none;
font-weight:bold;
}

#lang_sw a:hover, #lang_sw a:active {
font-size:12px;
color:#666;
text-decoration:underline;
font-weight:bold;
}


#header {
background:#fff;
}

#header h1 {
margin:0;	
}

body#fr_FR #header h1 {
width:624px;
height:133px;
background-image:url(uploads/images/header_w.gif);
}

body#en_US #header h1 {
width:624px;
height:133px;
background-image:url(uploads/images/header2.gif);
}



h2#strap {
background-color:#6C2A67;
font-size:12px;
color:#fff;
text-align:right;
padding:5px 20px 5px 0;
margin:0;
}

h2#strap p {
margin:0;
padding:0;
}

/* id menuwrapper 1st level links under header */
#menuwrapper {
background-color:#CEE2DC;
color:#fff;
margin:10px 0 0 0;
padding:5px;
font-size:12px;
}

#menuwrapper ul#primary-nav {
margin:0;
padding:0;
}

/* the margin, padding and border control the separator */
#menuwrapper ul#primary-nav li {
display: inline;
list-style-type: none;
margin-right:4px;
padding-right:3px;
border-right: 1px solid #6EAB9A;
}

#menuwrapper ul#primary-nav li a {
color:#333;
font-weight:bold;
text-decoration:none;
}

#menuwrapper ul#primary-nav li a:hover {
color:#333;
font-weight:bold;
text-decoration:underline;
}

#menuwrapper ul#primary-nav .menuactive a:link, #menuwrapper ul#primary-nav .menuactive a:visited {
color:#99012C;
font-weight:bold;
text-decoration:none;
}

#menuwrapper ul#primary-nav .menuactive a:hover, #menuwrapper ul#primary-nav .menuactive a:active {
color:#99012C;
font-weight:bold;
text-decoration:underline;
}


/* id menuwrapper 2 & 3rd level links under in sidebar*/
#sidebar #menuwrapper {
background-color:#fff;
color:#fff;
margin:0;
padding:0px;
font-size:12px;
}

#sidebar #menuwrapper ul#primary-nav {
margin:0;
padding:0;
}

#sidebar #menuwrapper ul#primary-nav li {
display:block;
margin:0 0 8px 0;
border-right: 0px;
}

#sidebar #menuwrapper ul#primary-nav li a {
color:#666;
text-decoration:none;
}

#sidebar #menuwrapper ul#primary-nav li a:hover {
color:#666;
text-decoration:underline;
}

#sidebar #menuwrapper ul#primary-nav .menuactive a:link, #sidebar #menuwrapper ul#primary-nav .menuactive a:visited {
color:#99012C;
font-weight:bold;
text-decoration:none;
}

#sidebar #menuwrapper ul#primary-nav .menuactive a:hover, #sidebar #menuwrapper ul#primary-nav .menuactive a:active {
color:#99012C;
font-weight:bold;
text-decoration:underline;
}


#breadcrumbs {
margin:10px 0 15px 0;
font-size:12px;
color:#333;
}

#breadcrumbs span.lastitem {
color:#99012C;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
color:#333;
text-decoration:none;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
color:#333;
text-decoration:underline;
}

/* styles related to main content for table based pages */
#main_table {
background:#fff;
float:right;
margin: 0 0 0;
padding:0 0px 0 0;
width:452px;
}

#main_table img {
margin-top:5px;
}

#main_table h2#title {
margin:0;
padding:0;
font-weight:normal;
font-size:18px;
color:#99012C;
margin:0 0 15px 0;
}

#main_table #page_content {
color:#333;
font-size:14px;
line-height:110%;
}

/* sets text size for #noborder table cells */
#main_table #page_content #noborder td {
color:#333;
font-size:14px;
line-height:110%;
}

#main_table  #page_content p {
color:#333;
font-size:14px;
line-height:160%;
}

#main_table #table_contents td a {
color:#333;
text-decoration:none;
}

#main_table #table_contents td a:hover {
color:#333;
text-decoration:underline;
}


#main_table #table_contents, #main_table table {
width:100%;
border-collapse: collapse;
}

#main_table #table_contents, #main_table table {
margin:0;
padding:0;
}

#main_table #table_contents td, #main_table table td {
padding:3px;
border:1px solid #aaa;
font-size:11px;
vertical-align:top;
color:#333;
line-height:140%;
}

#main_table #table_contents td.header, #main_table table td.header  {
text-align:left;
font-weight:bold;
}

#main_table #table_contents td.resource_title, #main_table table td.resource_title  {
font-weight:bold;
}



/* styles relating to main content area for basic pages */
#main {
background:#fff;
float:right;
margin: 0 0 0;
padding:0 20px 0 0;
width:432px;
}
/* zero all margin and padding for header tags */
#main h2, #main h3, #main h1, #main h2#title   {
padding:0;
margin:0;
}

#main h2#title {
margin:0;
padding:0;
font-weight:normal;
font-size:18px;
color:#99012C;
margin:0 0 15px 0;
}

#main #page_content, #main #page_content p {
color:#333;
font-size:14px;
line-height:160%;
margin:0;
padding:0;
}

#main #page_content ul {
margin:0;
padding:0 0 0 35px;
}

#main #page_content ul li a:link, #main #page_content ul li a:visited  {
color:#333;
text-decoration:none;
}

#main #page_content ul li a:hover, #main #page_content ul li a:active  {
color:#333;
text-decoration:underline;
}

#main #page_content ul li {
color:#333;
}

#main #page_content a:link, #main #page_content  a:visited  {
color:#333;
text-decoration:none;
}

#main #page_content a:hover, #main #page_content a:active  {
color:#333;
text-decoration:underline;
}

/* these are the styles which echo those found in userstyles. Styles in here make the userstyles work */ 
/*The styles in userstyles are, it seems, just for the tinymce editor! */
#main #page_content, #main #page_content p.redsubhead, #main #page_content p span.readhead {
font-size:16px;
color:#99012C;
}

#main #page_content, #main #page_content p span.redsubhead {
font-size:16px;
color:#99012C;
} 

#main #page_content, #main #page_content p span.greysubhead {
font-size:14px;
color:#999;
}

#main_table #page_content, #main_table #page_content p span.greysubhead {
font-size:14px;
color:#999;
}

#main_table #page_content, #main_table #page_content p span.redsubhead {
font-size:16px;
color:#99012C;
}

#main_table #page_content table#noborder td.redsubhead {
font-size:16px;
color:#99012C;
}

#main_table #page_content table#noborder td.greysubhead {
font-size:16px;
color:#99012C;
}

/* its a bit confusing but just copy styles from user styles to here and it seems to work!! */
/* but remember that styles in user styles affect appearance in editors while those here */
/* affect appearance on site as these styles are much more element specific */


.head1 {
font-size:16px;
color:#99012C;
}

.head2 {
color:#333;
font-size:14px;
line-height:160%;
}

.body1 {
color:#333;
font-size:14px;
line-height:160%;
}

.body2 {
color:#333;
font-size:12px;
line-height:160%;
}

.body1_bullets {
color:#333;
font-size:14px;
line-height:160%;
}

.body2_bullets {
color:#333;
font-size:12px;
line-height:160%;
}

.table1 {
color:#333;
font-size:14px;
line-height:110%;
}

#page_content .body_style {
color:#333;
font-size:14px;
line-height:160%;
}

table#noborder, table#noborder td {
border:0;
}

table#noborder {
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
}

#sidebar h2#title {
margin:0;
padding:0;
font-weight:normal;
font-size:18px;
color:#aaa;
margin:0 0 15px 0;
)

#main #page_content a {
color:#333;
text-decoration:none;
}

#main #page_content a:hover {
color:#333;
text-decoration:underline;
}

#sidebar {
background-color:#fff;
float:left;
width:170px;
}

#sidebar ul {
margin-bottom:0;
}

#footer {
background:#ddd;
clear:both;
}

#footer p {
padding:5px;
margin:0;
} 

.clr {
clear:both;
}
/* End of 'helpinhand' */

/* Start of CMSMS style sheet 'userstyles' */
/* These are the styles seen in tiny mce dropdown and those which insert the styles into the HTML */ 
/* The styles in the main file helpathand are those which actually make the styles work */
/* It is a good idea to create a userstyles just for the tinymce dropdows and echo them in the main ss */
/* As a guide these styles will create the style selector while the styles in the main css file are the ones */
/* which do the styling as they are more element specific i.e. #page_content td.redsubhead */
/* These styles here are the ones which affect the look within the editors */


.head1 {
font-size:16px;
color:#99012C;
}

.head2 {
color:#333;
font-size:14px;
line-height:160%;
}

.body1 {
color:#333;
font-size:14px;
line-height:160%;
}

.body2 {
color:#333;
font-size:12px;
line-height:160%;
}

.body1_bullets {
color:#333;
font-size:14px;
line-height:160%;
}

.body2_bullets {
color:#333;
font-size:12px;
line-height:160%;
}

.table1{
color:#333;
font-size:14px;
line-height:110%;
}
/* End of 'userstyles' */