html {
 height: 100%; margin-bottom: 1px; 
}

body {
margin: 0px;
padding: 0px;
margin-top: 0px;
padding-top: 0px;
font-family: georgia, "times new roman", times, serif;
background-color: #EFECCA;
font-size: 80%;
color: #111;
}

img {
border: 0px;
}

iframe {
display: block;
margin: 0 auto;
}

fieldset {
border: none;
margin:0;
padding:0;
}

fieldset.paypalfieldset  {
border: 0px;
height: 30px;
margin-top: 5px;
}

div.container {
position: relative;
margin: 0 auto;
width: 900px;
}

div.article {
  background:  url("http://www.slanguages.net/img/topleft_corner.gif") top left no-repeat;
  float:left;
  }

div.articlelong {
  background:  url("http://www.slanguages.net/img/topleft_cornerlong.gif") top left no-repeat;
  float:left;
  }

div.articlexlong {
  background:  url("http://www.slanguages.net/img/topleft_cornerxlong.gif") top left no-repeat;
  float:left;
  }
  
div.articlexxlong {
  background:  url("http://www.slanguages.net/img/topleft_cornerxxlong.gif") top left no-repeat;
  float:left;
  }
  
div.articlexxxlong {
  background:  url("http://www.slanguages.net/img/topleft_cornerxxxlong.gif") top left no-repeat;
  float:left;
  }
  
div.article h1,div.articlelong h1,div.articlexlong h1,div.articlexxlong h1,div.articlexxxlong h1, #home div.articlelong h2, #index div.articlelong h2 {
  background: 
  url("http://www.slanguages.net/img/topright_corner.gif")
  top right no-repeat;
  padding:15px;
  margin:0;
  position:relative;
  right:-14px;
  padding-left:0;
  text-align: center;
/* Compensation for the 
repositioned box */
  }

div.articlebody {
  background:
  url("http://www.slanguages.net/img/right_corner.gif")
  top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:15px;
  position:relative;
  right:-14px;
  padding-left:0;
  z-index:99;
  }

div.articlefooter {
  background:
  url("http://www.slanguages.net/img/bottomleft_corner.gif")
  bottom left no-repeat;
  position:relative;
  top:12px;
  }
	
div.articlefooter p {
  position: relative;
  background:
  url("http://www.slanguages.net/img/bottomright_corner.gif")
  bottom right no-repeat;
  padding:15px;
  display:block;
  margin:-2em 0 0 0;
  right:-14px;
  padding-left:0;
  padding-bottom: 20px;
  height: 35px;
  }

div.oneofone {
width:884px;
margin-bottom:20px;
}

div.top{
height:380px;
}
div.middle{
height:400px;
}
div.middlelower {
height:50px;
}
div.lower{
height:250px;
}
div.oneoftwo1 {
clear:both;
width:432px;
margin-right:20px;
margin-bottom:20px;
}
div.oneoftwo2 {
width:432px;
margin-bottom:20px;
}

div.oneofthree1 {
clear:both;
width:282px;
margin-right:20px;
margin-bottom:20px;
}
div.oneofthree2 {
width:282px;
margin-right:20px;
margin-bottom:20px;

}
div.oneofthree3 {
width:282px;
margin-bottom:20px;
}
div.title {
margin-top: 15px;
margin-bottom: 15px;
margin-left:100px;
width:691px;
height:99px;
}

div.menu {
float: left;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
width: 900px;
height: 35px;
padding: 5px;
background: url("http://www.slanguages.net/img/menubar.gif") no-repeat;
}

div.footer {
font-family:verdana,arial,san-serif;
clear: both;
float: left;
width: 900px;
height: 35px;
padding: 5px;
background: url("http://www.slanguages.net/img/footerbar.gif") no-repeat;
text-align: right;
}

h1 {
font-family:verdana,arial,sans-serif;
text-align: center;
color: #006;
font-size: 1.8em;
margin-top:2em;
margin-bottom:0.5em;
}

h2 {
clear:both;
font-family:verdana,arial,sans-serif;
text-align: left;
padding-left: 0px;
color: #006;
font-size: 1.3em;
margin-top:2em;
margin-bottom:0.5em;
}


h3 {
font-family:verdana,arial,sans-serif;
font-size: 1.1em;
color: #000;
margin-top:1em;
margin-bottom:0.5em;
}

ul {
margin-left: 15px; padding-left: 0;
}
div.press ul{
list-style:none;
margin-bottom:35px;
}

dl {
margin-left: 35px;
}

dt {
font-weight: bold;
margin-top: 10px;
}

legend {
color: #023C7B;
}

em {
font-style:italic;
}

div.oneoftwomedia {
margin-left:20px;
margin-top:20px;
margin-bottom:40px;
float:left;
width:405px;
}

.press {
float:left;
width:280px;
}

div.blidget {
float:left;
width:400px;
margin-left:20px;
margin-bottom:20px;
}

div.leftSlide {
width:425px;
height:410px;
float:left;
clear:both;
margin-left:5px;
margin-bottom:20px;
}
div.rightSlide {
width:425px;
height:410px;
float:left;
margin-left:12px;
margin-bottom:20px;
}

.warn   { color: rgb(120,0,0); background-color: transparent; margin-left:15px; text-align: left; font-size: 0.9em; }

.error  { color: red; background-color: transparent; margin-left:15px; font-weight: bold; text-align: left; font-size: 0.9em; }

span.required {
 margin-left:15px;
 font-size: 0.9em;
}

.emphasis {
font-weight: bolder;
text-align: center;
color: #006;
}

.center {
text-align: center;
}
img.center {
margin-top:25px;
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
}
.copyright {
position:absolute;
left:360px;
}
.addthis {
position:absolute;
left:750px;
}

.designer {
text-align:center;
margin-top:30px;
padding-bottom:10px;
}
img.inline {
margin-bottom: 30px;
}

form {
display:inline;
margin:0;
padding:0;
}

label
{
width: 450px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit {
margin-top: 15px;
margin-left: 450px;
background-color: #006;
color: #fff;
font-weight: bold;
border-top: 1px solid #009;
border-left: 1px solid #009;
border-bottom: 1px solid #003;
border-right: 1px solid #003;
}

input, select, textarea
{
color: black;
border: 1px solid #006;
}

.designer a {
color:#333;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	padding:3px;
  text-decoration: none;
  font-weight: bold;
  margin-left:0;
}

#nav li ul a { /* second-level list links width to stop strange overlap problem */
width:92px;
}

#nav li { /* all list items */
	float: left;
	width: 105px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: url("http://www.slanguages.net/img/menubackground.gif") bottom left no-repeat;
	width: 105px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-bottom:3px;
	padding-left:3px;
	font-size:0.9em;
	z-index:9999;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.hover { /* fixes IE7 stickiness bug */
    position:static;
    }

#nav a.daddy { /* top menu item */
  padding-left:0;
  padding-bottom:8px;
  margin-left:0;
  text-align:center;
}

#nav { /* menu block */
  padding-top:3px;
  margin-left:2px;
}

li#languagemenu {
padding-left:25px;
}

.menu a:hover {
text-decoration: none;
}

.footer a,.footer a:hover  {
text-decoration: none;
font-weight:bold
}

a 			{color:#006;	text-decoration:underline;}
a:active 	{color:#FFB600;	text-decoration:underline;}
a:hover 	{color:#E11B10;text-decoration:underline;}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/img/icon_pdf.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding-right: 18px;
  background: transparent url(/img/icon_mailto.gif) no-repeat center right;
}