/* Copyright Mason-Brown IT - 2007

 --- Content divs and classes --- */
* /* Rules applied to all elements */
{
        font-family: Calibri, Verdana, Arial; /* Verdana */
        font-size: 97%;
        padding: 0%;
}

/* Start links */
a:link
{
	text-decoration: none;
	color: #4f4b37; /* #58492e */
}
a:visited
{
	text-decoration: none;
	color: #4f4b37;
}
a:active
{
	text-decoration: none;
	color: #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: #fff; 
	overflow:hidden;
}

#header /* Header */
{
        padding: 0;
        margin: 0;
        /*background: url(../images/head_grad.gif) repeat-x bottom;*/
        /* height: 132px */ /* This pushes head_grad down */
	background-color: #4f4b37;
}

#headfront /* Header Front page - Same as above, without height */
{
        padding: 0;
        margin: 0;
        background: url(../images/head_grad.gif) 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: #4f4b37;
        margin: 0;
	font-size: 15px;
        padding: 0 0 0 14px;
	clear:both;
}

#headerf /* Header font page */
{
        height: 20%;
        background-color: #004a75;
        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: white; 
	float: left;
	padding:5px 16px 8px 16px;
}

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

#selected /* Menu when selected */
{
	color: black; 
	color: #4f4b37; /* #59330d */
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 2px 16px 6px 16px; /* Changed bottom from 4px to 6px to fix gap in some browsers */
	float: left;
	background-color: #fff;
}

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

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

.contenthandler /* Holds ads and links */
{
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	overflow: hidden;
}

.ad /* Advertisements & Login divs */
{
	padding: 0 2% 0 2%; 
	margin: 1% 2% 0 0;
	width:100%;
	overflow:hidden;
}

/* Start category divs */
.category /* Containing category div */
{
	margin: 16px 9px 0 9px;
	float: left;
	width: 298px; /* 306px */
	height: auto; /* 220px */
	overflow:hidden;
	display:inline; /* Fixes another IE6 problem */
}

.cathead /* Category heading */
{
	padding: 0;
	margin: 0 0 2% 0;
	text-align: center;
	font-size: 1.6em;
}

.catbrief /* Category brief */
{
	padding: 0;
	margin: 0 2% 0 2%;
	height: 210px;
}
/* End category divs */
/* End Content - Main Page */

/* Start content */
#contentdiv /* content container */
{
	float: left;
	font-size: 1.1em;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

#nav /* Navigation div on left */
{
	width: 20%; /* 178px */
	border: 1px solid #959596;
	float: left;
	margin: 6px 0 10px 20px;
	min-width: 120px;
	max-width: 178px;
	overflow: hidden;
	display: inline; /* Fixes another IE 6 problem */
}

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

#maincontainer /* Container beside nav */
{
	width: 910px; /* 73% */ /* 748px */
	border: 1px solid #959596;
	margin: 6px 10px 10px 35px;
	float: center;
}

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

.article table
{
	font-size: 1.1em;
}
.article td
{
	padding: 2px;
}

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

.article ul, .articleWithAd ul, .category 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, .category li
{
	padding: 0;
	margin: 0;
}

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

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

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

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

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

.article .colRight, .articleWithAd .colRight, .category .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 advertisement 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
{
	margin-top:1%;
	background-color: #4f4b37; 
	clear: both;
	overflow: hidden;
	height: 100%; /* Needed for stupid IE6 */
}

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

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

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

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

body
{
	/*background-color: #e2edf9;*/
	background-color:/* #003366;*/ #c1bfad; /* #ccc */
	color: #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: 930px;
        background-color: #4f4b37;
        color: #fff;
	margin: 0 1% 0 1%;
        overflow: hidden;
	height: 100%; /* Needed for stupid IE6 */
}

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

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

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

.roundbtopl
{ background: url(../images/corners/banner/tl.gif) no-repeat top left; }

.roundbbotl
{ background: url(../images/corners/banner/bl.gif) no-repeat bottom left; }

.roundctopl
{ background: url(../images/corners/cats/tl.gif) no-repeat top left; }

.roundcbotl
{ background: url(../images/corners/cats/bl.gif) no-repeat bottom left; }

.roundbtopr, .roundbbotr, .roundctopr, .roundcbotr
{
	width: 16px;
        height: 16px;
        float: right;
}

.roundbtopr
{ background: url(../images/corners/banner/tr.gif) no-repeat top right; }

.roundbbotr
{ background: url(../images/corners/banner/br.gif) no-repeat bottom right; }

.roundctopr
{ background: url(../images/corners/cats/tr.gif) no-repeat top right; }

.roundcbotr
{ background: url(../images/corners/cats/br.gif) no-repeat bottom right; }