/* clear away the body margins and scrollbars from the body to get a clean canvas*/
body {
    margin:0px;
    overflow:hidden;
	/*height:100%;*/
}
.canvasDiv{ /* make an absolute div canvas for the page same size as browser window that scrolls */
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:expression(document.body.clientWidth);
	height:expression(document.body.clientHeight);
	overflow:scroll;
	text-align:center; /* center the canvas table within this div */
}
/* mac ie has problems with some css so we need a way to hide instructions from it.
	One of the bugs can be used to do this, such that by using a \ in a comment it ignores all settings
   until the next comment is reached    */
.canvasDiv{
	overflow:auto;
}
/* so mac ie is still on overflow:scroll; as it couldn't read the class between the comments */


/* table is the size of the static width site */
.canvasTable{
	width:803px;
	height:100%;
	min-height:500px;
	height:expression(this.clientHeight<=500?"500px":"100%");
	margin-left:auto; /* setting both margins to auto centers the table for gecko */
	margin-right:auto;
	font-size:0px;
	background-image:url(../pics/line_bg.gif);
	background-repeat: repeat-y;
}

#toprow{
	padding-left:19px;
	padding-right:19px;
}

.whitebar{
    margin-right:auto;
    height:18px;
    line-height:8px;
    letter-spacing:1px;
/*    background-image:url("../pics/rosetop.gif");
    background-repeat:no-repeat;
    background-position:right top;
    text-align:center;
    /* font-size: 9px; */
    /* color:#cccccc; */
}
.logoholder{
	float:left;
	border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
	width:217px;
    width:expression("219px");
    height:148px;
    background-repeat:no-repeat;
}
#top_menu_strip{
	padding-top:3px;
	padding-bottom:5px;
	background-color:#ffffff;
}
#top_menu_strip1{
	padding-top:3px;
	padding-bottom:5px;
	background-color:#ffffff;
}
#top_menu_plugin{
	width:100%;
	margin-right:auto;
	float:left;
}
#top_menu_plugin1{
	width:100%;
	margin-right:auto;
	float:left;
}

#lhs_cont{
	background-position:top right;
	background-repeat:repeat-y;
}
#lhs{
	position:relative;
}

div.background-pics,
div.background-pics-right{
	margin-top: 1px;
	padding-top: 1px;
	padding-left: 1px;
	margin-left: 18px;
}
div.background-pics-right{
	margin-left: 161px;
}

#ctr_cont{
	width: auto !important;
	width:803px;
	height:100%;
	background-color:#ffffff;
	background-repeat:no-repeat;
    background-position:left top;
}

#ctr{
	font-size:14px;
	padding-left:30px;
    padding-top:28px;
    padding-right:20px;
}

#rhs_cont{
	background-position:top left;
	background-repeat:repeat-y;
}

#footer_row{
	padding-top:1px;
	padding-left:19px;
	padding-right:19px;
}

.footer_cont{
	float:center;
	padding-top:2px;
	padding-bottom:4px;
}

/* appearance of footer links */
.footerlink {
   margin-left:100px;
   text-decoration:none;
}
.footerlink:hover{
	text-decoration:underline;
}


/* appearance of Forum Menu links */
.ForumMenuLink {
   text-decoration:none;
}
.ForumMenuLink:hover{
	text-decoration:underline;
}

/* appearance of Forum Item links */
.ForumItemLink {
   text-decoration:none;
}
.ForumItemLink:hover{
	text-decoration:underline;
}

/* cause any rtf text to maintain the overall corp design and not kindie!, they now inherit from their immediate parent container */
font{
    color:inherit;
    font-size:inherit;
    font-family:inherit;
}

/* if the html editor inserts p into the content remove margins so customer doesn't create unwanted gaps */
p {
    margin-top:0px;
}

/* set the default fonts to use in the site */
div,td {
	font-size:11px;
    font-family:Tahoma, sans-serif;
    color:#999999;
}

/* common cms content styles */
.sectionHeader {
	font-family: Tahoma, Verdana, Arial, sans serif;
	font-size: 12px;
	font-weight: bold;
}

.sectionSubHeader {
	font-size: 12px;
	color:#666666;
	font-weight: bold;
}

.sectionContent {
    font-size:11px;
    color:#666666;
    line-height:20px;
}

.sectionContent a {
    color:#666666; 
}
.sectionContent a:hover {
    color:#333333; 
}

.siteLink, .siteLink3{
	color: #CCCC99;
}


.siteLink:hover, .siteLink3:hover{
	color: #993366;
}

/* some useful classes for tweaking ini files */
.block{
    display:block;
}

.nowrap{
	white-space: nowrap;
}

.clearFloat{
    clear:both;
}

.floatLeft{
    float:left;
}

.floatRight{
    float:right;
}

.vertSpaceSmall{
	padding-top: 6px;
	padding-bottom: 6px;
}

.padAbove{
	padding-top: 40px;
}

.padLeft{
    padding-left:15px;
}

.padLeftTiny{
    padding-left:3px;
}

.padRight{
    padding-right:15px;
}

.padRightTiny{
    padding-right:3px;
}

.gapLeft{
    margin-left:15px;
}

.gapRight{
    margin-right:15px;
}

.gapAfter{
	margin-bottom: 10px;
}

.alignCentre{
	text-align: center;
}

.alignRight{
	text-align: right;
}

.error
{
	color: Red;
}