<!--
/* GLOBAL STYLES FOR BODY CONTENT */
body{
		 font-family: verdana, tahoma, helvetica, "arial", sans-serif;
		 margin-top: 2px; 
		 margin-right: 0px; 
		 margin-bottom: 0px; 
		 margin-left: 0px;
		 scrollbar-face-color: #cccccc;
		 scrollbar-highlight-color: #758393; 
		 scrollbar-3dlight-color: #9DA8B3; 
		 scrollbar-darkshadow-color: #101842; 
		 scrollbar-shadow-color: #253d47; 
		 scrollbar-arrow-color: #4c4c4c;
		 scrollbar-track-color: #ffffff; 
}
/* OVERRIDE <table> defaults - JSM 22/12/04 */
table { font-size: 13px;}
/* HEADINGS <h1> */
h1{
    font-weight: bold;
    font-size: 170%;
    text-align: center;
}
/* HEADINGS <h2> */
h2{
	  font-weight: bold;
          font-size: 140%;
	  color: red;
          text-align: center;
}
.la {text-align: left;}
/* HEADINGS <h3> */
h3{
	  font-weight: bold;
          font-size: 120%;
	  color: blue; 	
}

/* HEADINGS <h4> */
h4{
	  font-weight: bold;
          font-size: 100%;
	  color: #4c4c4c; 	
}

/* Added by JSM - 2005/11/22 */
hr{text-align: center;}
.rs {font-size: 90%}

/* NO BORDERS OR MARGINS ON <img src="" alt=""> IMAGES */
img {border: 0; 
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		margin: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
}



/* STYLES FOR FORM AND INPUT TYPES */

form{ 
    margin: 0px; 
}

a.piclink {
border: solid 2px #ccc;
   width:464px;
display:block;
   height:100px;
margin: 0 auto;
}

input.grey{
	  background-color: #cccccc;
		font-size: 11px;
		border: solid;
		border-width: 1px;
		border-color: black;
	  font-family: verdana, tahoma, helvetica, "arial", sans-serif;
				
}

input.white{
	  background-color: #ffffff;
		font-size: 11px;
		border: solid;
		border-color: black;
	  font-family: verdana, tahoma, helvetica, "arial", sans-serif;
				
}

/* STYLE PROPERTIES FOR HYPERLINKS */
/* normal links */
a:link{ 
				color: #023a67; 
				text-decoration: none; 
				font-weight: bold; 
}

a:visited{ 
				color: #826ba9; 
				text-decoration: none; 
				font-weight: bold; 
}

a:hover{ 
				color: #ff0000; 
				text-decoration: none; 
				font-weight: bold; 
}

a:active{ 
				color:#4c4c4c; 
				text-decoration: none; 
				font-weight: bold; 
}  

/* bold black */
a.bbalck:link{ 
				color: #000000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px; 
}

a.bbalck:visited{ 
				color: #000000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px;  
}

a.bbalck:hover{ 
				color: #ff0000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px;  
}

a.bbalck:active{ 
				color: #000000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px; 
}  

/* bold red */
a.bred:link{ 
				color: #ff0000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px;  
}

a.bred:visited{ 
				color: #ff0000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px;  
}

a.bred:hover{ 
				color: #000000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px;  
}

a.bred:active{ 
				color: #ff0000; 
				text-decoration: none; 
				font-weight: bold;
				font-size: 12px;  
}  
/* Highlight text */
.highlight
{
color: #f1a629;
font-weight: bold;
margin-top: 0; 
margin-bottom: 0; 
text-indent:-2em;
}
/* RENDER BORDERS TO FRAME THE PAGE OR PAGE AREAS   */
/* this is appiled to tables in the document */

.RightLeftborder{
				border-left-color: #666666; 
				border-left-style: solid; 
				border-left-width: 1px; 
				border-right-color: #666666; 
				border-right-style: solid; 
				border-right-width: 1px; 
				padding-right: 0px;
				padding-left: 0px; 
				padding-bottom: 0px;
				padding-top: 0px;
}

.Leftborder{
				border-left-color: #666666; 
				border-left-style: solid; 
				border-left-width: 1px; 
				padding-right: 0px;
				padding-left: 0px; 
				padding-bottom: 0px;
				padding-top: 0px;
}

.Rightborder{ 
			  border-right-color: #666666; 
				border-right-style: solid; 
				border-right-width: 1px; 
				padding-right: 0px;
				padding-left: 0px; 
				padding-bottom: 0px;
				padding-top: 0px;
}

.Bottomborder{ 
				border-bottom: 1px; 
				border-bottom-color: #666666; 
				border-bottom-style: solid;
				padding-right: 0px;
				padding-left: 0px; 
				padding-bottom: 0px;
				padding-top: 0px;
                                font-size: 16px;
}


.footer {
	margin-top: 1px;
	width : 100%;
	border-top-style : solid;
	border-top-width : thin;
	border-bottom-color : Gray;
	font-size: 10;
	padding-top: 2px;
	padding-bottom: 1px;
	/*background-color: #cccccc;*/
}

