/*
###===========================================================================
#
# Copyright (c) 2006 by Computors Limited. All Rights Reserved.
#
# No part of this publication or software may be reproduced, transmitted,
# transcribed, stored in a retrieval system, or translated into any
# language without the prior written authorization of Computors Limited.
#
# This is a licensed product of Computors Limitied.
#
# File CSS    : cm.css
#
# Description : Main Cascading Style Sheet for Content Management
#
#-----------------------------------------------------------------------------
# History
# Version   Date     Author      Comments
# --------  -------  ----------  ---------------------------------------------
# 01.00.00  02Jun06  A.D.Smith   Initial Version.
#
#-----------------------------------------------------------------------------
# NOTES
#
#
#
###===========================================================================
### Site Specific
###---------------------------------------------------------------------------
### - CSS specific to the site that cannot be standardised.
### - Prefix any names with a site specific lable.
###===========================================================================
*/

.BlueSky_Home_Content_Area {
	float: left;
	clear: none;
    width: 760px;
    text-align: left;
	padding: 40px 50px 20px 50px;
}
.BlueSky_Paragraph_Area {
    width: 660px;
    border-bottom: 1px #000066 solid;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
    overflow: hidden;
}
.BlueSky_Home_Nav_Area {
    width: 611px;
    text-align: center;
    margin-left: 24px;
}
.BlueSky_Paragraph_Area_Right {
    float: right;
    clear: none;
    width: 260px;
	padding: 0px 0px 0px 16px;
    overflow: hidden;
}
.BlueSky_CM_Image {
	padding: 0px 0px 1px 0px;
}
.BlueSky_CM_Entry {
	padding: 10px 0px 5px 0px;
}
.BlueSky_CM_Text {
    font-weight: bold;
    font-size: 1.2em;
	padding: 30px 0px 5px 0px;
}


.Content_Menu {
    float: left;
    clear: none;
    width: 160px;
    max-width: 160px;
    overflow: hidden;
    padding: 10px 0px 0px 0px;
}
.Content_Menu_Header {
    float: left;
    clear: none;
    width: 160px;
    height: 34px;
}
.Content_Menu_Header_Title {
    float: left;
    clear: none;
    width: 175px;
    background-image: url(/images/content_menu_background.jpg);
    padding: 4px 10px 5px 23px;
}
.Content_Menu_Header_SubTitle {
    float: left;
    clear: none;
    width: 180px;
    background-image: url(/images/content_menu_background.jpg);
    padding: 0px 30px 0px 25px;

    height: 1px;
    display: block;
    overflow: hidden;
}
.Content_Menu_Footer {
    float: left;
    clear: none;
    width: 180px;
    height: 34px;
}

.Content_Menu_Entry {
    float: left;
    clear: none;
    width: 180px;
    font-size: 1.0em;
    font-weight: bold;
    background-image: url(/images/content_menu_background.jpg);
    padding: 0px 30px 5px 25px;
}
.Content_Menu_Text {
    float: left;
    clear: none;
    width: 180px;
    font-size: 1.0em;
    font-weight: normal;
    background-image: url(/images/content_menu_background.jpg);
    padding: 0px 30px 5px 25px;
}



/*
###===========================================================================
### Top Level Menu
###===========================================================================
*/
.TOPNAV_Menu_Area {
    width: 760px;
    text-align: left;
}
.TOPNAV_Section_Level_1 {
    height: 23px;
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}
.TOPNAV_Item_Level_1 {
    float: left;
    clear: none;
    text-align: center;
    margin: 0px;
    padding: 4px 20px 0px 20px;
}
a.TOPNAV_Link_1:link,
a.TOPNAV_Link_1:visited,
a.TOPNAV_Link_1:hover,
a.TOPNAV_Link_1.active {
    height: 23px;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: -1px;
    text-decoration: none;
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    display: inline;
}
a.TOPNAV_Link_1:hover {
    color: #0099CC;
}
a.TOPNAV_Link_1_Current:link,
a.TOPNAV_Link_1_Current:visited,
a.TOPNAV_Link_1_Current:hover,
a.TOPNAV_Link_1_Current:active {
    color: #003399;
}

