/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
  background: #FFF url(images/back.png) repeat;
  color: #656F57;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
  font-size: 108%;
  letter-spacing: .1em;
  background: transparent;
  color: #FF9C27;
  border-color: #FF9C27;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}



img{border: 0px;}


a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
  border-color: #FF9C27;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: none;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* allow overriding by adding class="disc" */
ul li.disc
{
list-style-type: disc;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{
width: 85%;
background-image:url(images/white.png);
background-repeat: repeat;
color: #6F6757;
}

/* links above the logo / footer */
#links, #footer
{ padding: 10px 21px 0px 19px;
  width: auto;
  height: 30px;
  font-size: 88%;
  text-transform: uppercase;
  background: #555;
  color: #D9E1D1;
 /*  border-color: #83B82E; */
}

#links{text-align: right;}

#footer
{ text-align: center; 
  border-top: 4px solid;
  border-color:#FF9c27;
  width:82.16%;
}

#links a, #footer a{
	text-decoration: none; 
	background: transparent;
    color: #E1DDD1;
}

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#logo
{ width: 100%;
  height: 100px;
  text-align: left;
  border-bottom: 5px solid;
  background: #FFF url(images/logo.png) repeat-x;
  color: #6F6757;
  border-color: #FF9C27;
}

#logo h1
{ margin: 0px;
  padding: 28px 0px 0px 19px;
  font-size: 160%;
  letter-spacing: .2em;
}

#logo h2
{ font-family: arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 19px;
  font-size: 108%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu
{ height: 26px;
  width: 100%;
  background: #FFF url(images/orange_menu.png);
  color: #E1DDD1;
}

#menu ul{margin: 0px auto;} 

#menu li
{ float: left; 
  margin: 0px 5px 0px 0px; 
  padding: 0px;
} 

#menu li a 
{ display: block; 
  float: left; 
  height: 22px;
  text-decoration: none; 
  padding: 7px 19px 1px 19px;
  text-transform: uppercase;
  font-size: 88%;
/*  text-shadow:#000000;  only works in safari */
  color: #FF0000;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover, 
.home #menu .home, .downloadpage #menu .downloadpage, 
.products #menu .products, .about #menu .about, .contact #menu .contact
{ 
  color: #FFFF00;
} 

/* hide some menu items except when viewed from a page in the right category */
/* part 1 : hide them for others */
p.hidepeoplelink, p.hideprojectlink, p.hideproductlink, p.hidecourselink, p.hidescreencastlink {
  display:none;
}

/* part 2 : enable them for some */
.peoplepage p.hidepeoplelink, .projectpage p.hideprojectlink,
.productpage p.hideproductlink, .screencastpage p.hidescreencastlink,
.publications p.hidecourselink
{
  display:block;	
  padding-left: 2em;
}

/* main content */
#content
{ width: 100%;
  height: 100%;
  padding: 0px;
  overflow: hidden;

} 


#content, #column2, .sidebaritem, .rightsidebaritem, .sbihead h1, #column2 a
{ background: transparent;
  color: #6F6757;
  border-color: #6F6757;
}


/* column 1 - contains sidebar items */
#column1
{ width: 20%;
  float: left;
  margin: 0px;
  padding: 0px;
}

#column2
{ text-align: justify;
  width: 58%;
  float: left;
  
}

#column3
{ 
  float: right;
  width:20%;
  padding: 0px 0px 0px 0px;
}

#midcolumn {
width:95%;
margin-left:auto;
margin-right:auto;}

.welcome {
	padding: 0px 0px 10px 10px;
	font-size: 100%;
}
.rightsidebaritem
{ text-align: left;
  background-color:#F3EFE9;
  border-right: thin;
  border-color: #FFFF00;
  margin: 0px;
  padding:0px;
  font-size: 100%;
  height:100%;
}

.sidebaritem
{ text-align: left;
  background-color:#F3EFE9;
  border-right: thin;
  border-color: #FFFF00;
  position: relative;
  margin: 0px;
  padding: 0px;
}

.rsbihead
{ height: 19px;
  padding: 7px 0px 3px 19px;
  text-transform: uppercase;
  background: #CFD5D9;
  color: #6F6757;
  
}

.sbihead
{ height: 19px;
  padding: 7px 0px 3px 19px;
  text-transform: uppercase;
  background: #CFD5D9;
  color: #6F6757;
}

.rsbihead h1
{ padding: 0px; 
  margin: 0px; 
  font-weight: bold;
  color:#6F6757;
}

.sbihead h1
{ padding: 0px; 
  margin: 0px; 
  font-weight: bold;
}

.sbicontent{padding: 14px 8px 24px 19px;}

.rsbicontent{
	padding: 14px 0px 24px 5px;
	height:100%;
}

.rsbicontent p
{ line-height: 14px; 
  padding: 0px 0px 8px 15px;
}

.sbicontent p
{ line-height: 14px; 
  padding: 0px 0px 8px 0px;
}

/* hack for IE - fixes unclickable links in the menu */
.sbicontent a {
  position:relative;
  z-index:1; 
}

.sbilinks{padding: 8px 0px 0px 19px;}

.sbilinks ul{margin: 0px auto;} 

.sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;

  border: 0px;
} 

