@import url(index.css);
@import url(article.css);
@import url(new-article.css);

BODY {
	FONT-SIZE: 11px; 
	BACKGROUND: url(../Assets/bg03.gif); 
	MARGIN: 12px; 
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif; 
	TEXT-ALIGN: center
}
#page {
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR:#fff;
	MARGIN-LEFT: auto;
	WIDTH: 740px;
	MARGIN-RIGHT: auto;
	PADDING-TOP: 5px;
	HEIGHT: auto;
	TEXT-ALIGN: left;
	top: 10px;
	bottom: 10px;
}
#core_container { /* <DIV #3> */
/* This div will hold all textual contents in the core of your page, hence core_container... */
	width: 100%; /* Just as wide as the #container, since it's still in there. */
	background-color: #FFFFFF; /* Good ol' white. */
}
#menu {
	margin-left:25px;
	margin-right: 0px; 
	WIDTH: 186px; 
	FLOAT: left
}
#navcontainer ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#navcontainer li 
{ 
    margin: 0; 
}

#navcontainer a
{
   display: block;
   color: #FFF;
   background-color: #036;
   width: 186px;
   padding: .4em 0.8em;
   border-top: #fff 1px solid;
   text-decoration: none;
}

#navcontainer a:hover
{
   background-color: #369;
   color: #fff;
}

#navcontainer2 ul
{
   margin: 5 0 0 0;
   padding: 0;
   list-style: none;
}

#navcontainer2 li 
{ 
   margin: 0; 
}

#navcontainer2 a
{
   display: block;
   color: #369;
   background-color: #EEEEF6;
   width: 186px;
   padding: .4em 0.8em;
   border-top: #069 1px solid;
   border-bottom: #069 1px solid;
   border-left: #069 1px solid;
   border-right: #069 1px solid;
   text-decoration: none;
}

#navcontainer2 a:hover
{
   background-color: #C9DBED;
   color: #369;
}

.topbanner {
	CLEAR: both; 
	DISPLAY: block; 
	VISIBILITY: visible; 
	MARGIN-BOTTOM: 4px; 
	MARGIN-LEFT: 25px; 
	WIDTH: 690px; 
	POSITION: relative; 
	HEIGHT: auto; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM: #5A729E 2px solid;
}
.banner1 {
	WIDTH: 280px; 
	MARGIN-right: 2px;  
	HEIGHT: 117px; 
	PADDING: 0; 
	float: left; 
	CLEAR: right; 
}
#banner {
    WIDTH: 484px;
	HEIGHT: 117px; 
	MARGIN-BOTTOM: 2px;
}
.banner2 {
	WIDTH: 194px; 
	HEIGHT: 117px; 
	float: left;
	PADDING-LEFT: 7px; 
	BACKGROUND: url(../Assets/banner-text.jpg) no-repeat; 
	FONT-SIZE: 11px; 
	COLOR: #fff;
}

.titlebar
{
    WIDTH: 477px; 
	MARGIN: 0px; 
	HEIGHT: 26px; 
	float: left; 
	BACKGROUND: url(../Assets/title-bar.gif) no-repeat; 
	FONT-SIZE: 11px; 
	COLOR: #fff; 
	Font-weight: bold; 
	PADDING-LEFT: 10px; 
	PADDING-TOP: 6px
}
.titlebar2
{
    WIDTH: 186px; 
	MARGIN-TOP: 9px; 
	HEIGHT: 26px; 
	BACKGROUND: url(../Assets/title-bar2.gif) no-repeat; 
	FONT-SIZE: 11px; 
	COLOR: #fff; 
	Font-weight: bold; 
	PADDING-LEFT: 10px; 
	PADDING-TOP: 6px
}

.content
{
    WIDTH: 467px;
	height: auto; 
	FONT-SIZE: 11px; 
	COLOR: #036; 
	Font-weight: normal; 
	PADDING-LEFT: 10px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 20px; 
	PADDING-right: 20px;
	margin-left:10px;
	margin-top: 50px;
	text-align: left;
}

#content
{
    WIDTH: 450px;
	height: auto; 
	FONT-SIZE: 11px; 
	COLOR: #036; 
	Font-weight: normal; 
	PADDING-LEFT: 10px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 20px; 
	PADDING-right: 20px;
	margin-left:10px;
	margin-top: 50px;
	text-align: left;
}
#content ul ol{
	margin: 5px;
	padding: 10px;
}
#content li {
    margin-left: 0px;
    padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
	list-style-image: url(../Assets/blue_bullet.gif);
}
#content ul ul li {
    padding-top: 2px;
    padding-bottom: 5px;
	list-style-image: url(../Assets/dblue_bullet.gif);
}
#content ul ul ul li {
    padding-top: 2px;
    padding-bottom: 5px;
	list-style-image: url(../Assets/dblue_bullet2.gif);
}
a img {
border : none;
}
#textcol {
	PADDING-LEFT: 3px; 
	VISIBILITY: visible; 
	float:left;
	BORDER-LEFT: #5A729E 5px solid; 
	WIDTH: 490px; 
	HEIGHT: auto; 
	margin-left: 10px;
	margin-right: 0px;
}
.text-right
{
	float: center;
	Padding-right: 10px;
}
.h-blue {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	Padding: 4px;
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #52cccc;
}
.h-dblue {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	Padding: 4px;
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #36f;
}
.h-green {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	Padding: 4px;
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #92c76f;
}
.h-dgreen {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	Padding: 4px;
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #3c6;
}
.h-purple {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	Padding: 4px;
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #969;
}
.h-orange {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	Padding: 4px;
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #e6a034;
}
.h-yellow {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	Padding: 4px;
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #c1c149;
}
H1 {
	FONT-SIZE: 24px; LINE-HEIGHT: 28px
}
H2 {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	COLOR: #fff;
	DISPLAY: block;
	VISIBILITY: visible;
	BACKGROUND-COLOR: #036;
}
h3 {
	FONT-SIZE: 13px; 
	COLOR: #036;
	font-weight:bold;
}
H3a {
	FONT-SIZE: small; 
	COLOR: #fff; 
	clear: right
}
h4 {
	FONT-SIZE: 12px; 
	COLOR: #036;
	font-weight:bold;
}
H5 {
	FONT-SIZE: x-small; 
	COLOR: #8c646a
}
H6 {
	FONT-SIZE: xx-small; 
	COLOR: #8c646a
}
.small {
   padding-top: 0;
   margin-top:2px;
   FONT-SIZE: 9px;
}
A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #03c; 
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #c00; 
	TEXT-DECORATION: underline;
}
A:active {
	COLOR: #900; 
	TEXT-DECORATION: none;
}
.clear {
clear : both;
overflow : hidden;
}
.footer {
	CLEAR: left; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #fc0 2px solid; 
	PADDING-LEFT: 4px; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 5px 25px 10px 25px; 
	WIDTH: 690px; 
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 4px; 
	BACKGROUND-COLOR: #fff; 
	TEXT-ALIGN: right
}
.footer A {
	FONT-WEIGHT: normal; 
	COLOR: #03c
}
.footer A:visited {
	COLOR: #444
}
.footer A:hover {
	COLOR: #c00; 
	TEXT-DECORATION: underline;
}