.HOMENAV_Menu_Area {
    height: 26px;
    text-align: center;
    border-bottom: 1px #BDC3CD solid;
    padding: 0px 0px 2px 1px;
    overflow: hidden;
}
.HOMENAV_Section_Level_1 {
    text-align: center;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.HOMENAV_Item_Level_1 {
    float: left;
    clear: none;
    width: 120px;
    height: 23px;
    text-align: center;
    background-image: url(/images/top_menu_background.gif);
	background-repeat: repeat-x;
    margin: 0px 2px 0px 0px;
    padding: 2px 0px 0px 0px;
}
a.HOMENAV_Link_1:link,
a.HOMENAV_Link_1:visited,
a.HOMENAV_Link_1:hover,
a.HOMENAV_Link_1.active {
    height: 23px;
    font-weight: 600;
    font-size: 1.3em;
    letter-spacing: 0px;
    text-decoration: none;
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
}
a.HOMENAV_Link_1:hover {
    color: #0099CC;
}
a.HOMENAV_Link_1_Current:link,
a.HOMENAV_Link_1_Current:visited,
a.HOMENAV_Link_1_Current:hover,
a.HOMENAV_Link_1_Current:active {
    color: #003399;
}

.CONTENT_Menu_Area {
    float: left;
    clear: none;
    width: 170px;
    background-image: url(/images/content_menu_background.jpg);
    background-repeat: repeat-y;
    padding: 0px 10px 20px 25px;
}
.CONTENT_Section_Level_1 {
    width: 120px;
    list-style-type: none;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    border-top: 1px #000066 solid;
}
.CONTENT_Item_Level_1 {
    margin: 0px;
    padding: 0px;
}
A.CONTENT_Link_1:link,
A.CONTENT_Link_1:visited,
A.CONTENT_Link_1:hover,
A.CONTENT_Link_1:active {
    width: 125px;
    font-size: 1.0em;
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration: none;
    color: #98A3B6;
    padding: 12px 0px 0px 0px;
    margin: 0px;
    display: block;
}
A.CONTENT_Link_1:hover {
    color: #0000CC;
}
A.CONTENT_Link_1_Current:link,
A.CONTENT_Link_1_Current:visited,
A.CONTENT_Link_1_Current:hover,
A.CONTENT_Link_1_Current:active {
    color: #000066;
}

.CONTENT_Section_Level_2 {
    list-style-type: none;
    display: block;
    margin: 0px;
    padding: 0px;
}
.CONTENT_Item_Level_2 {
    margin: 0px;
    padding: 0px;
}
A.CONTENT_Link_2:link,
A.CONTENT_Link_2:visited,
A.CONTENT_Link_2:hover,
A.CONTENT_Link_2:active {
    width: 115px;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    color: #000066;
	background-image: url(/images/content_menu.gif);
	background-repeat: no-repeat;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
    display: block;
}
A.CONTENT_Link_2:hover {
    color: #0000CC;
}

.GENERAL_Menu_Area {
    float: left;
    clear: none;
    width: 180px;
    background-image: url(/images/content_menu_background.jpg);
    padding: 0px 30px 5px 25px;
    overflow: hidden;
}
.GENERAL_Section_Level_1 {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
}
.GENERAL_Item_Level_1 {
    margin: 0px;
    padding: 0px;
    display: block;
}
A.GENERAL_Link_1:link,
A.GENERAL_Link_1:visited,
A.GENERAL_Link_1:hover,
A.GENERAL_Link_1:active {
    width: 125px;
    font-size: 1.0em;
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration: none;
    color: #333399;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    display: block;
}
A.GENERAL_Link_1:hover {
    color: #98A3B6;
}

.GENERAL_Section_Level_2 {
    list-style-type: none;
    display: block;
    margin: 0px;
    padding: 0px;
}
.GENERAL_Item_Level_2 {
    margin: 0px;
    padding: 0px;
}
A.GENERAL_Link_2:link,
A.GENERAL_Link_2:visited,
A.GENERAL_Link_2:hover,
A.GENERAL_Link_2:active {
    width: 115px;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    color: #000066;
	background-image: url(/images/content_menu.gif);
	background-repeat: no-repeat;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
    display: block;
}
A.GENERAL_Link_2:hover {
    color: #0000CC;
}

#bgimg {
    float: left;
    height: 260px;
    overflow: hidden;
}


