/* default CSS */

body { background: url(../images/website-bg.gif) repeat-x top left #efefef; color:#5c5c5c; font-size: 12px; font-family: Arial; margin: 0; }

h1,h2,h3,h4,p { padding: 5px 0; margin: 0; line-height: 18px; }

h1 { font-size: 18px; color:#ca0000; }

h2 { font-size: 16px; }

h3 { font-size: 14px; }

img { border: none; }

a { text-decoration: none; }

a { color:#ca0000; }
a:hover { color:#767676; }

.red { color:#ca0000;}

.clear { clear:both; }

/* placement */

#website-wrapper { width: 900px; clear:both; overflow: hidden; margin: auto; }

#topbar { width: 900px; height: 31px; background: url(../images/topbar-bg.gif) no-repeat top left; }
	#language { float: right; font-size: 10px;}
	#language ul { display: inline; padding: 0; margin: 0; }
	#language li { list-style: none; padding: 4px 5px; margin: 0; float: left; }
	
#topheader { width: 836px; height: 85px; clear: both; overflow: hidden; padding: 0 32px; }
	#logo { float: left; width: 278px; }
	
#content { width:836px; clear: both; overflow: hidden; padding: 0px 32px 40px 32px; background: url(../images/content-bg.gif) repeat-y 32px 32px;  }
	#content-shadow-left { width: 19px; float: left; }
	#content-shadow-right { width: 19px; float: left;  }
	
#content-website { width: 521px; padding:0 9px; float: left;  }
	#header { width: 521px; clear: both; padding-bottom: 20px; }	
	
#content-news { width: 241px; padding: 0 9px; float: left; color:#fff; }	
	#content-news a { color:#ccc; }
	#content-news a:hover { color:#fff}
	
.updates {  clear: both; overflow: hidden; margin-bottom: 20px; }	
.updates ul { display: inline; padding: 0; margin: 0;  }
.updates li { float: left; padding: 0 5px; margin: 0; list-style: none; }

.update-input { width: 150px; padding: 5px; border: none; background-color: #fff; }
.update-button { width: 50px; padding: 5px; border: none; background-color: #ca0000; color:#fff; cursor: pointer;  }