/* CSS Document */

body { background:#fff; margin:15px 9px; padding:0; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#2c136f; }
#container { width:765px; border:1px solid #2c136f; text-align:center; margin:0 auto; } 

/* GENERAL STYLES */
table { text-align:left; }
form { margin:0; padding:0; }
h1 { margin:0 0 12px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:2.2em; color:#7c73aa }
h2 { margin:5px 0 10px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:1.1em; color:#6f0076; text-transform:uppercase; }
h3 { margin:5px 0 10px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:1em; color:#6f0076; text-transform:uppercase; }
p { margin:5px 0 10px 0; padding:0; font-size:0.9em; line-height:1.4em; }
a { color:#cc0073; }
hr { display:none; }
ul.firstcol { width:120px; background:#ccc; float:left; padding:10px; margin:15px; }
ul.secondcol { width:120px; background:#6f0076; padding:10px; margin:15px; }

.twocols ul { width: 19em; }
.twocols ul li { float: left; width: 9em; }
br { clear: left; }
div.twocols { margin-bottom: 1em; }

/* ENQUIRY FORMS */
#form { margin:0; }
#form form { margin:0; padding:0 0 2px 0; }
#form div { margin:2px 0px 1px 10em; }
#form label { display:block; width:10em; float:left; margin:2px 0px 1px 0px; font-weight:bold; }
#form div { color:#cc0073; }
#form div input { margin-bottom:3px; background:#f2f0f9; border:1px solid #C7BDD2; width:180px; font-size:1em; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#form div select { margin-bottom:3px; background:#f2f0f9; border:1px solid #C7BDD2; width:180px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#form div textarea { margin-bottom:3px; background:#f2f0f9; border:1px solid #C7BDD2; width:220px; font-size:1em; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#form div.form-button input { background:#cc0073; border:1px solid #cc0073; cursor:pointer; padding:2px auto; width:auto; margin:0.5em 0 0 0; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; }

/* HEADER */
#header { vertical-align:top; padding:5px 5px 5px 0; height:170px; }
#header h1 { float:left; padding:0; margin:0 }
#header img { float:left; }
#header object { float:left; }
#searchbox { margin-left:1px; background:#cc0073; height:19px; padding:13px 10px; float:left; width:179px; }
#searchbox input { border-top:1px solid #434343; border-left:1px solid #434343; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; 
 font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#cc0073; width:150px; }
#searchbox input.searchbutton { border:0; width:auto; }

/* LEFT COLUMN */
#leftcol { margin:0; padding:0; background:#dbd6e5; border-right:1px solid #fff; width:151px; font-size:0.9em; vertical-align:top; }
#leftcol img { border:5px solid #fff; margin:0 15px 0 15px; }
#leftcol p { color:#4d4684; margin:10px; padding:0; line-height:1.7em; font-size:1em }
/* navigation */
#leftcol ul { margin:16px 0 0 0; padding:0; position:relative; }
#leftcol ul li { margin:0; padding:0 0 1px 0; list-style:none; background:#cc0073; }
#leftcol ul li a { display:block; padding:2px 5px 6px 27px; color:#fff; font-weight:bold; text-decoration:none; background:url(images/nav-off.gif) no-repeat 3px 3px; }
#leftcol ul li a:hover { color:#ff9cdf; background:url(images/nav-hover.gif) no-repeat 3px 3px; }
#leftcol ul li#first { border-top:1px solid #fff; padding-top:2px; }
#leftcol ul li#last { border-bottom:1px solid #fff; padding-bottom:2px; }
#leftcol ul li.on { padding:0; background:#2c136f; border-bottom:1px solid #fff; border-top:1px solid #fff; }
#leftcol ul li.on a { padding:5px 5px 4px 27px; color:#d5cee8; background:url(images/nav-on.gif) no-repeat 3px 2px; }
#leftcol ul li.on a:hover { text-decoration:none; color:#fff; background:url(images/nav-on.gif) no-repeat 3px 2px;  }
#leftcol ul li.on ul { margin:0; }
#leftcol ul li.on ul li { background:#2c136f; }
#leftcol ul li.on ul li a { padding:0px 5px 4px 27px; color:#ffbdc8; background:url(images/nav-arrow.gif) no-repeat 15px 2px; }
#leftcol ul li.on ul li a:hover { text-decoration:none; color:#fff; background:url(images/nav-arrow.gif) no-repeat 15px 2px; }

/* RIGHT COLUMN */
#rightcol { background:#a29ab1; width:204px; vertical-align:top; }
#rightcontent { width:184px; padding:10px 10px 3px 10px; }
#rightcontent h1 { width:164px; background:#2c136f; text-transform:uppercase; font-size:1em; padding:6px 10px; position:relative; margin:0; }
#rightcontent h1 a { color:#fff; font-weight:bold; text-decoration:none }
#rightcontent h1 a:hover { text-decoration:underline; }
#rightcontent h1 img { position:absolute; right:5px; top:4px; }
#rightcontent div { background:#fff; margin:6px 0 8px 0; padding-bottom:7px; }
#rightcontent div img { border:1px solid #564c93; }
#rightcontent p { margin:8px 8px 0 8px; padding:0; font-size:0.9em; }
#rightcontent p strong { display:block; margin:0 0 3px 0; }
#rightcontent p strong a { display:inline; color:#2c136f; text-decoration:none; margin:0; padding:0; }
#rightcontent p strong a:hover { text-decoration:underline; }
#rightcontent p a { display:block; color:#cc0073; text-decoration:none; margin:0; padding:10px 0 0 0; font-weight:bold; }
#rightcontent p a:hover { text-decoration:underline; }
#rightcontent p img { border:0; float:right; margin:-4px 0 0 0; padding:0; }

/* MAIN COLUMN */
#maincol { background:#fff; vertical-align:top; }
#maincontent { padding:15px 15px 0 15px; vertical-align:top; }
#partners { border-top:1px solid #aca2c9; padding-top:7px; margin-top:11px; }
#partners img { border-right:1px solid #aca2c9; padding:0 7px 0 4px; }
#partners img.last { border-right:0;}
#team { border-top:1px solid #aca2c9; padding-top:7px; margin-top:15px; }
#teampic { float:right; width:97px; margin:-20px 0 10px 10px; font-size:0.9em; text-align:center; }
#teampic img { margin-bottom:5px; }
#project img { float:right; margin:0 -5px 0 0; border:1px solid #a59fc5; }
#project h3 { border:1px solid #a59fc5; text-transform:uppercase; font-size:1em; padding:4px 10px ; margin:0; }
#project h3 a { color:#cc0073; font-weight:bold; text-decoration:none }
#project h3 a:hover { text-decoration:underline; color:#cc0073 }
#project ul { margin:10px 10px 20px 10px; padding:0; list-style:none; }
#partner img { float:left;  padding:0px; border:1px solid #a59fc5; }
#partner h3 { text-transform:uppercase; font-size:1em; padding:0px 0px ; margin:0; }
#partner h3 { clear:left; }

/* SEARCH */
#search ul { margin:0; padding:5px 0; }
#search ul li {list-style:none; border-bottom:1px solid #b4bbc7; padding-bottom:10px;  }
#search ul li h3 { text-transform:none; }

/* FOOTER */
#footer { background:url(images/footer-bg.gif) repeat-y right top #dbd6e5; border-top:1px solid #fff; padding:10px; font-size:0.9em; }
#footer p { float:left; width:145px; margin:0; padding:0;  }
#footer ul { margin:0; padding:0; list-style:none; float:left; width:420px; }
#footer ul li { margin:0; padding:0 10px; float:left; border-right:1px solid #4c408b; }
#footer ul li.last { border-right:0; }
#footer ul li a { color:#cc0073; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }
#footer a { color:#f5f3f9; font-weight:bold; }
#footer p#credit { width:170px; color:#f5f3f9; text-align:left; }

/* Development images */
#developimages { width:580px }