/*
###===========================================================================
### Content Management - Categories
###===========================================================================
*/
.CMC_Content_Area {
	float: right;
	display: inline;
	clear: none;
	width: 580px;
	max-width: 580px;
	overflow: hidden;
    text-align: left;
	padding: 20px 0px 20px 0px;
}
.CMC_Header_Area {
	width: 525px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.CMC_Header_Title {
	margin: 12px 0px 5px 0px;
}
.CMC_Header_Description {
}

.CMC_Header_Image {
	float: right;
	clear: none;
}
.CMC_List_Area {
    float: none;
    clear: both;
    width: 540px;
    border-bottom: 1px #000066 solid;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
    overflow: hidden;
}

.CMC_Title {
    color: #DB4044;
}
.CMC_List_Title {
    color: #FFB200;
	width: 510px;
}

.CMC_List_Text_Area {
    width: 617px;
    border-left: 2px #90DBA3 solid;
    border-right: 2px #90DBA3 solid;
    padding: 8px;
    margin: 0px;
    clear: left;
    overflow: hidden;
}
.CMC_List_Text {
	  clear: none;
    color: #1A1A1A;
}


.CMC_Links_Area {
    width: 525px;
	padding: 10px 0px 0px 0px;
    overflow: hidden;
}
.CM_Links_Image {
    float: left;
	clear: none;
	padding: 0px 5px 5px 0px;
}
.CMC_Links_Title {
	padding: 0px 0px 0px 0px;
	color: #41A200;
}
.CMC_Links_URL {
}
.CMC_Links_Text {
}




.CMC_Footer {
    background-image: url(/images/footer_background.gif);
    background-repeat: no-repeat;
    width: 617px;
    height: 32px;
    margin-bottom: 16px;
    clear: both;
    float: left;
}

.Cart_Area {
	float: right;
    width: 545px;
	padding: 0px 10px 0px 0px;
}


.CMC_IMAGE_NEWS {
	  float: right;
	  clear: none;
	  width: 100px;
}

IMG.CMC_Image {
}

.CMC_List_More {
    width: 500px;
    margin-top: 15px;
    clear: left;
}


/* Category Item List */
DIV.CMC_Item_Area {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
DIV.CMC_Item_Image_Area {
}
DIV.CMC_Item_Separator{
}
HR.CMC_Item_Separator{
	height: 1px;
}

A.BackLink:link, A.BackLink:visited, A.BackLink:active {
    padding-left: 10px;
    color: #8B0000;
    text-decoration: underline;   
}

A.BackLink:hover {
    padding-left: 10px;
    color: #E20000;
    text-decoration: underline;
}

A.CMTitle:link, A.CMTitle:visited, A.CMTitle:active {
	color: #008A23;
	text-decoration: none;
	padding: 3px;
}

A.CMTitle:hover {
	color: #008A23;
	padding: 3px;
	text-decoration: none;
}

A.CMText:link, A.CMText:visited, A.CMText:active, A.CMText:hover {
	color: #333333;
	text-decoration: none;
}

A.CMMore:link, A.CMMore:visited, A.CMMore:active {
	color: #2F8F76;
	text-decoration: none;
	padding: 8px;
}
A.CMMore:hover {
	color: #016600;
	text-decoration: none;
	padding: 8px;
}


DIV.RIGHTNAV_Menu_Area {
	padding: 0px 0px 0px 0px;
}

/*== MENU LEVEL 1 ==*/
DIV.RIGHTNAV_Menu_Item_Level_1  {
    clear: both;
	padding: 0px 0px 0px 0px;
}
DIV.RIGHTNAV_Menu_Img_1  {
	float: left;
	clear: none;
	padding: 2px 4px 0px 0px;
}
DIV.RIGHTNAV_Menu_Cell_1 {
    float: left;
    clear: none;
    text-align: left;
/*	min-height: 16px;*/
}
a.RIGHTNAV_Menu_Link_1:link, a.RIGHTNAV_Menu_Link_1:visited, a.RIGHTNAV_Menu_Link_1:active {
    width: 150px;
    color: #FFFFFF;
    text-decoration: none; 
    font-weight: bold;
}
a.RIGHTNAV_Menu_Link_1:hover {
    width: 150px;
    color: #FFFFFF;
    background-color: #F7B926;
    font-weight: bold;
}

/*== MENU LEVEL 2 ==*/
DIV.RIGHTNAV_Menu_Item_Level_2  {
    clear: both;
	padding: 0px 0px 0px 8px;
}
DIV.RIGHTNAV_Menu_Img_2  {
	float: left;
	clear: none;
	padding: 2px 4px 0px 0px;
}
DIV.RIGHTNAV_Menu_Cell_2 {
    float: left;
    clear: none;
    text-align: left;
}
a.RIGHTNAV_Menu_Link_2:link, a.RIGHTNAV_Menu_Link_2:visited, a.RIGHTNAV_Menu_Link_2:active {
    width: 142px;
    color: #FFFFFF;
    text-decoration: none; 
}
a.RIGHTNAV_Menu_Link_2:hover {
    width: 142px;
    color: #FFFFFF;
    background-color: #F7B926;
}

/*== MENU LEVEL 3 ==*/
DIV.RIGHTNAV_Menu_Item_Level_3  {
    clear: both;
	padding: 0px 0px 0px 16px;
}
DIV.RIGHTNAV_Menu_Img_3  {
	float: left;
	clear: none;
	padding: 2px 4px 0px 0px;
}
DIV.RIGHTNAV_Menu_Cell_3 {
    float: left;
    clear: none;
    text-align: left;
}
a.RIGHTNAV_Menu_Link_3:link, a.RIGHTNAV_Menu_Link_3:visited, a.RIGHTNAV_Menu_Link_3:active {
    width: 134px;
    color: #FFFFFF;
    text-decoration: none; 
}
a.RIGHTNAV_Menu_Link_3:hover {
    width: 134px;
    color: #FFFFFF;
    background-color: #F7B926;
}


/*============================================================================*/
/* Content Management - Content Item                                          */
/*============================================================================*/
.CM_Content_Area {
	float: right;
	clear: none;
	width: 580px;
    text-align: left;
	padding: 20px 0px 20px 0px;
/*	overflow: hidden;  */
}
.CM_Header_Paragraph_Area {
    float: none;
    clear: both;
    width: 540px;
	padding: 0px 0px 10px 0px;
    overflow: hidden;
}
.CM_Paragraph_Area {
    float: none;
    clear: both;
    width: 540px;
    border-bottom: 1px #000066 solid;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 10px 0px;
    overflow: hidden;
}
.CM_Paragraph_Area_left {
    float: left;
    clear: none;
}
.CM_Paragraph_Area_Right {
    float: right;
    clear: none;
    width: 193px;
	padding: 0px 0px 0px 6px;
    overflow: hidden;
}
.CM_Paragraph_Nav {
    width: 540px;
    height: 10px;
    text-align: right;
	padding: 0px 4px 0px 0px;
}
a.XCM_Paragraph_Nav:link, a.XCM_Paragraph_Nav:visited, a.XCM_Paragraph_Nav:active, a.XCM_Paragraph_Nav:hover {
    position: relative;
    top: -18px;
	font-size: 0.8em;
    text-decoration: none; 
	color: #888888;
    background-color: #FFFFFF;
	padding: 0px 4px 0px 16px;
	margin: 0px 2px 0px 4px;
    background-image: url(/images/paragraph_nav_top.gif);
    background-repeat: no-repeat;
}
.XCM_Next_Item {
	font-weight: bold;
}

.Video_Area {
  float: left;
  width: 184px;
}

.Video_Title {
  font-weight: bold;
}

.Video_Text {
  width: 155px;
}

.CM_Entry {
	padding: 0px 0px 5px 0px;
}
.CM_Text {
	padding: 10px 0px 5px 0px;
}
.CM_Image_Area {
    clear: none;
}
.CM_Image {
  float: left;
	padding: 0px 0px 10px 0px;
}
.CM_Image_Left {
	float: left;
	clear: none;
	padding: 0px 0px 10px 0px;
}
.CM_Image_Right {
	float: right;
	clear: none;
	padding: 0px 0px 10px 0px;
}


A.CM_Form_Link:link, A.CM_Form_Link:visited, A.CM_Form_Link:active {
	float: right;
	clear: both;
	font-size: 0.6em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #F3F3F3;
	padding: 0px 2px 0px 0px;
	text-decoration: none;
}

A.CM_Form_Link:hover {
	font-size: 8pt;
	font-weight: normal;
	color: #F47836;
	text-decoration:underline;
}

.CM_Text_Bullet {
	font-size: 1em;
	padding: 2px 10px 0px 0px;
}

.CM_Header_Area {
}
.CM_Cat_Title {
	padding: 12px 0px 0px 0px;
}
.CM_Title {
	margin: 12px 0px 5px 0px;
	color: #51753F;
	width: 450px;
	font-family: "Trebuchet Ms", arial, sans-serif;
	font-size: 1.9em;
	font-weight: 600;
	letter-spacing: -1px;
}


DIV.CM_Item_File_Area {
	float: none;
	padding: 10px 10px 10px 10px;
	height: 40px;
}
DIV.CM_Item_File_Icon {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}
DIV.CM_Item_File_Description {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}


.CM_Link_Area {
    width: 600px;
    padding: 5px;
    margin: 5px;
    overflow: hidden;
}

.CM_Links_Entry {
    clear: right;
}

.CM_Links_Text {
    float: left;
    clear: none;
}



.CM_ImageCon_Left {
	float: left;
	clear: left;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

.CM_LinkImage {
	float: left;
	clear: none;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

DIV.CM_Image1 {
	float: left;
	clear: both;
	padding: 0px 8px 0px 8px;
}

A.CM_Content_Link:link, A.CM_Content_Link:visited, A.CM_Content_Link:active  {
	text-decoration:underline;
}
A.CM_Content_Link:hover {
	text-decoration:underline;
}
A.CM_Email_Link:link, A.CM_Email_Link:visited, A.CM_Email_Link:active {
	text-decoration:underline;
}
A.CM_Email_Link:hover {
	text-decoration:underline;
}
A.CM_URLLink:link, A.CM_URLLink:visited, A.CM_URLLink:hover, A.CM_URLLink:active {
	font-weight: bold;
	text-decoration: underline;
    color: #006600;
}
A.CM_URLLink:hover {
    color: #00CC00;
}

/*============================================================================*/
/* Content Management - Menu                                                  */
/*============================================================================*/
DIV.BOTNAV_Menu_Area {
    width: 660px;
    text-align: center;
}
span.BotNav_Item_Level_1 {
    text-align: center;
	font-size: 0.9em;
	color: #3d3d3d;
	display: inline;
}

A.BotNav_Link_1:link, A.BotNav_Link_1:visited, A.BotNav_Link_1:hover, A.BotNav_Link_1:active {
	color: #666666;
  background-color: inherit;
	text-decoration: none;
}
A.BotNav_Link_1:hover {
	color: #003399;
  background-color: inherit;
	text-decoration: underline;
}