/* Copyright Mason-Brown IT - 2007

 --- Content divs and classes --- */
* /* Rules applied to all elements */
{
        font-family: Calibri, Tahoma, Verdana, Arial;
        font-size: 97%;
        padding: 0%;
	/*the new color for nav is 0b4a8a*/
}

/* Start links */
a:link
{
	text-decoration: none;
	color:  #616161; /*#4f4b37; /* #58492e */
}
a:visited
{
	text-decoration: none;
	color: #616161; /*#4f4b37;*/
}
a:active
{
	text-decoration: none;
	color: #616161;  /*#4f4b37;*/
}

#navlist a:hover
{
	text-decoration: underline;
}

.article a:link, .article a:visited, .article a:active
{
	font-size: 1.0em;
	text-decoration: underline;
}

.article a:hover
{
        text-decoration: none;
}

#footer a:link
{
	color: #ffffff;
}

#footer a:visited
{
        color: #ffffff;
}

#footer a:active
{
        color: #ffffff;
}
/* End links */

/* Start front page content */
#page /* Containing div */
{
        border: 1px solid #959596;
        text-align: left;
        margin: 0px auto;
        padding: 0;
        width: 990px; /* 90% */
	min-width: 800px;
	min-height: 200px;
	background-color: #ffffff; 
	overflow:hidden;
}

#header /* Header */
{
        padding: 0;
        margin: 0;
       /* height: 190px  /* This pushes head_grad down */
	/*background-color: #034778;*/
}

#headfront /* Header Front page - Same as above, without height */
{
        padding: 0;
        margin: 0;
        background: url(../images/grad.jpg) repeat-x bottom;
}

/* # Menu options, header image, bread crumb */
#headerimg /* Header image */
{
        padding: 0;
        margin: 0;
}

#headerimgleft
{
        padding: 0;
        margin: 0;
        float: left;
}

#headerimgright
{
        padding: 0;
        margin: 0;
        float: right;
}

#headerimg img, #headerf img, #headerimgleft img, #headerimgright img
{
        display:block;
        border: none;
}

#headerm /* Menu header container */
{
        height: 34px !important;
       /* background-color: #034778;*/
	background-image: url("../images/grad.jpg");
        margin: 0;
        padding: 0 0 0 14px;
	clear:both;
}

#headerf /* Header font page */
{
        height: 20%;
        background-color: #00487B; /*#4f4b37;*/
        color: #ffffff;
        font-size:3.0em;
}

#grad
{
	clear: both;
	height: 25px;
	background: url(../images/head_grad.gif) repeat-x bottom;
}

#breadcrumb /* Bread crumb container */
{
        padding: 0;
        margin: 4px 0 0 13px;
	font-size: 1.0em;
}

#headerm .unselected /* Menu when not selected */
{
	color: #ffffff; /* white; */
	float: left;
	padding:5px 24px 8px 24px;
}

#headerm .unselected a /* Sub menu links */
{
	text-decoration: none;
	color: #ffffff; /*white;*/
	float:left;
}

#selected /*Menu when selected*/
{
	color: #000033; /*#0b4a8a;*/
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 2px 24px 6px 24px; /*Changed bottom from 4px to fix gap in some browsers*/
	float: left;
	background-color: #ffffff;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#unselected, #selected, .unselected
{
	font-size: 1.4em;
}

/* Content dividers - Main page */
#content /* content container */
{
	font-size: 1.0em;
	margin: 50px 0 0 0;
	min-height: 460px; /*0 auto;*/
	width: 100%;
	overflow: hidden;
}

.contenthandler
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	overflow: hidden;
}

.ad /*Advertisement & Login divs */
{
	padding: 0 2% 0 2%;
	margin: 1% 2% 0 0;
	float: left;
}

/*Start category divs */
.category /* Containing category div */
{
	margin: 24px 0px 0 132px;
	float: left;
	width: 298px;
	height: auto;
	overflow: hidden;
	display: inline; /*fixes another IE6 problem */
}

.cathead /* Category heading */
{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0;
	color: white;
}

.catbrief /* Category brief */
{
	padding: 0;
	margin: 0; /*0 2% 0 2%;*/
	height: 210px;
}

#contentdiv /* content container */
{
	float: left;
	font-size: 1.1em;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url("../images/bawsBack.jpg");
	background-repeat: no-repeat;
	background-position: 80% 20%;
}

#nav /* Navigation div on left */
{
	width: 20%;
	border: 1px solid #959596;
	float: left;
	margin: 36px 0 10px 20px;
	min-width: 120px;
	max-width: 178px;
	min-height:  260px;
	overflow: hidden;
	display: inline; /* fix for another ie6 prob */
}

