body {
 text-align: center;
 background: #2260AD url(../img/background.jpg) repeat-x;
 font-family: Verdana,Arial;
 font-weight: normal;
 font-size: 0.7em;
 color: #647FB6; 
 margin-top: 5px;
}

img {
 border: 0px;
}

a:link, a:visited, a:hover {
 color: #647FB6; 
 font-family: Verdana,Arial;
 font-weight: normal;
 font-size: 1em;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

/*
 * Much used attributes
 */
div.newsItem {
}

div.newsItem .spanleft{	
	float: left;
}

div.newsItem .spanright{
	float: right;
}

div.newsItem .link {
	font-size: 0.9em;
	text-align: right;
}


/* Colored boxes on homepage */

.toolsBox {
 width: 250px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0;
 border: 0;
}

.toolsBox img {
 margin: 0;
 padding: 0;
}

.toolsBoxContent {
 margin: 0;
 margin-top: -3px;
 padding: 0;
 width: 248px;
 border: 1px solid #C35E22;
 color: #333;
 font-weight: bold;
}

/* Form layout */

div.row {
 clear: both;
 padding-top: 0px;
}

div.row span.label {
 float: left;
 width: 100px;
 text-align: right;
 padding-right: 5px;
}

div.row span.formw {
 float: right;
 width: 335px;
 text-align: left;
 padding-left: 5px;
} 

/* accordion */ 

.toggler {
 margin: 5px;
 padding: 3px;
 cursor: pointer;
}

.element {
 margin: 0px;
 margin-top: 5px;
 padding: 1px;
 font-size: 1em;
 font-weight: normal;
 overflow: scroll;
}

/* CSS Update 01/2009 */

td {
 border: 1px solid #ccc;
}

#container {
 width: 900px;
 background: #FFFFFF;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 /*border: 1px solid #666666;*/
}

#header{
 top: 0px;
 left: 0px;
 width: 100%;
 height: 150px;
}

#content{
 margin: 10px;
}

#contentleft{
 float: left;
 width: 600px;
}

#contentRight {
 float: right;
 width: 270px;
 height: 100%;
 text-align: center;
}

#footer {
 text-align: center;
 font-size: 0.9em;
 color: #666666;
 height: 55px;
 margin-bottom: -20px;
}

div.picturePreviewPane {
 float: left;
 width: 300px;
 height: 100%;
 margin: 0;
 padding: 0px;
 text-align: left;
}

div.picturePreviewPane img {
 padding: 10px;
}

#navMenu {
 position: relative;
 display: block;
 height: 30px;
 background: url(../img/general/backgroundMenu.jpg) repeat-x!important;
 border-left: 1px solid #666666;
 border-right: 1px solid #666666;
 text-align: center;
 font-size: 1.2em;
}

#navMenu ul {
 margin: 0;
 padding: 0;
}

#navMenu li {
 display: block;
 float: left;
 height: 30px;
 text-align: center;
 margin: 0;
 padding: 0;
 padding-top: 5px;
 padding-left: 15px;
 padding-right: 15px;
}

#navMenu li.piped {
 background: url(../img/general/navigationPipe.gif) right 0.45em no-repeat!important;
}

#navMenu a {
 color: #3b3b3b;
 color: #fff;
 text-decoration: none;
}

#navMenu a:hover {
 color: #B31C2B;
}

#navMenu .active a {
 color: #3b3b3b;
}

#navMenu .active a:hover {
 color: #666;
}

ul,ol { list-style-position: inside; }

h1 { font-size: 1.4em; }

h2 { font-size: 1.1em; }

h3 { 
 color: #133662;
 font-size: 1em; 
}

hr { 
 border: none 0; 
 border-top: 1px solid #ccc;/*the border*/
 width: 95%;
 height: 1px; 
}

div.clr { clear: both; }

#content table.full {
 width: 400px;
 border-width: 0px;
 border-spacing: 0px;
 border-style: outset;
 border-color: #666;
 border-collapse: collapse;
 background-color: #fff;
 margin-top: 10px;
 margin-bottom: 10px;
} 


#content table.full th{
 background-color: #ccc;
} 

div.speakingPane{
 float: left;
 width: 170px;
 height: 100%;
 text-align: left;
}

div.referencePane {
 float: right;
 width: 700px;
 height: 100%;
 text-align: left;
}