@charset "utf-8";
/* CSS Document */

body{
  margin:0;
  padding:0;
  font:normal 12px Arial;
  color:#000;
  text-align:center;
  background:#88B3E0 ;
  line-height:17px;
  
}
a{
	 	text-decoration:none;
}

ul{

	list-style-type:none;

}

#container1 {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */

}

#header { 
	background: #fff;
	padding: 0 0px;
	text-align: center;
	height: 360px;
    margin: 0 auto;
	width:916px;
  
	
} 

#topmenu{
	width:916px;
	height: 115px; 


	background-color:#FFF;
	}
	
#topmenu2{
height:43px;
background:#981b1e;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
	
}
#urlhome{
	height: 20px;
 padding:10px 0 0 10px;
  font:normal 12px/15px  Tahoma, Geneva, sans-serif;
	color:#fff;
	float:left;

	
}	
	
#urlkanan{
	height: 20px;
 padding:10px 20px 0 10px;
  font:normal 12px/15px  Tahoma, Geneva, sans-serif;
	color:#fff;
	float:right;

}
#urlkanan a{
 	text-decoration:none;
	color:#fff;
}

#urlkanan a:hover{
 	text-decoration:underline;
	color:#fff;
}

#toplogo{
width:459px;
height:110px;
margin:5px 0 0 0;
background:url(../images/logo.png) no-repeat;
float:left;
}

#topbuku{
	background:url(../images/buku.png) 0 0 no-repeat;
	width:127px;
	height:146px;
	position:absolute;
	left:664px;
	top:0px;
}

#header form{
	margin-top:30px;
	left:546px;
	top:49px;
	background:url(../images/serch_bg.gif) 0 0 no-repeat;
	width:331px;
	height:39px;
	padding:14px 8px 0 50px;
	float:right;
}
#header form input.txtBox1{
	width:184px;
	height:23px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	background-color:#fff;
	color:#000;
	font:normal 10px/23px Arial, Helvetica, sans-serif;
	padding:0 0 0 15px;
	float:left;
}
#header form label{
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	float:left;
	width:60px;
}
#header form input.go{
	width:57px;
	height:25px;
	background:url(../images/btn_go.gif) 0 0 no-repeat #fffffe;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#000;
	cursor:pointer;
	border:none;
	float:right;
	text-transform:uppercase;
	display:block;
}
	


#submenu{
	width:296px;
	height: 204px;
	background-color:#464646;
	float:left;
}
  
#submenu ul.menu{
	
	padding:10px 0 0 0 ;
	margin:10px 0 10px 2px;
	
}


#submenu ul.menu li{
	padding:5px 0 7px 0;
	margin-left:25px;
	float:left;
	border-bottom:#CCC double;
	
	

}
#submenu ul.menu li a{
	display:block;
	width:248px;
	border-bottom:#FFF  double;
	padding:0 0 0 20px;
	height:21px;
	background:url(../images/iconmenu.png) 0 3px no-repeat ;
	font:normal 19px/15px  Tahoma, Geneva, sans-serif;
	color:#fff;
	
	text-decoration:none;
	border:none;
	margin-top:2px;
	text-align:left;

}
#submenu ul.menu li a:hover{
	background:url(../images/iconmenu.png) 0 3px no-repeat ;
	color:#F00;
	padding:0 0 0 20px;
	border:none;
}  
  
  
  
#headintro{
 	width:620px;
	height: 204px;
	background:#FFF;
	float:right;
}  

#headline {
   height=5px;
   
}
#mainContent {
  	margin: 0px 0px 5px 16px; /* the left margin will look best if you match the padding amount to the header and footer. */
	background:#fff;
	 text-align:left;
	 float: left;
	 width:614px;
	 height:100%;
}
#sidebar1 {
	float: right; 
	width: 25em; /* since this element is floated, a width must be given */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 4px 0; /* top and bottom padding create visual space within this div */
	margin-right:17px;


}

#sidebar1 p.img{
 margin-bottom:10px;
}

#footer {
	padding: 3px 0px 0;
	text-align: center;

    margin: 0 auto;
	width:916px;
    height:120px;
  border-top: medium solid

}

#footerisi {

    padding-top: 20px;
	text-align: left;
    margin: 0px  auto;
	width:916px;
    height:80px;
    background-color: #990000;
    color: #fff;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
		-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
}





.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#welcome{
	
	float:left;
}