.sbilinks li a, .sidebaritem a, .rightsidebaritem a
{ background: #F3EFE9 url(images/arrow.png) no-repeat left center;
  color: #6F6757;
}
.sidebaritem a, .sidebaritem a:hover, .rightsidebaritem a, .rightsidebaritem a:hover
{ padding: 0px 0px 2px 19px;
  text-decoration: none;
}

.sbilinks li a:hover, .sidebaritem a:hover, .rightsidebaritem a:hover
{ background: #F3EFE9 url(images/orange_arrow.png) no-repeat left center;
  color: #FF9C27;
} 

/* column 2 - page content */


#column2 h1
{ font-family: arial, sans-serif;
  padding: 6px 0px 3px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
  background: transparent;
  color: #FF9C27;
  border-color: #FF9C27;
}

#column2 a, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
  border-bottom: 1px dashed;
}

#column2 a:hover{
	border-bottom: 1px solid;
	background: #FFF;
  	color: #FF9C27;
  	border-color: #FF9C27;
 }

/* additional colour scheme selections */
#colour{margin: 0px 0px 20px 0px;}

#colour a, #colour a:hover{border: 0px;}

.blue
{ background: #FFFFFF url(blue.png) no-repeat left center;
  color: #109CEF;
  padding: 0px 40px 0px 20px;
}

.green
{ background: #FFFFFF url(green.png) no-repeat left center;
  color: #94C65A;
  padding: 0px 40px 0px 20px;
}

.purple
{ background: #FFFFFF url(purple.png) no-repeat left center;
  color: #CE5AEF;
  padding: 0px 40px 0px 20px;
}

.orange
{ background: #FFFFFF url(orange.png) no-repeat left center;
  color: #FF9C21;
  padding: 0px 40px 0px 20px;
}

.news {
border-style: solid;
border-bottom:thin;
border-top:thin;
border-left:thin;
border-right:thin;
border-color:#FF9C27;
background-color: #F3EFE9;
color:#000000;
text-align:justify;
padding: 15px 15px 15px 15px;
margin-top:30px;
letter-spacing:.1em;
visibility:hidden;
}

.newshead {
font-family: arial, sans-serif;
  padding: 6px 0px 3px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  border-bottom-color:#FF6600;
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
  background: transparent;
  color: #FF6600;}
  
.news li{
list-style:armenian;
list-style-type: disc;
text-align:left;
text-transform:lowercase;
color:#000000;
text-decoration:none;}


.img1 {
float:right;
margin: 25px 10px 0px 20px;}

/************** people ***************/

.people{
/*	padding: 0px 0px 10px 10px; */
	font-size: 10px;
	border-style:solid;
	border-width:0px;
	border-color: #CCCCCC;
	width:33%;
	float:left;
	margin:0 0 0 0; 
}

.people h3{
	padding: 30px 0px 0px 0px;
	margin:10px 0px 0 0;
	text-align: left;
	font-weight:bold;
	font-size:12px;
}

.people img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 10px 5px 0px 0px;
	display:block;
}

.intro {
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
font-size:12px;}
/* end people style */


/* products style */

.product {
/*	border-bottom:solid;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom:#CC6600; */
	margin:auto;
	margin-bottom:40px;
	position:relative;
	width:49%;
	float:left;
	height:180px;
}

.prtitle{
  font-family: arial, sans-serif;
  font-size: 110%;
  letter-spacing: .1em;
  background: transparent;
  color: #FF9C27;
  border-color: #FF9C27;
  padding-left:2px;
  visibility:hidden;
}

.prdetail {
padding:10px 5px 15px 15px;
text-align:left;
line-height: 2em;
}

.product img{
clear:left;
float:left;
margin-right:8px;}
/* end of products style */

/* documentation style */
.doc {
	float:left;
	width:49%;
	height:130px;
	border: dotted;
	border-width:1px;
	margin:1px;
}

.doctitle {
  font-family: arial, sans-serif;
  font-size: 110%;
  letter-spacing: .1em;
  background: transparent;
  color: #FF9C27;
  padding-left:2px;
  width:100%;
  margin: 5px 0px 5px 5px;
  font-weight:bold;
}

.doc li a{
background:url(images/doc-ind.gif) no-repeat left;
border:none;
padding-left:20px;
}

.doc li a:hover {
background:url(images/doc-ind.gif) no-repeat left;
padding-left:20px;
border:none;
}
/* end of documentation style */

