/*CSS Document*/

body {
background-color: #c3aece;
font-family: Verdana, Helvetica, Arial, sans-serif;
}


img {
border: 0px;
}

a {
text-decoration: none;
}

a:link {
color: #1e1980;
}

a:visited {
color: #0F314E;
}

a:active {
color: #0F314E;
}

a:hover {
color: #B22222;
text-decoration: underline;
}


table#main {
border-collapse: collapse;
width: 750px;
background-color: #ffffff;
}


table#topNav {
width: 750px
border-collapse: collapse;
vertical-align: top;
border: 0px;
}


.wrap {
clear: left;
}



/*style the main table rows*/
.row1 {
border-top: solid 7px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
}

.row2 {
border: solid 1px #333333;
}


.row3{
border-left: solid 1px #333333;
border-right: solid 1px #333333;
border-bottom: solid 7px #333333;
background-image: url(images/left_bg.gif);
background-repeat: repeat-y;
}


/*footer*/
.row4{
background-color: #c3aece;
font-size: 10px;
}


#container {
width:748px;
margin:0 auto;
}


#contents {
color: #333333;
font-size:11px;
line-height:125%;
width:480px;
float:right;
}

.content {
padding: 10px;
}

.content img{
float: left;
padding-right: 5px;
}

.content p.posted {
color: #999999;
font-size: x-small;
margin-top: 10px;
border-top: 1px dotted #999999;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
clear: both;
}

.content h3 {
color: #886e96;
font-size: 12px;
text-align: left;
font-weight: bold;
margin-top:5px;
margin-bottom: 10px;
}




/*TREE MENU STYLES*/
#sideBar {
width:260px;
background-color:#eaeaea;
font-size: 11px;
}

#sideBar h3{
font-weight: bold;
color: #333333;
font-size: 11px;
margin: 10px 0 2px 0;
padding: 0;
}




/*TREE MENU STYLES*/
.treemenu {
line-height: 120%;
padding: 10px 0px 10px 10px;
}

.treemenu UL {
list-style: none;
margin-top: 0;
padding-top: 0;
margin-left: 5px;
padding-left: 5px;
}

.treemenu LI {
margin: 0;
padding: 0;
}