body{
background-color:#d4d4d4;
margin:0px;
}
div.div-gathered{
padding-bottom:10px;
}

h1
{
	font-size:22px;
	font-family:Times New Roman;
}

a:link.userLink{color:white;Text-Decoration:NONE;font-size:16px;font-family:Times New Roman;font-weight:bold;}
a:active.userLink{color:white;Text-Decoration:NONE;font-size:16px;font-family:Times New Roman;font-weight:bold;}
a:visited.userLink{color:white;Text-Decoration:NONE;font-size:16px;font-family:Times New Roman;font-weight:bold;}
a:hover.userLink{color:gold;Text-Decoration:NONE;font-size:16px;font-family:Times New Roman;font-weight:bold;}


#outer-container { width: 1000px;margin: 0 auto;}
/* footer CSS Style Rule */
#header {    width: 1000px;    height: 90px;}
/* footer CSS Style Rule */
#footer {    width: 1000px;}
/* content-container CSS Style Rule *//* It will hold the main content of the page. *//* it is the middle column *//* in this 3 columns div layout */    
#content-container {    width: 565px; float: left;padding-top:10px;height:100%;}
/* left sidebar that is the left side column of *//* 3 columns div layout */    
#left-sidebar {    width: 255px;    height: 400px; float: left;padding-top:10px;height:100%;}
/* right sidebar that is the right side column of *//* 3 columns div layout */        
#right-sidebar {    width: 180px;    height: 400px;  float: left;padding-top:10px;height:100%;}
/* Top navigation CSS Style Rule */
#top-Nav {    width: 1000px;}

div.halfCenterL
{
	width:260px;float:left;height:100%;
}
div.halfCenterR
{
	width:260px;float:right;height:100%;
}

div.menu_head_green
{
width:166px;
height:37px;
background-image:url(images/menu_green_head.gif);
text-align:center;
background-repeat:no-repeat;
}
div.menu_head_yellow
{
width:166px;
height:37px;
background-image:url(images/menu_yellow_head.gif);
text-align:center;
background-repeat:no-repeat;
}
div.menu_head_blue
{
width:166px;
height:37px;
background-image:url(images/menu_blue_head.gif);
text-align:center;
background-repeat:no-repeat;
}
div.menu_head_cyan
{
width:166px;
height:37px;
background-image:url(images/menu_cyan_head.gif);
text-align:center;
background-repeat:no-repeat;
}
div.menu_head_red
{
width:166px;
height:37px;
background-image:url(images/menu_red_head.gif);
text-align:center;
background-repeat:no-repeat;
}
div.menu_head_violet
{
width:166px;
height:37px;
background-image:url(images/menu_violet_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.div_title
{
padding-top:4px;
font-family:times new roman;
font-size:20px;
font-weight:bold;
color:#ffffff;
text-shadow: black 0.05em 0.05em 0.05em;
position:relative; width:100%; height:30px; padding-top:4px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#3d3b3b', Direction=135, Strength=2);
}


div.menu_back
{
width:166px;
background-image:url(images/menu_back.gif);
font-family:arabic transparent;
font-size:16px;
font-weight:bold;
color:#000000;
}

div.menu_footer
{
width:166px;
height:21px;
background-image:url(images/menu_foot.gif);
background-repeat:no-repeat;
}

div.content_head_blue
{
width:556px;
height:40px;
background-image:url(images/content_blue_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.content_head_pink
{
width:556px;
height:40px;
background-image:url(images/content_pink_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.content_head_brown
{
width:556px;
height:40px;
background-image:url(images/content_brown_head.gif);
text-align:center;
background-repeat:no-repeat;
}
div.content_head_yellow
{
width:556px;
height:40px;
background-image:url(images/content_yellow_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.content_head_red
{
width:556px;
height:40px;
background-image:url(images/content_red_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.content_head_green
{
width:556px;
height:40px;
background-image:url(images/content_green_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.content_head_cyan
{
width:556px;
height:40px;
background-image:url(images/content_cyan_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.content_head_violet
{
width:556px;
height:40px;
background-image:url(images/content_violet_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.content_back
{
width:556px;
background-image:url(images/content_back.gif);
font-family:arabic transparent;
font-size:16px;
font-weight:bold;
color:#000000;
text-align:center;
}

div.content_data
{
	width:380px;
	float:right;
	text-align:right;
	padding-right:10px;	
}
div.content_rate
{
	width:160px;
	float:left;
	text-align:right;
}

div.content_top_data
{
	width:300px;
	float:right;
	text-align:right;
	padding-right:10px;	
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
}
div.content_top_rate
{
	width:220px;
	float:left;
	text-align:left;
	direction:ltr;
}

div.content_form_label
{
	width:120px;
	float:right;
	text-align:right;
	padding-right:10px;
}
div.content_form_field
{
	width:380px;
	float:right;
	text-align:right;
}

div.content_footer
{
width:556px;
height:18px;
background-image:url(images/content_foot.gif);
background-repeat:no-repeat;
}


div.wide_head_blue
{
width:249px;
height:35px;
background-image:url(images/wide_blue_head.gif);
text-align:center;
background-repeat:no-repeat;
}
div.wide_head_red
{
width:249px;
height:35px;
background-image:url(images/wide_red_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.wide_head_brown
{
width:249px;
height:35px;
background-image:url(images/wide_brown_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.wide_head_grey
{
width:249px;
height:35px;
background-image:url(images/wide_grey_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.wide_head_green
{
width:249px;
height:35px;
background-image:url(images/wide_green_head.gif);
text-align:center;
background-repeat:no-repeat;
}

div.wide_back
{
width:249px;
background-image:url(images/wide_back.gif);
font-family:arabic transparent;
font-size:16px;
font-weight:bold;
color:#000000;
text-align:center;
}

div.wide_footer
{
width:249px;
height:17px;
background-image:url(images/wide_foot.gif);
background-repeat:no-repeat;
}


div.sub_nav
{
padding-right:300px;
padding-top:10px;
padding-left:20px;
}

.userInput
{
	text-align:right;
	font-color:#000000;
	font-family:Times New Roman;
	font-size:16px;
	font-weight:bold;
}

.btn { width:100px;margin-right:15px;text-align: center;display: block;font-family:times;font-size:16px;font-weight:bold; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae;}
.btn.yellow { background: #ffea00;}
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.yellow { border-color: #ffea00; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

div.menu {
	width:162px;
	padding:0;
	margin:0;
	background-color: #f5f5f5;
}

div.menu a {
	display:block;
	margin:0;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
	color:#001779;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	font-family:arial;
	background-color: #f5f5f5;
}

div.menu span {
	padding:0.3em;
	display:block;
}

div.menu a:hover{
	background-color: #399da5;
	text-align:right;
	padding-right:5px;
	color:#ffffff;
}
div.menu a.blue:hover
{
	background-color: #2c4ab8;
	text-align:right;
	padding-right:5px;
	color:#ffffff;
}

div.menu a.violet:hover
{
	background-color: #c334d9;
	text-align:right;
	padding-right:5px;
	color:#ffffff;
}
div.menu a.yellow:hover
{
	background-color: #d19e00;
	text-align:right;
	padding-right:5px;
	color:#ffffff;
}
div.menu a.green:hover
{
	background-color: #74a22e;
	text-align:right;
	padding-right:5px;
	color:#ffffff;
}
div.menu a.red:hover
{
	background-color: #bb1e2e;
	text-align:right;
	padding-right:5px;
	color:#ffffff;
}

