html, body {
height: 100%;
}

#page {
    width:884px;
	height: auto;
	margin: 0px auto 0px auto;
}
/*top*/

#top {
    width:884px;
	height:85px;
	margin: 0px auto 0 auto;
	background:url(../images/top-bg.gif) no-repeat top left;
}

.topleft {
    float:left;
	width:442px;
    height:79px;
}

.topright{
	float:right;
	width:442px;
	height:20px;
	font-family:verdana;
	font-size:8px;
	text-decoration:none;
	color:#666666;
	right: 443px;
}

.topright ul{
	list-style-type: none;
	margin:0;
	margin-left: 1px; /*Left offset of entire tab menu relative to page*/
	padding:0;

}
.topright ul li{display:inline;	margin:0; font-family:verdana; font-size:8px; text-decoration:none; color:#666666; list-style-type: none;}
.topright ul li a{float:right; margin-top:5px; margin-right: 5px; padding:0 0 0 5px; font-family:verdana; font-size:8px; text-decoration:none;	color:#666666;}


/*ENDtop*/


/*search*/
#search{
	width:220px;
	height:30px;
	float:right;
	margin-top: 20px;
}

.sbox{
    width:170px;
    height:auto;
    float:left;
	padding-left:15px;
    margin:auto;
}
.sbutton{
    width:30px;
    height:auto;
    text-align:center;
	float:right;
}

.formtext {
   font-family:arial;
   font-size:11px;
   color :#333333;
   padding :1px 1px 1px 5px;
}
/*ENDsearch*/

/*Greyslate nav*/
.grey {
	width:884px;
	height:24px;
	margin: 0px auto 0 auto;
}

#slatenav{
	font-size:11px;
	font-weight:bold;
	background:url(../images/greyslate_background.gif) repeat-x top left;
	font-family:Arial;
    clear:both;
	 }
.grey #slatenav ul{margin:0px; padding:0; list-style-type:none; width:884px; height:24px;}
.grey #slatenav ul li{display:block; float:left; margin:0 0 0 4px;  padding:0 5px 0 5px;}
.grey #slatenav ul li a{display:block; float:left;color:#ffffff;text-decoration:none;padding:5px 8px 0px 8px; height :24px;}
.grey #slatenav ul li a:hover,.grey #slatenav ul li a.current{color:#fff;background:transparent url(../images/greyslate_backgroundOVER.gif) no-repeat top center;}
/*END Redslate nav*/ 

#content {
    width :884px;
	margin: 5px auto 10px auto;
}

/*Left Colomn*/
.leftcolomn {
    width : 220px;
	float:left;
}

.leftnavi {
    width : 215px;
	height :175px;
}
	

.leftcolbottom {
    width:215px;
	height:150px;
	background: transparent url(../images/news-bg.gif) no-repeat top left;
	margin-top:5px;
}

.leftcoltitle {
   font-family :arial;
   font-size:11px;
   font-weight:bold;
   color:#CC0000;
   padding: 10px 10px 10px 30px;
}

.leftcolist {
   width: 175px;
   margin:0 0 0 15px;
   font-family:arial;
   font-weight:bold;
   font-size:11px;
   background: transparent url(../images/point-bullet.gif) no-repeat center left;
   padding : 2px 0px 2px 15px;
}

