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

/* headings */
h1 { color: #f40012; 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: #f40012; 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: #f40012; 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: #315456; font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
h5 { color: #f40012; font-size: 1.1em; font-family: Times, serif; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
h6 { color: #315456; 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 }
.italics {font-style: italic; }

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


 /* Container */
#container            { line-height: 1; background-color: #daeaeb; 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; margin-left: auto; margin-right: auto; outline-style: none }
 
 img.left { margin: 2px; float: left; outline-style: none }
 img.right { margin: 2px; float: right; 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                { color: #d02e24; background-color: #daeaeb; background-image: url("images/headerpic.jpg"); background-repeat: no-repeat; background-position: left 0; text-align: center; height: 110px }

#header1            { text-decoration: none; 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-repeat: repeat-y; background-position: center; text-align: left; margin-right: 0; margin-left: 5px; padding-right: 12px; padding-left: 5px; 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           { 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: #fff; font-size: 9px; text-align: center; margin: 0; padding-top: 2px }


/* lists */
.list  { text-align: left; list-style-type: square; list-style-position: inside; display: list-item }
/* navigation  */
.sidenavigation   { font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; text-transform: capitalize }
	
a.sidelinks   { font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }	
a:link.sidelinks    { color: #110b65; font-size: inherit; text-decoration: none }
a:visited.sidelinks   { color: #530053; font-size: inherit }
a:active.sidelinks    { color: #80265d; font-size: inherit }
a:hover.sidelinks	   { color: #fd1a83; font-size: inherit; text-decoration: underline }

a.bodylinks  { color: #bdcfce; font-weight: bold; text-decoration: none }	
a:link.bodylinks  { color: #bf6597; text-decoration: none }
a:visited.bodylinks   { color: #80265d }
a:active.bodylinks   { color: #fd1a83 }
a:hover.bodylinks	  { color: #fd1a83; text-decoration: underline }
.smalltext  { color: #530053; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; }

.smallbeige   { color: #80265d; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; }

 /* *** 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     { background-color: #95a4bd; text-align: left; margin-right: auto; margin-left: auto; padding: 2px; outline-style: none; outline-color: #95a4bd }
table.centered tr   { background-color: #dadfe7; text-align: center; padding: 5px 20px; border-left: 1px solid #95a4bd }
table.centered tr.Even     { background-color: #edf3f3; text-align: center; padding: 5px 20px; border-left: 1px solid #95a4bd }
table.centered th   { font-weight: bold; background-color: #dadfe7; padding: 5px 20px }
table.centered tr.fill     { background-color: #edf3f3; text-align: center; padding: 5px 20px; height: 10px; border-left: 1px solid #95a4bd }

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

table.MY       { font-size: 1em; background-color: #95a4bd; text-align: left; margin: 5px auto; padding: 1px; width: 95%; outline: solid 1px #95a4bd }
table.MY tr   { padding-top: 10px; padding-bottom: 10px }
table.MY td.Article   { background-color: #edf3f3; padding: 10px 2px; width: 71%; vertical-align: text-top }
table.MY td.Author   { background-color: #edf3f3; padding: 10px 4px; width: 29%; vertical-align: top }

table.Manuscript    { font-size: 0.8em; text-align: center; margin: 2px; padding: 10px}
 
 table.Manuscript td     { text-align: center; padding-top: 5px; width: 50%; vertical-align: text-bottom; border-width: medium; border-color: #95a4bd; outline: solid medium #95a4bd}
 
  table.Manuscript img { margin-top: 1px; margin-right: auto; margin-left: auto; top: 4px; float: none }
  
.thumbnail { text-align: center; float: left }