/* webstart style */

.wsa {
	
}

.wsa h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:0.001em;
	color:#FF9C27;
	font-weight:normal;
	background:url(images/wbst.jpg) no-repeat left;
	padding-left:20px;
	
}
.wsa img {

}

.wsa li a{
  background: url(images/arrow.png) no-repeat left center;
  color: #6F6757;
  border:none;
  padding-left:20px;
  margin-left:10px;
}

.wsa li a:hover {
	background: url(images/orange_arrow.png) no-repeat left center;
  	color: #6F6757;
	  border:none;
 	 padding-left:20px;
	  margin-left:10px;
 }
 
.wsa li {
	border:none;
}
/* end of webstart style*/

/* project style */
.project {
	float:left;
	width:49%;
	height:190px;
	border: dotted;
	border-width:1px;
	margin:1px;
}

.projectblank {
	float:left;
	width:49%;
	height:240px;
	border: dotted;
	border-width:0px;
	margin:1px;
}

.ptitle {
  font-family: arial, sans-serif;
  font-size: 110%;
  letter-spacing: .1em;
  background: transparent;
  color: #6f6757;
  background-color:#FFAF4E;
  height:20px;
  width:100%;
  padding:2px 0px 0px 0px;
  text-align:center;
  margin:0 0 0 0;
  font-weight:bold;
  background:url(images/pr-bk1.jpg);
  background-color:#FFAF4E;
}

.project li a{
background:url(images/arrow.png) no-repeat left;
border:none;
padding-left:20px;
}

.project li a:hover {
background:url(images/orange_arrow.png) no-repeat left;
padding-left:20px;
border:none;
}

.pintro {
padding:5px;
}

.prodintro {
	height:195px;
	padding:5px;
	padding-top:15px;
}

.prodintro img{
	margin-top:2px;
}

.pintroleft{
	width:25%;
	float:left;
}

.pintroright{
	width:70%;
	float:left;
}

.finished{
height:50px;
border:solid;
padding:10px;}


/* end of projects style */



/* new projects style */

.p1 {
	width:100%;
	border: solid;
	border-width:1px;
	margin:10px 0px 10px 0px;
}

.p1title {
  font-family: arial, sans-serif;
  font-size: 120%;
  letter-spacing: .1em;
  background: transparent;
  color: #6f6757;
  height:20px;
  width:100%;
  padding:2px 0px 0px 0px;
  text-align: left;
  margin:0 0 0 0;
  font-weight:bold;
  background:url(images/pr-bk1.jpg);
  background-color:#FFAF4E;
}

.p1 a, a:hover {

border-bottom:none;}

#projects{
margin:0px;}

#projects li a{
background:url(images/arrow.png) no-repeat left;
border:none;
padding-left:20px;
}

#projects li a:hover{
background:url(images/orange_arrow.png) no-repeat left;
padding-left:20px;
border:none;
}


.pintro {
padding:5px;
}

.p1 li a{
background:url(images/arrow.png) no-repeat left;
border:none;
padding-left:20px;
}

.p1 li a:hover {
background:url(images/orange_arrow.png) no-repeat left;
padding-left:20px;
border:none;
}

.p1blank {
	width:98%;
	height:20px;

	margin:1px;
}

/* end of new projects style */

/* project menu */


#projectmenu {
	margin:0px 0px 20px 20px;
	padding:0px 0px 0px 5px;
	border-left-color: #FF9C21;
	border-left-style: solid;
	border-left-width: thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#FF9C21;
	width:96%;
	word-spacing:5px;
	height:15px;
}

#projectmenu a, a:hover{
border:none;

}

#projectmenu a:hover{
 border:none;

}
/* end of project menu */

#code,.code {
border-style:dashed;
border-width:thin;
padding:10px 10px 10px 20px;
background-color:#CCFF00;
font-size:12px;
color:#000000;
}


.download {
  width:100%;
  height:50px;
  border:solid;
  border-width:1px;
  border-color:#FF9c21;
  margin:1px;
  margin-bottom:15px;
  padding-bottom:10px;
}


.download a{
	text-decoration:none;
}

th {
  padding-left:15px;
}

td{
  padding-left:15px;
}

#downloadsec {
}

#downloadsec a{
border-bottom:none;
}

#downloadsec a:hover{
border-bottom:none;
}

.ctitle {
  font-family: arial, sans-serif;
  font-size: 120%;
  letter-spacing: .1em;
  background: transparent;
  color: #6f6757;
  height:20px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;
  text-align: left;
  margin:0 0 0 0;
  font-weight:bold;
  background:#FF9C27;
}

.pr_content{
}

.pr_content img{margin-top:10px;
margin-left:20px;}

.pr_content a,a:hover{
	text-decoration:none;
}