.search {
	margin-left: auto;
  margin-right: auto;

}

.positionC{
   margin-left: auto;
   margin-right: auto;
}

.positionR{
	vertical-align: top;
	text-align: right;
}

.positionL{
	vertical-align: top;
	text-align: left;
}

.bold{  
    font-family: verdana, tahoma, helvetica, "arial", sans-serif;  
    font-size: 13;
		font-weight: bold;
    color: #4c4c4c; 
}  


/* add padding without using table attributes*/

.centerPage{
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 3px;
}

.sideContent{
				padding-left: 5px;
				padding-right: 2px;
				padding-top: 8px;
}

.content {
	width : 660px;
	font-family: verdana, tahoma, helvetica, arial, "Lucida Sans Unicode", "Arial Unicode MS", sans-serif;
        font-size: 13px;
        padding-right: 8px;
	text-align: left;
	/*background-color: #ffffcc;*/
	color: #000000;
}

/* legacy styles */

th{
	 			font-size: smaller; 
				font-weight: bold;
}

dt{			
				font-weight: bold;
}
.box{
		 		padding: 4px;
      	border-top: solid thin #959595; 
				border-left: solid thin #959595; 
      	border-right: solid #959595; 
				border-bottom: solid #959595;
      	margin-top: 0.5em; 
				margin-bottom: 0.5em;
}
		 
		 
span.hylyt{
				font-weight: bold; 
				background-color: yellow;
}/*check color fits*/


.compact{
				margin-top: 0; 
				margin-bottom: 0
}

.example{
				padding      : 4px;
        border-top   : solid thin;
        border-left  : solid thin;
        border-right : solid;
        border-bottom: solid;
        margin-top   : 0.5em;
        margin-bottom: 0.5em;
        background-color: #EEE;
}

.ss{
				font-family: sans-serif;
}

.ssname{
				color : Red;
}

.center{
			 text-align: center;
}

.IPA{
		 	 font-family : "Lucida Sans Unicode", "Arial Unicode MS", sans-serif;
}

#IPA{
		 	 font-family : "Lucida Sans Unicode", "Arial Unicode MS", sans-serif;
}

/* styles used by JSSS */

.author {
	text-align:center;
}

.bibsec{
			margin-left: 2em;
}  /* apply to a div surrounding bibliography entries */

.bib{ 
		  margin-top: 0; 
			margin-bottom: 0; 
			text-indent:-2em;
} /* apply to p of each bib entry */


.nobrk{
			whitespace: nowrap;
}  /* apply to a span tag to disable word wrap */

.nobr{
			white-space: nowrap;
}  /* apply to a span tag to disable word wrap */

/*  Turn block tags into inline tags - JSM Dec04 */

.inl {display: inline;} /*  Added 22/12/04  */

/*  For newsletters and bulletins */

h4.gi {color: lime; display: inline;} /* Added 17/02/05 */

/* Added 15/10/07 by Robert Gamm for custom styles on media items */
#media {
   margin:0;
   padding:0;
   border:0;
}

#media q:before, #media q:after {
   content: ""; 
}

#media h2 {
   margin-bottom: 0.6em;
   text-align: left;
}

#media p {
   margin-top: 0;
   margin-bottom: 1em;
}

#media p img {
	margin-top:0.6em;
}

.redText {
   color: red;
}

/* Added 22/10/07 by Robert Gamm for custom styles on the member registration form */
#mform fieldset {
   position:relative;
   float:left;
   clear:both;
   padding: 0 0 1em 0;
   margin:0 0 -1em 0;
   width:100%;
   background: #edf1f4;
   border-style:none;
   border-top:solid 2px;
}

#mform .submitFieldset {
   float:none;
   width:auto;
   padding-top: 1.5em;
   padding-left: 12em;
   background-color:white;
}

#mform legend {
   padding: 0;
   font-weight: bold;
   color: #000;
}

#mform legend span {
   position:absolute;
   margin-top:0.5em;
   left: 0.74em;
   top: 0;
   font-size:135%;
}

#mform label {
   float: left;
   width: 10em;
   margin-right:1em;
}

.memberInput {
   float:left;
   margin-right: 1em;
}

#mform .memberLabel {
   width: 70%;
   margin: 0;
}

#mform ol {
   list-style:none;
   margin:0;
   padding:3.5em 1em 0em 1em;
   float:left;
}

#mform li {
   padding-bottom:0em;
   float: left;
   clear: left;
   width: 100%;
   margin-bottom: 1em;
}



#mform .hidi {
   display:none;
}

#mform .visi {
   display:list-item;
}
#conference {
   margin:0;
   padding:5px;
   border:2px solid #ccc;
   background-color: white;
}

#conference p {
   margin:0.2em;
}

ul li p {
   padding:0.5em 1em;
}

@media print {
   #extra, #divMenu {display:none; margin-right: -10000px;}
   
}
-->