a:link { color:#000000; text-decoration:underlined}
a:visited {color:#000000; text-decoration:underlined}
a:hover {color:#CC0000; text-decoration:none}
a:active {color:#333333; text-decoration:underlined}

.leftcoldesc {
   width:175px;
   margin:0 0 0 15px;
   font-family :arial;
   font-size:11px;  
   padding : 2px 0px 2px 15px;
}

.leftcolad {
   width:215px;
   margin:5px 0 0 0;
}

  
   
/*ENDLeft Colomn*/

/*RightColomn*/
.rightcolomn {
   width : 660px;
   float:right;
}

.mainpic {
   float:right;
   width :651px;
   height :175px;
   background: transparent url(../images/index-mainpic.jpg) no-repeat top left;
}

img.hrs {
   float:right;
}

.rightcoleft {
  width :425px;
  float:left;
  margin:5px 0 5px 15px;
}

.rightcoleftcontent {
	width :425px;
	font-family:arial;
	font-size:11px;
	text-align: justify;
	line-height: 16px;
}

.news-title { 
   clear: both; 
   width:395px; 
   height :20px;
   font-family: Arial; 
   font-size: 11px; 
   font-weight:bold;
   color: #cc0000; 
   background: transparent url(../images/news-icon.gif) no-repeat top left;
   margin:10px 0 5px 0;
   padding:5px 0 0 30px;
 }
 
 .excerpt-title { 
   clear: both; 
   width:395px; 
   height :20px;
   font-family: Arial; 
   font-size: 11px; 
   font-weight:bold;
   color: #cc0000; 
   background: transparent url(../images/excerpt-icon.gif) no-repeat top left;
   margin:10px 0 5px 0;
   padding:5px 0 0 30px;
 }
 
#news-content {
   width :425px;
   margin:5px 0 30px 0px;
}

.ncontent-pic {
	width :100px;
	float :left;
}

img.news {
   float:left;
   padding :3px 3px 3px 3px;
   border:#CCCCCC 1px solid;
}

.ncontent-title {
   width:300px;
   float:right;
   font-family:arial;
   font-size:11px;
   font-weight:bold;
   color:#000000;
}
.ncontent-title a:hover {color:#FF0000; text-decoration:none;}   

     
.ncontent {
	width:300px;
	float:right;
	font-family:arial;
	font-size:11px;
	margin-top:5px;
	text-align: justify;
    line-height: 16px;
}

/*ENDRightColomn*/

.rightcolright {
    width :215px;
	float :right;
}

/*tab*/
 
.glowingtabs{
	float:right;
	width:210px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	line-height:normal; /*Add border strip to bottom of menu*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-top:5px;
	clear: right;
}

.glowingtabs ul{
    list-style-type: none;
    margin:0;
    margin-left: 1px; /*Left offset of entire tab menu relative to page*/
    padding:0;
}

.glowingtabs li{
    display:inline;
    margin:0;
    padding:0;
}

.glowingtabs a{
    float:left;
    background:url(../images/tab-left.gif) no-repeat left top;
    margin:0;
    margin-right: 3px; /*spacing between each tab*/
    padding:0 0 0 5px;
    text-decoration:none;
}

.glowingtabs a span{
    float:left;
    display:block;
    background:url(../images/tab-right.gif) no-repeat right top;
    padding: 5px 5px 3px 5px;
    font-weight:bold;
    color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {
    float:none;
}

/* End IE5-Mac hack */

.glowingtabs a:hover span {
    color: black;
}

.glowingtabs a.current{ /*Selected Tab style*/
    background-position:0 -23px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.current span{ /*Selected Tab style*/
    background-position:100% -23px; /*Shift background image up to start of 2nd tab image*/
    color: black;
}

.glowingtabs a:hover{ /*onMouseover style*/
    background-position:0% -23px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
    background-position:100% -23px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
    float:right;
    width:198px; /*width of 2nd level sub menus*/
	height:auto;
    padding:5px 5px 5px 5px;
	border :#CCCCCC 1px solid;
    font-family:Arial;
    font-size:11px;
}

.tabcontent{
   display:none;
}
/*ENDtab*/

/*footer*/
#footer {
clear: both;
width:884px;
height:50px;
margin:20px auto 0 auto;
background: transparent url(../images/footer-bg.gif) repeat-x top left;
}

.f_left {
width:420px;
font-family:arial;
font-size:10px;
padding:5px 5px 5px 5px;
float:left;
text-align: left;
}

.f_right {
width:420px;
float:right;
padding:5px 5px 5px 5px;
text-align: right;
}
/*Endfooter*/