/*===== HAVE SOME INFO HERE ===== */
/* Arnold Somasunderam 03/02/06 */

/*===== BODY and containers ===== */
html{
   height:100%;
   margin:0px;
   padding:0px;
}

body {

	height:100%; /* required to allow child div elements within to have a % height  */
	
	background-color: #d6d5d0;
	background:url(images/bg.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:100%;
}
.container {
	
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
}

#home_image {
width:373px;
border:1px solid #445544;


}

/* the header div is not needed anymore*/
#header {
position:relative;
display:block;
width:100%;
}
#main {
position:relative;

}
#left_nav {
position:relative;
display:inline;
float:left;
background:#f4f2e2;
width:140px;
height:auto;
/* border-right:1px solid #800000;  */
padding:5px;

font-size:0.75em;
color:#993333;
line-height:0.8em;

}
#popular_links {
font-weight:bold;
padding:5px;

}
#popular_links a {
color:#993333;
text-decoration:none;
}
#popular_links li {
font-weight:normal;
list-style-type:square;
list-style-position:outside;
margin-left:-20px;
line-height:1.8em;

}
/* the main class should be a container for the content and right colum classes*/
#main {
position:relative;
display:inline;
float:left;
top:20px;
left:28px;
width:590px;
background:#fff;

font-size:0.75em;
color:#993333;
line-height:2.2em;


}
#content {
position:relative;
display:inline;
float:left;
top:20px;
left:28px;
width:375px;
background:#fff;

font-size:0.75em;
color:#993333;
line-height:2.2em;

}
#right_column {
position:relative;
display:inline;
float:left;
top:20px;
left:50px;
width:200px;
background:#fff;

font-size:0.75em;
color:#666666;
line-height:1.8em;


}
#right_nav {
position:relative;
display:block;
width:200px;
border:1px solid #800000;
background:#f4f2e2;
height:200px;

}
#right_advert {
position:relative;
display:block;
top:20px;
width:200px;

border:1px solid #445544;
background:#445544;
margin-bottom:20px;
}

#footer {
position:relative;
display:block;
background:#d6d5d0;
width:100%;

border-top:1px solid #f4f2e2;
border-bottom:1px solid #f4f2e2;

}
#copyright {
position:relative;
left:180px;
margin:5px;

font-size:0.8em;
line-height:1.6em;
}



/*===== Banner classes ===== */
#banner_top, #banner_bottom {
background:#800000;
line-height:15px;

}
#banner_bottom {
border-bottom:1px solid #f4f2e2;

}
#banner_middle {
background:#993333;
border-top:2px solid #ddc2b5;
border-bottom:2px solid #ddc2b5;
padding:5px;

}




/*===== NAVBAR ===== */
#navcontainer
{
width: 100%;
float: left;
background-color: #445544;
border-bottom:1px solid #f4f2e2;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-color: #445544;
color: #f4f2e2;
text-decoration: none;
float: left;
border-right: 1px solid #f4f2e2;
}

#navcontainer ul li a:hover
{
background-color: #800000;
color: #f4f2e2;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;

}
li#active a#current {
background: #993333;
}

/*===== NAVBAR ===== */




#navbar_row td {


}

.navbar {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navbar_td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f4f2e2;
	background-color: #445544;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #f4f2e2;
	border-top-width: 0px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #f4f2e2;
	border-right-color: #f4f2e2;
}
.navbar_td a {
	color: #f4f2e2;
	text-decoration: none;
}
.navbar_td a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.navbar_td_here {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f4f2e2;
	background-color: #993333;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #f4f2e2;
	border-top-width: 0px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #f4f2e2;
	border-right-color: #f4f2e2;
}
.navbar_td_here a {
	color: #f4f2e2;
	text-decoration: none;
}
.navbar_td_here_last {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f4f2e2;
	background-color: #4189DD;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #f4f2e2;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #f4f2e2;
}
.navbar_td_here_last a {
	color: #f4f2e2;
	text-decoration: none;
}
.navbar_td_last {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f4f2e2;
	background-color: #003580;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #f4f2e2;
	border-top-width: 10px;
	border-top-style: solid;
}
.navbar_td_last a {
	color: #f4f2e2;
	text-decoration: none;
}

/*===== NAVBAR ===== */

/*===== Breadcrumb ===== */
#breadcrumb_row {
background:#993333;


color:#f4f2e2;
font-size:0.7em;
line-height:2.1em;
font-weight:bold;

padding-left:5px;
}
#breadcrumb_row a {
color:#f4f2e2;
text-decoration:none;

}
#breadcrumb_row a:hover {
color:#ffffff;
text-decoration:underline;
}
/*===== Breadcrumb ===== */

/*===== main  ===== */