#nav {position: absolute; left: 10px; top: 50px; width: 200px;}
#content {margin-left: 200px; margin-right: 200px; margin-top: 10px;}
#sidebar {position: absolute; right: 10px; top: 10px; width: 200px;}

body {
	background-image: url(images/background_image.jpg);
	background-repeat:repeat;
	margin-top: 10px;
	font-size: 10px;
}
.watermark_bg
{
	background-image: url(images/watermark_rmci.png);
	background-repeat:no-repeat;
	background-position:center;
	b
}
/* Form Configuration */
form { padding: 0px; margin: 0px; }
input[type="text"],input[type="password"], select, .textfield, textarea, .dropdown {	background-color: #fff;	border: solid 1px;	border-color: #000000;	padding: 2px;}
h1,h2,h3,h4,h5,p,ol,ul,li,form { margin: 0px; padding: 0px; }

.style888 {
	color: #7DA7D8;
	font-weight:bold;
}

input {
	padding: 2px;
	font-family: Verdana;
	font-size: 8px;
	color: #333333;
}
.content  {
	padding:8px;
	vertical-align:top;
	text-align:left;
}
td {
		font-size: 10px;
		font-family: Verdana;
		color:#004A80;
	}
a:link {

	font-family: verdana;
	font-size:10px;
	color:#004A80;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;

}

a:visited {

	font-family: verdana;
	font-size:10px;
	color:#004A80;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;

}

a:active {

	font-family: verdana;
	font-size:10px;
	color:#004A80;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;

}

a:hover {

	color:#004A80;
	font-size:10px;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;

}
.table_menu_background
{
	background-color: #7DA7D8;
	border:1px solid #000000;
	font-family: Verdana;
	font-size: 8px;
}
.table_main_menu_background
{
	background-color: #7DA7D8;
	font-family: Verdana;
	font-size: 8px;
}
.table_menu_header
{
/*
	background-color: #7D99D8;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	*/
	background: #e9e9e9;color:#333333;font-weight:bold;font-size:12px;padding: 1px 0px 0 0;
}
.table_menu_font
{
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
}
.class_grid_loop
{
	color: #10659E;
	font-size: 11px;
}
TABLE.info_background
{
	background-color:  #FFFFFF;
	color: #10659E;
	font-size: 11px;
	border:1px solid #000000;
	width:100%;
}
TABLE.news_bg
{
	background-color: #7DA7D8;
	color: #10659E;
	font-size: 11px;
	width:100%;
}
.search_header
{
	font-family: Verdana;
	background-color: #7D99D8;
	font-size: 12px;
	font-weight:bold;
}
.color01 {

	background-color: #7DA1D8;
	font-family: Verdana;
	font-size: 10px;

}
.color02 {

	background-color: #7DB0D8;
	font-family: Verdana;
	font-size: 10px;
}

.search_result01 {

	background-color: #7DA1D8;
	font-family: Verdana;
	font-size: 13px;


}
.search_result02 {

	background-color: #7DB0D8;
	font-family: Verdana;
	font-size: 13px;
}
/* Dotted Lines */
.dotted_line_bottom{border-bottom:1px #CCC solid;}
.dotted_line_right{border-right: 1px #CCC solid;}
.dotted_line_left{border-left:1px #CCC solid;}
.dotted_line_top{border-top:1px #CCC solid;}

/*Background for loops table*/
.color01 {

	background: #f6f6f6;  padding: 1px 5px 0 0;

}
.color02 {

	 background: #fbfbfb;  padding: 1px 5px 0 0;
}
.color05 {
	width:98%;border: 1px solid #3b5998;background:#fafafa;margin-top:10px;padding: 1px 0px 0 0;

}
.color06 {
		background: #e9e9e9;color:#333333;font-weight:bold;font-size:12px;padding: 1px 0px 0 0;
}

.footer {
	font-family: Verdana;
	font-size: 10px ;
	color: #FFFFFF;

}

.table_main_bg
{
	background-color: #FF99CC;
	font-family: Verdana;
	font-size: 10px;
	font-family: Verdana;
}
.smallButton
{
	CURSOR: default;
	TEXT-ALIGN: center;
	font-size:9px;
	width:20px;
	background-color:#D4D0C8
}
.button
{
	border: solid 1px #888;
	font-size:10px;
	border-style:outset;
	background-color:#D4D0C8;
}
.button:focus, .smallButton:focus
{
	background: #e7e3df;
}
.textfield
{
		border: solid 1px;
		background-color: #OOO0OO;
		font-size: 10px;
}
.textarea
{
		border: solid 1px;
		background-color: #OOOO0O;
		font-size: 12px;
}

.background_main {
	background-image: url(images/home_image/backgroundmain.jpg);
}
input:hover, SELECT:hover, select:focus,
{
	border: solid 1px;color: #e7e3df;
	background-color: #OOOOO;
}
input.post:focus,
{
	border: solid 1px;color: #e7e3df;
}
input:focus, select:focus, input:focus
{
	background: #e7e3df;
}	

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#7D99D8;
	font-size:0.9em;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:35px;

	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #7D99D8;
	background-color:#CCCCCC;
	width:100%;

	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
/*AJAX SEARCH IF AVAILABLE*/
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
	/*
	height:1000px;
	*/
}

    #available {
        display: none;
        color: #0000FF;
    }
    #not_available {
        display: none;
        color: #FFFFFF;
    }
	#add_button_true
	{
		display: none;
		color: #FFFFFF;
	}
/*SCROLL NEWS*/
	img{
		border:0px;
	}
	p{	
		margin-top:0px;
	}
	.clear{
		clear:both;
	}
	#mainContainer{
		width:180px;
		margin:0 auto;
		
		border-left:0px solid #000;
		border-right:0px solid #000;
		border-bottom:0px solid #000;
		padding:0px;
		/*
		background-color:#FFF;
		background-color:#d2d7de;	
		*/
		text-align:left;
			
	}
	
	/* 
	END OF DEMO CSS
	*************************************/
	
	/* CSS for my second scrolling box */
	#scrollingContainer2{
		width:170px;	/* Width of second box */
		height:150px;	/* Height of second box */
		
		border:0px solid #000;
		background-color: #7DA7D8;

		padding:0px;	/* A little bit of space between border of box and text inside */
		float:center;	/* I want the text to wrap around the box */
		margin-left:10px;	/* Space at the left of the box */
		color:red;	/* red text color */
		
		
	}
	#scrollingContent2{
		font-size:0.9em;
	}	
/*
TABBING...
*/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: #FFFFFF;
}

#tabcontentcontainer{
width: 500px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}