#welcome h2{
	display:block;
	background:url(../images/welcomehead.png) 0 0 no-repeat;
	width: 601px;
	height:45px;
	margin:0 0 2px 0;
	text-indent:-2000px;
	float:left;
}

#welcome p.pic{
	
	width:118px;
	height:128px;
	margin:0px 0 0 0;
	padding:10px 0 0 0;
	font:bold 18px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2A2A2A;
	text-align:center;
	vertical-align:middle;
	float:left;
}

#welcome  h3{
	width:302px;
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f2a2d;
	padding:10px 0 0 14px ;
	margin:0;
	float:left;
	
}
#welcome p.text{
	width:470px;
	font:normal 13px/18px  Tahoma, Geneva, sans-serif;
	color: #333;
	padding:3px 0 7px 1px ;
	margin:0 0 0px 14px;
	float:left;
	border-bottom: #900 dotted;
}

#welcome .grs {
 border-bottom: #900 dotted;
 width:502px;
}
#welcome .readmore2{
	width:470px;
	height:18px;
	margin:2px 0 13px 10px;
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f2a2d;
	text-decoration:none;
	
	float:left;
	text-align:right;
}

#welcome a{
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f2a2d;
	text-decoration:none;
	
}

#welcome a:hover{

	color:#FC0;
	text-decoration:none;
	
}


#artikel{
	width:299px;
	background:url(../images/artikel.png) 0 0 no-repeat;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}

#artikel h2 {
    background:url(../images/garispinggir.png)  left  no-repeat;
	font:bold 22px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	padding:5px 0 5px 14px ;
	margin:14px 0 0 15px;
	text-align:left;
	vertical-align:middle;


}

#artikel h2  b{
	color:#9f2a2d;
}



#artikel p.pic{
	text-align:left;
	margin-left:15px;
}

#artikel p.text{
	font:normal 13px/18px  Tahoma, Geneva, sans-serif;
	color: #333;
	padding:3px 0 7px 1px ;
	margin:0 1px 0px 14px;
	float:left;
	border-bottom: #900 dotted;
	height:100px;
		width:270px;
}



#artikel a.readmore2{
	display:block;
    width:278px;
	height:18px;
	margin:2px 0px 13px 10px;
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f2a2d;
	text-decoration:none;
	padding:3px 10px 7px 1px ;
	float:left;
	text-align:right;
}
#artikel a.readmore2:hover{
    width:278px;
	height:18px;
	margin:2px 0px 13px 10px;
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FC0;
	text-decoration:none;

	float:left;
	text-align:right;
}

#artikel ul.more-link{
	width:238px;
	padding:0;
	margin:10px 0 10px 2px;
}


#artikel ul.more-link li{
	padding:0;
	margin-left:15px;
	float:left;
}
#artikel ul.more-link li a{
	display:block;
	width:227px;
	height:21px;
	background:url(../images/grssubmenu.png) 0 0px no-repeat #f2f2ee;
	font:bold 13px/15px  Tahoma, Geneva, sans-serif;
	color:#9f2a2d;
	padding:0 0 0 28px;
	text-decoration:none;
	border:none;
	margin-top:2px;
	text-align:left;

}
#artikel ul.more-link li a:hover{
	background:url(../images/grssubmenu.png) 0 0px no-repeat #FFF9E5;
	color:#2F3F15;
	padding:0 0 0 28px;
	border:none;
}

#eventkampus{
	width:299px;
	background: #fff;
	float:left;
	margin-right:6px;
	margin-bottom:0px;
}

#eventkampus h2  a{
    background:url(../images/eventhead.png)  left  no-repeat;
	font:bold 22px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	padding:5px 0 5px 35px ;
	margin:14px 0 0 15px;
	text-align:left;
	vertical-align:middle;
	text-decoration: underline;

}

#eventkampus h2  b{
	color:#9f2a2d;
	
}


#listeven{
	width:279px;
	float:left;
    margin: 0px 0px 0px 12px;
    border-bottom: solid #DDDDDD      ;
}

#listeven h4{
  background:url(../images/even.png) 0 0px no-repeat;
  font-style: italic   ;
  color: #555555 ;
  font: italic normal 12px Arial, Helvetica, sans-serif
}


#listeven a{
	margin:0px 0px 0px 7px;
	font:normal italic 17px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000099;
	text-decoration:none;
	padding:0px 10px 0px 1px ;
	float:left;
	text-align:center;
}

#listeven a:hover{


	margin:0px 0px 0px 7px;
	font:normal italic 17px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FC0;
	text-decoration:none;
	float:left;
 	text-align:center;
}

