/* Copyright Mason-Brown IT - 2007

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

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

#navlist a:hover, .article 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: 90%;
	min-width: 940px;
	min-height: 200px;
	background-color: #FFFFFF;
}

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

#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 */
{
	clear:both;
	height: 30px !important;
	background-color: #009966;
	margin: 0; 
	padding: 0 0 0 14px;
}

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

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

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

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

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

#selected /* Menu when selected */
{
	color: black; 
	color: #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: #fed557;
}

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

/* Content dividers - Main page */
#content /* content container */
{
	font-size: 1.0em;
	margin: 0 auto;
	width: 90%;
	background: #ffffff;
	overflow:hidden;
}

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

.ad /* Advertisements & Login divs */
{
	padding: 0 2% 0 2%; 
	margin: 1% 2% 0 0;
	float: left;
	width: 27%;
	border: dotted 1px #959596; 
	overflow:hidden;
}

/* Start category divs */
.category /* Containing category div */
{
	margin: 0 2% 2% 2%;
	float: left;
	border: dotted 1px #FFCC33; 
	width: 120px; /* 160px */
        height: 218px; /* 218px */
	overflow:hidden;
}

.cathead /* Category heading */
{
	padding: 0;
	margin: 0 0 2% 0;
	text-align: center;
	font-size: 1.6em;
	background: #ffd966;
	height: 48px;
}

.catbrief /* Category brief */
{
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0;
	margin: 0 2% 1% 2%;
}
/* End category divs */
/* End Content - Main Page */

/* Start content */
#contentdiv /* content container */
{
	float: left;
	font-size: 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 0 20px;
	min-width: 120px;
	max-width: 178px;
	overflow: hidden;
}

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

#maincontainer /* Container beside nav */
{
	width: 73%; /* 73% */
	margin: 20px; /* 2% */
	border: 1px solid #959596;
	margin-top: 6px; /* 2% */
	margin-bottom: 1%;
	float: left;
}

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

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

.article 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
{
	padding: 0;
	margin: 0;
}

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

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

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

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

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

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

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

.articleWithAd p
{
	padding:0;
	margin:0;
}

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

#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%;
}
/* End content */

/* Start footer */
/* Footer information */
#footer
{
	margin-top:2px;
	background: url(../images/footer_grad.gif) repeat-x top;
	background-color: #009966;
	clear: both;
	overflow: hidden;
}

#footer p 
{
	font-size: 0.9em;
	padding:0;
	margin:0;
}

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

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

#toc, #copyright
{
	color: #ffffff;
}
/* End footer */

body
{
	background-color: #c1b9ab;
	color: #58492e;
}

img
{
	border: none;
}

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

#cform textarea
{
	height: 180px;
	/*width: 630px;*/
	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;
}