#navlist /* Nav list li */
{
	list-style-type: none;
	margin: 10px;
	padding: 0;
}

#maincontainer /* Container beside nav */
{
	width: 748px;
	border: 1px solid #959596;
	margin: 36px 0 10px 20px;
	float: left;
}

.article /* article data container */
{
	margin: 1%;
	width: 98%;
}

.article table
{
	font-size: 1.1em;
}

.article td
{
	padding-bottom: 6px;
}

.article p, .articleWithAd p /* Paragraph inside article */
{
	padding: 0;
	margin: 0;
}

.article ul, .articleWithAd ul /* Dot points inside article */
{
	padding: 0;
	margin: 0 0 0 50px;
	list-style-type: none;
	list-style-image: url(../images/dot.gif);
	font-size: 1.0em;
}

.article li, .articleWithAd li
{
	padding: 0;
	margin: 0;
}

.article .genimg, .articleWithAd .genimg
{
	margin: 1%;
	padding: 0;
}

.article .rightimg .articleWithAd .rightimg
{
	float: right;
	margin: 0 0 1% 1%;
}

.article .leftimg, .articleWithAd .leftimg
{
	float: left;
	margin: 1% 1% 0 0;
}

.article .centerimg, .articleWithAd .centerimg
{
	padding: 0;
	margin: 0;
	text-align: center;
}

.article .colLeft, .articleWithAd .colLeft
{
	border: solid 1px #959596;
	float: left;
}

.article .colRight, .articleWithAd .colRight
{
	border: solid 1px #959596;
	float: right;
}

.articleWithAd /* Ads on the right in content */
{
	margin: 1%;
	overflow: hidden;
}

#title /* Title for title of content data. Inside article */
{
	font-size: 1.2em;
	border-bottom: dotted 1px #959596;
	margin: 0 0 4px 0;
}

#adcontainer /* Inner advetisement container */
{
	width: 130px;
	float: right;
	margin: 1% 1% 1% 0pt;
	overflow: hidden;
}

#adcontainer img
{
	border: none;
}

.adcont /* container for each advert in adcontainer*/
{
	width: 100%;
	height: 199px; /*setting height to avoid advert images gap */
}

/*End Content */
/*start Footer*/
/*Footer Information*/
#footer
{
	background: url(../images/grad.jpg) repeat-x bottom;
	clear: both;
	overflow: hidden;
	height: 100%;  /*For ie6*/
}

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

#toc
{
	margin: 2px 24px 12px 20px;
	float: left;
}

#copyright
{
	margin: 2px 24px 12px 20px;
	float: right;
}

#toc, #copyright
{
	color: #ffffff;
	font-size: 1em;
}
/* End footer */

body
{
	/*background-color: #e2edf9;*/
	background-color:  #072A44; /*#BDBDBD; /*#ffffff;*/
	background-image: url("../images/background.jpg");
	color: #616161; /* #58492e;*/
}

img
{
	border: none;
}

/* Start styling for forms */
#cform input
{
	/*color: #F5F5F5;*/
	width: 220px;
}

#cform textarea
{
	height: 180px;
	width: 80%;
}

#cform ul
{
	padding: 0;
        margin: 0;
        list-style-type: none;
	list-style-image: none;
	font-size: 1.1em;
}

#cform li
{
	clear:both;
	overflow:hidden;
}

.row
{
	border-bottom: 1px solid #cccccc;
	padding: 4px;
        width: 305px;
	font-size: 1.0em;
	float:left;
}

.flabel
{
	width: 80px;
	vertical-align:top;
	float:left;
}

#cform em
{
	color: #ff0000;
	font-size:1.2em;
}

#cform #button
{
	width: 60px;
	border: 1px solid #cccccc;
}

/* Containers with rounded corners */
.roundbanner
{
	width: 842px;
        background-color: none;/* #ffffff; /*#4f4b37;*/
        color: #616161;
	margin: 0 1% 30px 42px;
        overflow: hidden;
	height: 100%; /* Needed for stupid IE6 */
	height: 130px;
	float: center;
}

.roundcat
{
        width: auto;
        background-color: #ffffff; /* #a7a599;*/
        overflow: hidden;
	height:100%;
}

.roundbanner p, .roundcat p
{
        margin: 16px 16px 0 16px;
}

.roundbtopl, .roundbbotl, .roundctopl, .roundcbotl
{
	width: 16px;
        height: 16px;
        float: left;
}