#artikellain{
	width:299px;
  	float:left;
	margin-right:6px;
	margin-bottom:6px;
}

#artikellain h2 {
     background:url(../images/folder-icon.png)  left  no-repeat;
   	font:bold 22px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f2a2d;
	padding:5px 0 5px 35px ;
	margin:14px 0 0 5px;
	text-align:left;
	vertical-align:middle;


}

#artikellain h2  b{
	color:#FC0;
}

#artikellain ul.more-link{
	width:238px;
	padding:0;
	margin:10px 0 10px 2px;
}


#artikellain ul.more-link li{
	padding:0;
	margin-left:15px;
	float:left;
}
#artikellain ul.more-link li a{
	display:block;
	width:227px;
	height:21px;
	background:url(../images/grssubmenu.png) 0 0px no-repeat #f2f2ee;
	font:bold 13px/15px  Tahoma, Geneva, sans-serif;
	color:#9f2a2d;
	padding:0 0 0 28px;
	text-decoration:none;
	border:none;
	margin-top:2px;
	text-align:left;

}
#artikellain ul.more-link li a:hover{
	background:url(../images/grssubmenu.png) 0 0px no-repeat #FFF9E5;
	color:#2F3F15;
	padding:0 0 0 28px;
	border:none;
}

#menu {
  margin: 0px 0px 18px 16px; /* the left margin will look best if you match the padding amount to the header and footer. */
  text-align:left;
  float: left;
  width:614px;
  font-family:   Arial, Helvetica, sans-serif;
  font-size: 13px
}

#menu a {
 color:#FFF;
 
}
#contak {
	float: right;
	width: 20em; /* since this element is floated, a width must be given */

	padding: 0px 0 4px 15px; /* top and bottom padding create visual space within this div */
	margin-right:17px;
    border-left: thin solid
}


#detail{
	width:610px;
	float:left;
}

#detail h2{
	background:url(../images/garispinggir.png)  left  no-repeat;
	font:bold 22px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f2a2d;
	padding:5px 0 5px 14px ;
	margin:14px 0 0 1px;
	text-align:left;
	vertical-align:middle;


}

#detail h2  b{
	color:#FC0;
}
#detail h4  {
	color:#333;
	padding:0px 0 0px 5px ;
	margin:0px 0 0 1px;
	text-align:left;
	vertical-align:middle;
	font:bold 10px/12px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
}

#detail p.pic{
	margin:0px 13px 0 0px;
	padding:10px 0 0 0;
	float:left;
}

#detail img {
 margin: 0 10px 5px 5px;	
}

#detail  h3{
	
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f2a2d;
	padding:10px 0 0 0px ;
	margin:0;
	
	
}
#detail p{

	font:normal 13px/18px  Tahoma, Geneva, sans-serif;
	color: #333;
	padding:3px 0 7px 1px ;
	margin:3px 0 0px 1px;


}
	
#detailgalery{
	margin:15px 0 10px 0;
	
	padding-bottom:15px;
	width:610px;
	background: #f7f7f7;
	border:#bbbbbb solid 1px;
}

#detailgalery2{
	margin:5px 0 0 25px;
	width:570px;
}

#detailgalery3{
	margin:5px 0 0 25px;
	width:570px;
    float:left;
}
#judulfoto{
margin:5px 0 0 2px;
font:normal 12px/13px  "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#09F;
}

#detailgalery2 img {
 margin: 10px 10px 5px 5px;	
 padding:5px 5px 5px 5px;
 border:#bbbbbb solid 1px;
 background-color:#FFF;
}

#detailgalery3 #tes {
 margin: 10px 10px 5px 5px;	
 padding:5px 5px 5px 5px;
 border:#bbbbbb solid 1px;
 background-color:#FFF;
 float:left;
}


#geleryside{
	width:289px;
	height:270px;
	background: #999;
	float:right;
	margin:10px 6px 6px 0;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

#geleryside h2 {
	font:bold 22px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	padding:5px 0 5px 5px ;
	margin:7px 0 8px 15px;
	text-align:left;
	vertical-align:middle;

}

#geleryside h2  b{
	color:#9f2a2d;
}

#fokus {
	width:298px;
	height:100px; 
	background: #523695;
	margin:10px 6px 6px 0;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

#fokus  h2 {
	font:bold 22px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 0 2px 5px ;
	margin:7px 0 3px 15px;
	text-align:left;
	vertical-align:middle;

}

