body             { color: #000000; font-size: 1em; font-family: Times, serif; background-color: #b9c5b4; text-align: left; margin: 0; padding-top: 2px; padding-bottom: 0; padding-left: 0; border-style: none }

/* headings */
h1   { color: #004600; font-size: 1.5em; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; margin-top: 0; padding: 15px 0 5px; width: auto; border: solid 0 }
h2    { color: #004600; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
h3     { color: #d35e2c; font-size: 1.4em; font-family: Times, serif; font-weight: bold; text-align: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
h4   { color: #004600; font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
h5  { color: #004600; font-size: 1.2em; font-family: Times, serif; font-weight: bold; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
h6  { color: #004600; font-size: 0.7em; font-weight: normal; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
ul  { text-align: left; list-style-position: inside }
p, ol, dl, blockquote    { color: black; font-weight: normal }

a            { color: #d35e2c; font-weight: bold; text-decoration: none; display: inline }


 /* Container */
#container          { line-height: 1; background-color: #e0ecd9; text-align: left; margin-right: auto; margin-left: auto; width: 790px; border-style: ridge; border-width: 2px; border-color: white black #000 white }
 /* image right position */
 
 img  { margin: 2px; float: right; outline-style: none }
 
 img.left { margin: 2px; float: left; outline-style: none }
 

/*image box */
.imagebox { text-align: center; margin-top: 6px; margin-bottom: 6px; margin-left: 6px; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; width: auto; float: right }

.imageboxleft { text-align: center; margin-top: 6px; margin-bottom: 6px; margin-right: 6px; padding-top: 6px; padding-bottom: 6px; padding-right: 6px; width: auto; float: left }

.imageboxcenter  { font-weight: bold; text-align: center; margin-left: auto; margin-right: auto; padding-top: 6px; padding-bottom: 6px; width: auto }


 /* Header */ 
#header           { background-image: url("images/headerpic.jpg"); background-repeat: no-repeat; background-position: left 0; text-align: center; height: 110px }

#header1          { text-decoration: none; background-image: url("images/title3.jpg"); background-repeat: no-repeat; background-position: center 0; text-align: center; top: 0; left: 0 }

/* Logo */

#logo              { background-image: url("images/yas.png"); background-repeat: no-repeat; background-position: center 0; text-align: center; margin-right: auto; margin-left: auto; width: 452px; height: 110px }
/*centre box*/ 
#centrebox          { text-align: left; margin: 0 10px; padding: 5px 20px 10px; position: relative; clear: both; overflow: auto; border-width: 0 }

 /*body box*/ 
.bodybox    { text-align: center; margin-left: 10px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; border-color: #bbd1e0 }

#innerbox        { background-image: url("images/fadedrose.jpg"); background-repeat: no-repeat; background-position: center; text-align: left; margin-right: 0; margin-left: 5px; padding-right: 12px; min-height: 400px; max-height: 470px; overflow: auto }


/* Content */

#content        { background-image: url("images/bodydown.jpg"); background-repeat: repeat-x; padding: 0 10px 0 7px; height: 550px; min-height: 400px; max-height: 550px; border-color: #ff0000 }

#colOne       { width: 120px; min-height: 400px; float: left; outline-style: none; outline-color: #f0f }

#colTwo          { min-height: 400px; font-size: 1em; margin: 0 0 0 170px; padding: 0; border-color: #f0f; outline-style: none; outline-color: #f0f }

#colThree   { padding-left: 5px; width: 150px; float: right }

/* Footer */

#footer              { line-height: 1.1; background-color: transparent; background-image: url("images/footer.gif"); background-repeat: repeat-x; background-position: center 0; margin-right: auto; margin-left: auto; padding: 0; width: 100%; height: 35px; outline-style: none; outline-color: #00954a }

#footer p     { color: #004000; font-size: 9px; text-align: center; margin: 0; padding-top: 2px }


/* lists */
.list   { text-align: left; white-space: nowrap; list-style-type: square; list-style-position: inside; display: list-item }



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix { }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}






#navcontainer   { width: 145px; float: left }
 
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
  { color: #000000; font-size: 0.8em; font-weight: bold; text-decoration: none; background-color: #adc1ad; background-image: url("images/buttonbase.jpg"); background-repeat: no-repeat; background-position: 0 0; display: block; padding: 5px 0 5px 15px; width: 129px; border-style: solid; border-width: 1px; border-color: #fff #333 #333 #fff }

#navcontainer a:hover
 { color: white; text-decoration: none; background-color: #889e88; background-image: url("images/buttonover.jpg"); background-repeat: no-repeat; background-position: 0 0; border-style: solid; border-width: 1px; border-color: #333 #fff #fff #333 }

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
 {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	background-color: #adc1ad;
	display: block;
	padding: 5px 0px 5px 15px;
	width: 129px
}

#navcontainer ul ul a:hover
{
	color: #FFFFFF;
	background-color: #889E88;
	text-decoration: none;
}

/* tables */
table.centered  { width: 90%; margin-left: auto; margin-right: auto; text-align: left }
table.centered td{ width: 50%; padding: 5px 2px 5px 5px; vertical-align: text-top; outline: ridge 2px #e2e9e0}

#middlebox  {
	text-align: left;
	margin: auto;
	position: relative;
	
}
.tables {
	font-family: Arial, Helvetica, sans-serif;
	left: auto;
	right: auto;
}

table.M       { font-size: 1em; text-align: left; margin: 5px auto; padding: 1px; width: 450px; outline: solid 1px }
table.M tr   { padding-top: 20px; padding-bottom: 20px }
table.M td.left    { font-size: 0.8em; padding: 5px 2px 5px 5px; width: 65%; vertical-align: text-top; outline: ridge 2px #e2e9e0 }
table.M b {font-size: 1.2em; font-weight: bold }
table.M td.right    { background-color: #e2e9e0; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 35%; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }

table.FH       { font-size: 1em; text-align: center; margin: 5px auto; padding: 1px; width: 450px; outline: solid 1px }
table.FH tr   { padding-top: 20px; padding-bottom: 20px }
table.FH td.left    { padding: 5px 2px 5px 5px; width: 54%; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: center }
table.FH td.middle    { background-color: #e2e9e0; width: 20%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }
table.FH td.right    { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }

table.YAJ        { font-size: 1em; text-align: center; margin: 5px auto; padding: 1px; width: 400px; outline: solid 1px }
table.YAJ tr   { padding-top: 20px; padding-bottom: 20px }
table.YAJ td.left    { padding: 5px 2px 5px 5px; width: 55%; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }
table.YAJ td.middle    { background-color: #e2e9e0; width: 15%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }
table.YAJ td.right    { width: 15%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }

table.soc        { font-size: 1em; text-align: center; margin: 5px auto; padding: 1px; width: 450px; outline: solid 1px }
table.soc tr   { padding-top: 20px; padding-bottom: 20px }
table.soc td   { padding: 5px 2px 5px 5px; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }
table.soc td.author    { padding: 5px 2px 5px 5px; width: 30%; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }
table.soc td.middle    { background-color: #e2e9e0; width: 12%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }
table.soc td.right    { width: 10%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }
table.soc td.title    { width: 35%; padding: 5px 2px 5px 5px; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }

table.wcr       { font-size: 1em; text-align: left; margin: 5px auto; padding: 1px; width: 75%; outline: solid 1px }
table.wcr tr   { padding-top: 20px; padding-bottom: 20px }
table.wcr td.vol    { font-size: 1em; padding: 5px 2px 5px 5px; width: 15%; vertical-align: text-top; outline: ridge 2px #e2e9e0 }
table.wcr td.year    { font-size: 1em; padding: 5px 2px 5px 5px; width: 35%; vertical-align: text-top; outline: ridge 2px #e2e9e0 }
table.wcr td.right    { background-color: #e2e9e0; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 35%; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }

table.rsp        { font-size: 1em; text-align: center; margin: 5px auto; padding: 1px; width: 450px; outline: solid 1px }
table.rsp tr   { padding-top: 20px; padding-bottom: 20px }
table.rsp td.vol    { padding: 5px 2px 5px 5px; width: 6%; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }
table.rsp td.middle    { background-color: #e2e9e0; width: 10%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }
table.rsp td.right    { width: 10%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }
table.rsp td.title    { padding: 5px 2px 5px 5px; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }

table.oth        { font-size: 1em; text-align: left; margin: 5px auto; padding: 1px; width: 400px; outline: solid 1px }
table.oth tr   { padding-top: 20px; padding-bottom: 20px }
table.oth td.author    { padding: 5px 2px 5px 5px; width: 35%; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }
table.oth td.right    { width: 10%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; vertical-align: top; border-top: thin #e2e9e0; border-right: thin #e2e9e0; border-bottom: thin #e2e9e0; border-left: #e2e9e0; outline: ridge 2px #e2e9e0 }
table.oth td.title    { width: 45%; padding: 5px 2px 5px 5px; vertical-align: text-top; outline: ridge 2px #e2e9e0; text-align: left }

table.border         { font-size: 0.9em; text-align: left; margin: 2px auto; padding: 1px; width: 99%; border-width: 2px; outline-width: 2px; outline: ridge 2px #fff }
table.border tr    { padding-top: 5px; padding-bottom: 5px; border-width: 2px  }