/* PAGE BORDER START */
#liquid-round {
/* width: 740px; 
width: 920px;
max-width: 920px;*/
margin: 0px auto;
background: #fff url(/images/leftside.gif) repeat-y left top;

position:relative;
clear:both;
z-index:1;
}
.top {
width: 100%;
height: 20px;
background: url(/images/top.gif) no-repeat left top;
}
.top span {
display: block;
position: relative;
height: 20px;
background: url(/images/top-right.gif) no-repeat right top;
}
.center-content {
position: relative;
background: url(/images/rightside.gif) repeat-y right top;
padding: 1px 20px 1px 10px;
/*padding: 1px 50px 1px 50px;*/
/*margin: -1px 0 -50px 0;*/
}
.bottom {
width: 100%;
height: 60px;
background: url(/images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display: block;
position: relative;
height: 60px;
background: url(/images/bottom-right.gif) no-repeat right top;
}
/* PAGE BORDER END */

/* GENERAL START */
body {
background-color:#EFF2F3;
}

p, div {
font-family: Helvetica, Arial, sans-serif;
line-height:130%
}

h1 {
font-size:1.4em;
text-align:center;
background-color:#EFF2F3;
padding:0.5%;
outline-color:#dcdce9;
outline-style:inset;
outline-width:thin;
/*margin-left:25%;
margin-right:25%;*/
margin-bottom:40px;
}

h2 {
font-size:1.2em;
padding-top:1em;
}

.small {font-size:0.8em;}

a {
color: black;
text-decoration:underline;
}

a:hover, a:active, a:focus {background-color:#EFF2F3;} /*#4E8A9E*/

li {
display: inline;
list-style-type: none;
line-height: 230%;
}

th {text-align: center;}
/* GENERAL END */


#header {
display: block;
text-align: left;
margin-bottom: 6em;
}

#header a:hover {
text-decoration: none;
background-color: #FFFFFF;
}

#header span {
float: right;
font-size: 1.1em;
}

#footer {
margin: 10px;
text-align: center;
}

#footer span {
font-size: 1.2em;
font-weight: normal;
}

#maincontent {
clear:both;
padding-top: 20px;
padding-bottom: 50px;
}

/* NAVIGATION START */
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li
{
font-size: 0.9em;
float: left;
padding:0.15em;
margin: 0 0.15em;
}
#nav-menu li a
{
background: url(/images/nav-background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
/*float: center;*/
width: 8em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}
#nav-menu li a:hover, #nav-menu li a:active, #nav-menu li a:focus
{
text-decoration: underline;
background:none;
}
#nav-menu li a:active
{
text-decoration: underline;
background:none;
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
/*float: none;*/
}
/* End hide */
#nav-menu
{
display: block;
clear: both;
margin-left: auto;
margin-right: auto;
width: 100%;
}

#home .home, #usability .usability, #webapps .webapps, #resources .resources, #contactus .contactus
{
commands for highlighted navigation go here
}
/* NAVIGATION END */

/* SIDEBOX START */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
/*
	margin: 0 auto; 
	width: 17em; 
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
*/
}
.boxhead {
/*
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
*/
}
.boxhead h2 {
/*
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
*/
}
.boxbody {
/*
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
*/
}
/* SIDEBOX END */

/* FORMS START */
form li {line-height:130%;}

form li label {
/*float: none;*/
text-align: left;
display: block;
}

.button {
color:#000;
background:#EFF2F3;
border:1px solid;
border-color:#A7A9AA #000 #000 #A7A9AA;
font-weight:bold;
text-align:left;
display:block;
}
/* FORMS END */

/* TWO COLUMNS START */
#columncontainer {
height: 100%;
width:100%;
overflow: auto;
}
#column1of2 {
/*width: 49%;
float: left;*/
}
#column2of2 {
/*width: 49%;
float: right;*/
}
/* TWO COLUMNS END */

/* THREE COLUMNS START */
#columncontainer {
height: 100%;
}
#column1of3 {
/*width: 33%;
float: left;*/
}
#column2of3 {
/*width: 33%;
float: left;*/
}
#column3of3 {
/*width: 33%;
float: left;*/
}
/* THREE COLUMNS END */