/* Design by pmusaraj  */
/* Tableless design, centered and fixed-width, lightweight and elegant. Perfect for a personal website or a cool small business. Positions: menu is under user1, search is under user5, newsflash is under user3. */
/* Get more like this at http://www.osskins.com  */


BODY 

{
	margin:0px;
	background-color:#F5F5F5;
	text-align:left;
}

body,td,th, tr, p, div {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 15px;
}


/* LAYOUT AND POSITIONING */

body {
		min-width:1009px;
}

#wrap {

	margin:0 auto;
	width:985px;
	text-align:left;
	
	}

#left {
		float:left;
		width:195px;
			
		padding-top:2px;
		background-color:#fffeee;
		border-style:groove ;
		border-width:2px;
	}
	
#left h2, #left h3, #left p {
		padding:0 10px;
    }

#contentfront {
	float:left;
	width:786px;
	background-image:url(../images/content-front.jpg);
	background-repeat:no-repeat;
	background-position: top 0px;
		}

#image  {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	float:left;
	}


#commentfarright  {
	float:right;
	width:170px;
	background-color: #f1f2e0;
	border:1px solid #CCC;
	background-position: top 0px;
	padding: 10px;
	height: 350px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	
	}


#testleft  {
	float:left;
	width:305px;
	}


#rightpanel  {
	width:538px;
	float:left;
	padding-top:10px;

	}

#content {

		float:right;
		width:746px;
	}
	
#content ul {
		margin-bottom:0;
    }

#content h3, #sidebar p {
		padding:0 10px 0 0;
    }

#menu  {
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	}


/* OTHER TAGS */


hr  {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 100%;
	}

a:link,a:visited   {
color: #E38B29;
text-decoration  : underline;
}
	a:hover,  {
text-decoration: underline;
color: #A25F15; }

a.category:link, a.category:visited {  
  color : #A25F15;
  font-weight : bold; }
a.category:hover {
  color: #E38B29; 	}

.mainlevel {
text-transform: lowercase;	
  }

a.mainlevel:link, a.mainlevel:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        display: block;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-align: left;
	text-decoration: none;
	line-height: 230%;
	height:23px;
	text-indent: 18px;
	background-image:url(../images/menu-normal.jpg);
	background-repeat:no-repeat;
	}


a.contentpagetitle:link, a.contentpagetitle:visited {
    color : #576C75;
}
a.contentpagetitle:hover {
    color : #E38B29;
}


a.mainlevel:hover  {
	color:#576C75;
	background-image:url(../images/menu-hover.jpg);
	background-repeat:no-repeat;
	}

#active_menu, a#active_menu:link, a#active_menu:visited {
	color:#999;
	background-image:url(../images/menu-active.jpg);
	background-repeat:no-repeat;
	}

a#active_menu:hover  {
	background-image:url(../images/menu-hover.jpg);
	background-repeat:no-repeat;
	}

table.moduletable {
	width: 100%;
	margin-bottom:5px;
	font-weight: normal;
}

#rightpanel table.moduletable {
	width:242px;
	background-color:#F8F8ED;
	border:1px solid #CCC;
	border-left:none;
	margin-bottom:2px;
	}

#rightpanel table.moduletable th, #rightpanel table.moduletable tr, #rightpanel table th {
	padding:10px;
	}

table.moduletable th {}

.newsflash, .frameheader {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  text-transform   : uppercase;  }

.contentpane {
	padding-left     : 0px;
	padding-right    : 0px;
}

#content img {
	margin:5px;
	border:1px solid #CCC;
		}

 .button {}

.contentpaneopen 
{
	width:100%;
	border: none;
}

#content {
	
	padding-left:0px;
	
	padding-right:20px;
	}
	
#padding2 {
padding-top:0px;}

#padding {
	
	padding:10px;
	padding-left:5px;
	padding-right:20px;
	}


.buttonheading
{
vertical-align:top;
}

.componentheading, .contentheading {
	font-family: Verdana, Arial, sans-serif;
	color: #5c8599;
	font-weight: bold;
	font-size: 10px;	
	text-transform:lowercase;
}

.contentdescription {
	text-align:left;
}

.category {}

.sectiontableheader {
  font-weight: bold;
}

.sectiontablefooter {}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {}

.small {
  font-family      : Verdana, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #879DA5;
  text-decoration  : none;
  font-weight      : normal;
  
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  
    color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

ul {  }

li {	list-style-image: url(../images/arrow.png);	}

.readon { }

.pathway {
color: #333333;
font-weight: bold;
}

.searchfield, .inputbox {
	border: 1px solid #CCC;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
	}

.search {
	padding:10px;
		}

#rightpanel table.moduletable {
	width:222px;
	background-color:#F8F8ED;
	border:1px solid #CCC;
	border-left:none;
	margin-bottom:2px;
	padding:0px;

	}

#rightpanel table.moduletable th {
	color: #E38B29;
	padding-bottom:0px;
	}

#rightpanel table.contentpaneopen {
	padding:0px;
	padding-left:10px; }
