/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
	padding: 0px 0;
	margin-left: 12;
	margin-top: 0px;
	margin-bottom: 0;
	padding: 6px 4px 6px 0px;
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left;
	width: auto;

}

.shadetabs li{
display: inline;
margin: -3;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 6px 8px 6px 8px;
	margin-right: 1px;
	border: 0px solid #778;
	color: #ffffff;
	left: 0px;
	top: 0px;


}

.shadetabs li a:visited{
}

.shadetabs li a:hover{
text-decoration: underline;
color: #cccccc;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
color: #990000;
padding: 6px 8px 6px 8px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: white url(images/new_tab.jpg) repeat-x left top;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
	padding: 0px 0;
	margin-left: 4;
	margin-top: 0px;
	margin-bottom: 0;
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: center;
	width: auto;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 0 0 0;
padding: 0;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 10px Verdana, Arial;
color: #ffffff;
text-decoration: none;
margin: 0 0px 0 0; /*Margin between each menu item*/
padding: 8px 0px;
background: white url(images/new_tab_inactive.jpg) repeat-x left top;
border-top: 1px solid white;
width: 135px;
}

.modernbricksmenu2 a:hover{
color: #666666;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background: white url(images/new_tab_active.jpg) repeat-x left top;
color: #000000;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.hometabs{
	padding: 0px 0;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0;
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: center;
	width: auto;
}

.hometabs ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.hometabs li{
display: inline;
margin: 0 0 0 0;
padding: 0;
}

.hometabs a{
float: left;
display: block;
font: bold 10px Verdana, Arial;
color: #ffffff;
text-decoration: none;
margin: 0 0px 0 0; /*Margin between each menu item*/
padding: 4px 0px;
/*background: white url(images/new_tab_inactive1.jpg) repeat-x left top;*/
background: white url(images/new_box_header.jpg) repeat-x left top;
border-top: 1px solid white;
width: 135px;
}

.hometabs a:hover{
color: #cccccc;
}

.hometabs a.selected{ /*currently selected tab*/
/*background: white url(images/new_tab_active1.jpg) repeat-x left top;*/
background: white url(images/new_box_header1.jpg) repeat-x left top;
color: #000000;
}

.hometabsbg{
background: white url(images/new_tab_bottom_bg_home.jpg)  right top;
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.homesearchtabs{
	padding: 0px 0;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0;
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: center;
	width: auto;
}

.homesearchtabs ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.homesearchtabs li{
display: inline;
margin: 0 0 0 0;
padding: 0;
}

.homesearchtabs a{
float: left;
display: block;
font: bold 10px Verdana, Arial;
color: #ffffff;
text-decoration: none;
margin: 0 0px 0 0; /*Margin between each menu item*/
padding: 3px 0px;
padding-right:2px;
/*background: white url(images/new_tab_inactive1.jpg) repeat-x left top;*/
background: white url(images/new_box_header.jpg) repeat-x left top;
border-top: 1px solid white;
width: 135px;
}

.homesearchtabs a:hover{
color: #cccccc;
}

.homesearchtabs a.selected{ /*currently selected tab*/
/*background: white url(images/new_tab_active1.jpg) repeat-x left top;*/
background: white url(images/new_box_header1.jpg) repeat-x left top;
color: #000000;
}

.homesearchtabsbg{
background: white url(images/new_tab_search_bg_home.jpg)  right top;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}




<!-- code(CSS) for main body arrangement    -->


*html .mainbodyarrange
{width:479px;
}

.mainbodyarrange
{
width:500px;
}



*html .mainsixlinksms
{width:479px;
}

.mainsixlinksms
{
width:569px;
}