@import 'global.css';

/**** general layout ****/
#container{
  width: 770px !important;
  background-color : White;
  padding: 0;
  margin: auto;
  text-align : left;
  border-left: 1px solid #6F98C4;
  border-right: 1px solid #6F98C4;
  border-bottom: 1px solid #6F98C4;
  border-top: 1px solid #6F98C4;
}
/* Fix IE bugs. Hide from IE Mac \*/
* html #container { width : 772px !important;}
/* End */

/****** column layout s *******/
/** wide left + narrow right, for top banner **/
#container-content{
  width: 100%;
  float: left;
  margin-right: -220px !important;
}
#content{
	margin-right: 220px !important;
	/*padding: 10px;
	border-right: 1px solid #6F98C4;*/
}
#sidebar1{
	width: 219px !important;
	float: right;
  	/*border-left: 1px solid White;*/
}
/* Fix IE bugs. Hide from IE Mac \*/
* html #sidebar1 { width: 220px !important;}
/* End */

/** wide left + narrow right, for internal pages **/
#container-content3{
  width: 100%;
  float: left;
  margin-right: -220px !important;
}
#content3{
	margin-right: 220px !important;
	padding: 10px;
	/*border-right: 1px solid #6F98C4;*/
}
#sidebar3{
	width: 219px !important;
	float: right;
  	/*border-left: 1px solid White;*/
}
/* Fix IE bugs. Hide from IE Mac \*/
* html #sidebar3 { width: 220px !important;}
/* End */

/** wide right + narrow left **/
#container-content2{
  width: 100%;
  float: right;
  margin-left: -109px !important;
  margin-top : 10px;
  margin-bottom : 10px;
}
#content2{
	margin-left: 109px !important;
	/*border-left: 1px solid #6F98C4;*/
	padding: 0 10px 0 20px;
}
#sidebar2{
	width: 88px !important;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
}
/* Fix IE bugs. Hide from IE Mac \*/
* html #sidebar2 { width: 109px !important;}
/* End */

/******** no columns *******/
#content4 {
	margin: 10px;
}
/**** top banner ****/
#top{
	border-bottom: 1px solid #6F98C4;
	border-left: 1px solid #fff;
	background-image : url(../graphics/grad1.jpg);
	background-position : bottom;
	background-repeat : repeat-x;
}
#top,
#content.top,
#sidebar1.top{
	height: 70px !important;
}
#content.top {
	border-right: 1px solid #6F98C4;
}
#sidebar1.top{
	border-left: 1px solid #fff;
	color: #003F87;
	font-size : 0.8em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#sidebar1.top a{
	color: #003F87;
	text-decoration : none;
	font-weight : bold;
}
#sidebar1.top div{
	text-align : right;
	padding : 0 15px 0 0;
}

#request_info input{
	border: 1px solid #90B9E5;
	text-align : center;
	color: #003F87;
}

/****** borders******/
#etched{
	border-left: 1px solid White; /*#8d9495;*/
	border-right: 1px solid #6F98C4;
	height : 108px !important;
	width : 108px !important;
}
.last{
	border-right: 0;
}
.first,
#etched.first{
	border-left: 0;
}

.left-border{
	border-left: 1px solid #6F98C4;
}
.right-border{
	border-right: 1px solid #6F98C4;
}

/*********** pads ***************/
#pad{
	background-image : url(../graphics/grad3.jpg);
	background-position : top;
	background-repeat : repeat-x;
	border : 1px solid #90B9E5;/**/
	background-color : #fff;
	padding : 5px;
	margin : 10px;
}
#pad h4 {
	background-image: url(../graphics/4dots.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 10px 10px !important;
	font-weight : bold;
	font-size : 0.8em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#pad h4,
#pad h4 a {
	color: #003F87;
}