/* FAS Boxes Stylesheet */

/* FAS Rounded Corner Boxes */
.fasBox {
	display: inline;
	float: right;
	width: 150px;
	margin-left: 14px;
	margin-bottom: 15px;
}
		
.fasBox img {
	margin:5px 0 5px 0;
	border-color:#F6FBF8;
	}
	
.fasBoxX {
	display:block;
}

.fasBoxX * {
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  /*background-color:#F6FBF8;*/
  background-image:url(../images/tile-parchment.jpg);
  clear: both;
}

.fasBoxA {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #F9FCFA;
  border-right:1px solid #F9FCFA;
  background-color:#F8FCF9;
}

.fasBoxB {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #FAFDFB;
  border-right:1px solid #FAFDFB;
  background-color:#F7FBF9;
}

.fasBoxC {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #F7FBF9;
  border-right:1px solid #F7FBF9;
}

.fasBoxD {
  border-left:1px solid #F9FCFA;
  border-right:1px solid #F9FCFA;
}

.fasBoxE {
  border-left:1px solid #F8FCFP;
  border-right:1px solid #F8FCFP;
}

.fasBoxcontent {
  /*background-color:#F6FBF8;*/
  background-image:url(../images/tile-parchment.jpg);
}

.fasBoxcontent h1, .fasBoxcontent h2, .fasBoxcontent h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #330000;
}

.fasBoxcontent p {
    color:#330000;
}

.fasBoxcontent a, .fasBoxcontent a:link, .fasBoxcontent a:visited {
    text-decoration: none;
	color:#330000;
	font-weight:bold;
}

.fasBoxcontent a:hover, .fasBoxcontent a:active {
	text-decoration: underline; 
	color: blue;
}

/* fasBox used in SideBar navigation */
.fasBoxSide {
	display: inline;
	float: right;
	width: 120px;
	/*xmin-height: 290px;*/
	/*background-color: #edede3;*/
	margin-left: 14px;
	margin-bottom: 15px;
}
		
.fasBoxSide img {
	margin:5px 0 5px 0;
	border-color:#999999;
}

/* Important Notice Box */

.boxNotice h1, .boxNotice h2, .boxNotice p {margin:0 10px}
.boxNotice p {padding-bottom:0.5em;}
.boxNotice h2 {padding-top:0.5em; padding-left:0px;}
.boxNotice {background: transparent; }
 
.boxNotice em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .boxNotice em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.boxNotice span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .boxNotice span {width:20px; height:10px; w\idth:0; hei\ght:0;}
 
.boxNotice1, .boxNotice2, .boxNotice3, .boxNotice4, .boxNotice5, .boxNotice6, .boxNotice7 {display:block; overflow:hidden; font-size:0;}
.boxNotice1, .boxNotice2, .boxNotice3, .boxNotice4, .boxNotice5, .boxNotice6 {height:1px;}
.boxNotice4, .boxNotice5, .boxNotice6, .boxNotice7 {background:#ccc; border-left:1px solid #F3DC99; border-right:1px solid #F3DC99;}
 
.boxNotice1 {margin:0 8px; background:#F3DC99;}
.boxNotice2 {margin:0 6px; background:#F3DC99;}
.boxNotice3 {margin:0 4px; background:#F3DC99;}
.boxNotice4 {margin:0 3px; background:#FFC; border-width:0 5px;}
 
.boxNotice5 {margin:0 2px; background:#FFC; border-width:0 4px;}
.boxNotice6 {margin:0 2px; background:#FFC; border-width:0 3px;} 
.boxNotice7 {margin:0 1px; background:#FFC; border-width:0 3px; height:2px;} 
 
.boxNoticeContent {display:block; background:#FFC; border:3px solid #F3DC99; border-width:0 3px;}



/* ### Miscellaneous ### */

.boxlft { /* float box left*/
	width: 48%;
	float: left;
	border: 1px solid #000099;
}

.boxrt { /* float box right */
	width: 48%;
	float: right;
	border: 1px solid #000099;
	margin: 0 8px 0 0;
}

.boxlftnb { /* float box left - No Border*/
	/*width: 48%;
	float: left;*/
	position:relative; left: 0px; width:59%;
	/*border: 1px solid #000099;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow:auto;
}		

.boxrtnb { /* float box right - No Border */
	/*width: 48%;*/
	float: right;
	width:30%;
	
	/*position:absolute; right: 50px; width:30%;*/
	/*border: 1px solid #000099;*/
	margin: 0 0 0 0;
	overflow:auto;
}

.boxcntr { /* box centre */
	width: 96%;
	border: 1px solid #000099;
	margin: 12px 6px 12px 0;
	overflow:auto;
}

.boxcntrnb { /* box centre - No Border*/
	width: 100%;
	border: 0px solid #000099;
	margin: 12px 6px 12px 0;
	overflow:auto;
}

.boxlftx4 { /* float box left - x4*/
	width: 20%;
	float: left;
	border: 1px solid #000099;
	margin: 12px 6px 12px 6px;
	padding: 10px 10px 10px 10px; 

}

.boxlftfit { /* float box left*/
	margin-right: 8px;
	/*border: 1px solid #000099;*/
	overflow:auto;
	min-width:150px;
}

.boxlftfit ul { /* float box left with auto width and list*/
	list-style-type: none; 
	padding: 0;
	margin: 0;
	margin-left: 1em;
} 

.boxlftfit li { 
	background-image: url(../images/fish-32.gif); 
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 35px; 
	margin: 0.5em 0;
	font-size:14px;
} 