#fokus ul.news-link{
	width:238px;
	height:128px;
	padding:6px 0 0 0;
	margin:0px 0 10px 7px;
	background:url(../images/icon_news.png) 0 0px no-repeat;
}


#fokus ul.news-link li{
   	margin-top:4px;
	margin-left:45px;
	width:197px;
    float:left;	
		
}
#fokus ul.news-link li a{
	display:block;
   	padding:0 0 0 28px;
	font:normal 17px/15px  Tahoma, Geneva, sans-serif;
	color:#fff;
	text-decoration:none;
	border:none;

	text-align:left;

}
#fokus ul.news-link li a:hover{
	color:#9f2a2d;
	padding:0 0 0 28px;
	border:none;
}



#alumni {
	width:298px;
	height:100px; 
	background: #f99c1c;
	margin:10px 6px 6px 0;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

#alumni  h2 {
	font:bold 22px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 0 2px 5px ;
	margin:7px 0 3px 15px;
	text-align:left;
	vertical-align:middle;

}

#alumni ul.news-link{
	width:238px;
	height:128px;
	padding:6px 0 0 0;
	margin:0px 0 10px 8px;
	background:url(../images/keybord.png) 0 0px no-repeat;
}


#alumni ul.news-link li{
   	margin-top:5px;
	margin-left:75px;
	width:157px;
    float:left;	
		
}
#alumni ul.news-link li a{
	display:block;
   	padding:0 0 0 8px;
	font:normal 17px/15px  Tahoma, Geneva, sans-serif;
	color:#fff;
	text-decoration:none;
	border:none;

	text-align:left;

}
#alumni ul.news-link li a:hover{
	color:#9f2a2d;
	padding:0 0 0 8px;
	border:none;
}

.contactsubmit {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	background-attachment: scroll;
	background-image: url(../images/read_more_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 76%;
	clip: rect(500px,500px,auto,auto);
	top: 500px;
	right: 500px;
	bottom: 500px;
	left: 500px;
	float: left;
	margin: 5px;
	padding: 5px;
}
.contactformfield {
	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 85%;
}


.contactformmessage {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 170px;
	width: 90%;
	float: none;
	margin: 3px;
	padding: 3px;
}
.contactbox {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	height: 18px;
}
.commentslabel {
	font-family: Verdana;
	font-size: 12px;
	color: #003366;
	float: left;
	height: 170px;
	width: 105px;
	margin: 3px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

.contactmessagebox {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	height: 170px;
}
.contacttextarea {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	margin: 10px 0 10px 0px;
	padding: 0 0 10px 0px;

	width: 600px;
		border: 1px solid #CCCCCC;
    -moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;

}
.contactindicate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 3px;
	height: 20px;
	width: 570px;
	padding-top: 15px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

.submitarea {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	width: 600px;
}
.submitbutton {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	background-attachment: scroll;
	background-image: url(../images/pattern.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border: 1px solid #0099FF;
	height: 25px;
}


.contacttext {
	margin: 3px;
	height: 18px;
	width: 110px;
	float: left;
	font-family: Verdana;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.contacterrortext {
	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 10px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}
/*------------------------------------------------Contact--------------------*/
.contactformtext {
	margin: 3px;
	height: 20px;
	width: 400px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #003366;
	font-weight: normal;
	padding: 3px;
}

.contactformmsgtxt {
	margin: 3px;
	height: 170px;
	width: 400px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #003366;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.contactdropdownformfield {

	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 75%;
}

/*------------------------------------------------Textbox --------------------*/

.textboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 250px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.textboxEffect:hover
{
background-color:#FFFFFF;
color:#003366;
margin:0px;
padding:0px;
border:1px solid #003366;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textbox --------------------*/
/*------------------------------------------------Textboxdropdown --------------------*/

.dropdownEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 265px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.dropdownEffect:hover
{
background-color:#FFFFFF;
color:#003366;
margin:0px;
padding:0px;
border:1px solid #003366;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textboxdropdown --------------------*/
/*------------------------------------------------Massagebox --------------------*/

.MassageboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 170px;
	width: 350px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.MassageboxEffect:hover
{
background-color:#FFFFFF;
color:#003366;
margin:0px;
padding:0px;
border:1px solid #003366;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Massagebox --------------------*/


table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 600px;
	}

th {
	padding: 0 0.5em;
	text-align: center;
	}

tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

td:first-child {
	width: 190px;
	}

td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}