body{ margin:0px; padding:0px; background-color:#000; 0px 0px repeat-x; font-family:"Trebuchet MS"; font-size:14px; color:#FF0;}
.main{ background-color:#000; clear:both;; padding-bottom: 50px; overflow:hidden;}
.wrapper{ clear:both; width:1003px; margin:auto; background-color:#000;}
h1, h2, h3, h4, h5{ font-family:Tahoma; margin:0px; padding:0px; font-weight:normal; background-color:#000;}
img{ border:none}
p{ margin:0px; padding:0px; }
/*h1{ font-size:36px; color:#d9a51d;}*/
h1{ font-size:36px; color:#FF0; background-color:#000}
h2{
	margin:22px 0 12px 0 ;
	padding-bottom:4px;
	font-size:24px;
	color:#FF0;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
h3{ font-size:24px; color:#FF0; padding:5px 0px 5px 0px; font-family:"Trebuchet MS"}
h4{ font-size:18px; color:#FF0; padding:5px 5px 5px 5px; font-family:"Trebuchet MS"}

a, a:link, a:active, a:visited{ text-decoration:none; color:#0Cf}
.colleft a:hover, .colleft a:focus{background-color: #FF9;}
ul{margin:0px; padding:0px;}
ul li{margin:0px; padding:0px; list-style-type:none}
dl dt {
	font-size:16px;
	color:#FC0;
	padding:3px 0px 3px 0px;
	font-family:"Trebuchet MS";
	font-weight: bold;
}
dl dd { margin:0; padding-bottom:12px; }
.visit-site {display:block}
.floatright   { float:right; margin: 12px 0 1.5em 26px; }

/* SKIP NAVIGATION 
---------------------------------------------------------------------------*/
span#skip {
	position:relative;
	left:10px;
	top:10px;
	font-size:90%;
	} 
span#skip a	{
	color:#fff;
	padding: 4px;
	} 
span#skip a:hover, span#skip a:active, span#skip a:focus {
	color:#369;
	background-color:#FF6;
	} 

/* QUICK LINK Nav Bar
---------------------------------------------------------------------------*/
.colleft #quick-nav ul, #content .quick-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

.colleft #quick-nav li, #content .quick-nav li {
	display: inline;
	margin: 0;
	background-image:none;
	}
.colleft #quick-nav li {
	padding: 0 0.5em 0 0.4em;
	margin: 0 0.5em 0 -0.9em;
}

.colleft #quick-nav li:before, #content .quick-nav li:before { content: "| "; }
.colleft #quick-nav li:first-child:before, #content .quick-nav li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .colleft #quick-nav li {
	border-left: 1px solid black;
	padding: 0 0.8em 0 0.4em;
	margin: 0 0.8em 0 -0.4em;
	}

/*Win IE browsers - hide from Mac IE\*/
* html #quick-nav { height: 1%; }

* html #quick-nav li {
display: block;
float: left;
	}


/* BACK TO TOP source: http://www.cs.tut.fi/~jkorpela/www/totop.html 
---------------------------------------------------------------------------*/
.toplink {
	display:block;
	font-size: .9em;
	float: right;
	border:none;
	background-image: url(../images/up.gif);
	background-repeat: no-repeat;
	padding-right: 40px;
	background-position: 75px 3px;
	}

form{ margin:0px; padding:0px;}
fieldset{ margin:0px; padding:0px; border:none;}
input, textarea{ font-family:"Trebuchet MS"; font-size:15px; color:#666666; border:#e6e6e6 solid 1px; border-left:2px #e6e6e6 solid; border-top:2px #e6e6e6 solid; padding:4px; margin:2px}
label{float:left; color:#FFF; width:166px;}
input.checkbox { vertical-align:middle;  margin-top:0px; padding:0px; border:none}
.button{ margin:0px 32px 0 0; padding:3px 5px 3px 5px; background:url(../images/button.gif) left bottom repeat-x; border:#cbcbcb solid 1px; overflow:visible; font-family:Tahoma; font-size:11px; color:4d4d4d; font-weight:bold; cursor:pointer; float:right;}
.fleft{ float:left}
.head{ clear:both; height:92px; padding:20px 0px 0px 10px}
.header{ background:url(../images/header-index.jpg) right bottom no-repeat; height:278px; width:100%; clear:both;}
.header h1{	font-size:24px;	color:#FF0;	padding:24px 0px 5px 20px;	clear:both;	background-color:#000;	width:665px;}
.header h2{ color:#FF0; font-size:15px; padding:0 0px 10px 22px; font-weight:normal; font-family:"Trebuchet MS"; font-weight:bold; border:none;width:625px;}
a.logo, a.logo:link, a.logo:active, a.logo:visited{ background:url(../images/logo-APIDC-contrast.gif) bottom left no-repeat; display:block; text-indent:-9000px; width:265px; height:81px; float:left;}
.search{ background:url(../images/search_input.gif) 0px 10px no-repeat; margin: -18px 0 0 670px; height:70px; padding-top:10px;}
.search input{ width:257px; padding:8px 4px 10px 6px; float:left; border:none; background:none; margin:0px; }
.search .button{ width:auto; padding:0px; height:auto; float:none; vertical-align:middle; margin-top:5px;padding-left:14px;}
.flag{ padding-right:46px; margin-top:6px; margin-left:0px /*162px*/}
.flag ul{text-align:center; border:#d4d4d4 1px solid; padding:2px 2px 0px 2px; background:#fff}
.flag ul li{ display:inline;}

.tab_about{ margin-top:0px;padding-left:20px;}
.tab_about ul { margin-top:20px; }
.tab{ margin-top:0px;padding-left:0px;}
.tab ul { margin-top:10px; }
/*
.tab ul li{ display:inline; font-family:Helvetica; font-size:16px; font-weight:bold; margin: 0px 3px 0px 3px}
.tab ul li a{padding:3px 3px 3px 3px;}
.tab ul li a:hover, .tab ul li a.current, .tab ul li a.current:link, .tab ul li a.current:active, .tab ul li a.current:visited{
	color:#4c186d;/*  border-bottom:2px #4c186d solid*/

.content{ clear:both;}
.colleft{ background-color:#000; width:713px; float:left;}
.colleft_bottom{ background-color:#000; min-height:600px;padding:0px 30px 20px 50px; margin-right:1px; }
*html .colleft_bottom{height:600px; background-color:#000;}
.colleft h1{ margin-top:-22px; position:relative;font-family:"Trebuchet MS"; background-color:#000}
.colleft p{padding:7px 0px 7px 0px}
.hr{ background:url(../images/dot.gif) left bottom repeat-x; height:10px; display:block; width:99%;}
.colright{ margin-left:713px; padding-right:5px; background-color:#000;}
.colright p{ margin-top:3px; margin-bottom:6px}
.colright h2{ background:#000; color:#fc0; padding:2px 10px 15px 10px; font-size:28px; font-family:"Trebuchet MS"; margin-top:3px; margin-bottom:6px}
.colright h2.rhfirst {margin-top:38px;}
/*.colright h2{ color:#666; font-size:24px; font-family:"Trebuchet MS"; padding:0px 0px 10px 10px; border:none;}*/
.colright h4 {text-align:center}
ul.list { padding:0px 10px 0px 10px;}
ul.list li{ background:url(../images/dot.gif) 0px 0px repeat-x; padding:5px;}

ol.list li {padding:6px 0;}
ul.list li a, ul.list li a:link, ul.list li a:active, ul.list li a:visited, ul.list li li a{
	color:#06C;
	padding:3px 3px 3px 17px;
	background-image: url(../images/arrow-off.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	}
ul li ul li { 
	padding:3px 3px 3px 17px;
	background-position: 0px 8px;
	margin: 0 0 3px 20px;
	}
ul.list li a:hover, ul.list li a:focus, ul.list li a:active {
	color:#000;
	background-image: url(../images/arrow-on.gif);
	background-repeat: no-repeat;
	background-color:#FF9;
	}
a.rm, a.rm:link, a.rm:active, a.rm:visited{ white-space:nowrap; color:#dc8f02; font-size:13px;  clear:right; text-align:left;}
a.rm:hover{ text-decoration:underline}
.from{ text-align:right; font-size:17px; color:#919191; margin-right:10px;}
.from a, .from a:link, .from a:active, .from a:visited{ font-size:13px; color:#d9a51d; font-weight:bold; font-family:Tahoma}
.from a:hover{ text-decoration:underline; color:#666}
form.login ul{ width:275px}
form.login ul li{ clear:both; display:block; width:100%; }
form.login{padding:4px 0px 4px 7px;}
form.login label{ width:90px;padding:4px 0px 4px 0px; margin:3px 0px 3px 0px;}
form.login input{padding:4px 4px 5px 4px; margin:3px 0px 3px 0px;}
#txtUser{ width: 170px; }
#txtPass{ width: 119px; }
form.login .button{ padding:7px 5px 7px; margin:3px 0px 3px 0px; }

.frame_left{ float:left; width:310px; padding-right:20px;}
.frame_right{ margin-left:318px; padding-left:10px;}
.himg{ border:#ccc solid 1px; height:155px; width:292px;}
.frame_text{ border-right:#ccc solid 1px; padding:5px 10px 0px 0px}
.frame_text.noborder{ border:none }
.frame_text strong{ font-family:Tahoma; font-size:12px;}


.footer{height:81px; clear:both; padding:20px 0px 0px 35px; font-family:Tahoma; }
.footer ul{ width: 100%;}
.footer ul li{float:left; font-family:Tahoma; font-size:13px; font-weight:bold; margin: 0px 3px 0px 3px;}
.footer ul li a, .footer ul li a:link, .footer ul li a:active, .footer ul li a:visited{padding:5px 3px 5px 3px; color:#c59c49; display:block; border-bottom:1px #FFF solid}
.footer ul li a:hover, .footer ul li a.current, .footer ul li a.current:link, .footer ul li a.current:active, .footer ul li a.current:visited{color:#bf8107; border-bottom:1px #e4b344 solid /*background:#fff3d8;*/ }
.footer span{ font-size:11px; padding:6px 0px 0px 8px; margin:0px; display:block; font-weight:normal; clear:left;}

/*------------------inner-------------------------*/
.bg{background:url(../images/in-bg.gif) 0px 0px repeat-x;}
.bg .head{ height:85px;}
.bg .tab{ padding-top:17px; margin-left:15px}
.header_in_about{ background:background:none; height:188px; clear:both;}
.header_in_conference{ background:background:none; height:188px; clear:both;}
.header_in_prog{ background:background:none; height:188px; clear:both;}
.header_in_program{ background:background:none; height:188px; clear:both;}
.header_in{ background:background:none; height:188px; clear:both;}
.bg .colleft h1{ margin-top:-72px; position:relative;font-family:"Trebuchet MS"; background-color:#000;}
.pr{  position:relative;}
.bg .himg{ float:left; margin:6px 10px 6px 0px;}
.con_list{ margin:0px 10px 10px 300px;}
.con_list ul, .colleft_bottom ul{ margin:0px; padding:0px}
.con_list ul li, .colleft_bottom ul li{
	padding:3px 3px 3px 17px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

form.login .Lwidth{ width:auto}
#contact{ padding:29px 0px 10px 0px; margin-left:235px;}
#contact label{ text-align:right; padding-right:15px; color:#FFF; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px}
#contact textfield, #contact textarea, #contact select, #contact input {
border-color:#8F8F8F #CECECE #E4E4E4;
border-style:solid;
border-width:1px;
color:#333333;
padding:2px;
width:175px;
}
/*em{ color:red}*/
#contact .button{ padding:7px 15px 7px 15px; width:auto; margin-left:2px;}
.date{ text-align:right; position:relative; margin-top:-6px; font-size:12px; font-weight:bold; margin-right:10px; color:#666}
.address{ position:relative; float:left; width:212px;}
.address img{ margin:25px 0px 20px 0px}
.address strong{ color:#FFF}
.address a, .address a:link, .address a:active, .address a:visited{ font-size:13px; color:#d9a51d; font-weight:bold; font-family:Tahoma}
.address a:hover{ text-decoration:underline; color:#666}
img.center {
	align: center;
	align-right: auto;
	align-left: auto;
}
.img-left{ border:#ccc solid 1px; float:left; margin:6px 14px 0 0; padding:2px} 
.img-right{ border:#ccc solid 1px; float:right; margin:6px 14px 0 6px; padding:2px} 

div.center {
	margin: 0 auto;
}
.center {width:60%;
	text-align: center
}

/* Tables =========================================*/
table.apitable {
	margin: 1em 1em 1em 0;
	border: 1px #aaa solid;
	border-collapse: collapse;
	background-color: #000;
}
.apitable th, .apitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.apitable th {
    background: #000;
    text-align: center;
}
.apitable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}

/* here states for side navigation---------------------------------------------------------------*/

body.one ul.list li a#one, body.two ul.list li a#two, body.three ul.list li a#three, body.four .colright li a#four, body.five ul.list li a#five, body.six ul.list li a#six, body.seven ul.list li a#seven, body.eight ul.list li a#eight, body.nine ul.list li a#nine {
	color: #FF0;
	background-color:#000;
	}

/* Accessibility Toolbar--------------------------------------------------------------------------*/
.frame  {
	background: transparent url(../images/toolbar/frame-l.jpg) repeat-y;
	padding-left:3px;
    }
.frame-wrap span {
    display: block;
	background: transparent url(../images/toolbar/frame-tl.jpg) no-repeat;
	height: 3px;
	line-height: 1px;
	font-size:1px;
	padding-left: 6px;
    }
.frame-wrap span span {
    margin: 0;
	background: transparent url(../images/toolbar/frame-tr.jpg) right top no-repeat;
    }
.frame-wrap span.b {
    display: block;
    clear:both;
	background: transparent url(../images/toolbar/frame-bl.jpg) no-repeat;
	height: 6px;
    }
.frame-wrap span.b span {
    margin: 0;
	height: 6px;
	background: transparent url(../images/toolbar/frame-br.jpg) right top no-repeat;
    }
.frame div {
	background: transparent url(../images/toolbar/frame-r.jpg) right top repeat-y;
	border:1px solid transparent;
	}

/*delete me*/
div#access {
	margin-top:6px;
    width: 20.5em;
	z-index:1;
	position:absolute;
    }
div#access p {
    display:none;
    }
ul#access-features {
    list-style-type: none;
    clear: right;
	margin: 0 0 0 .3em;
	display:block;
	padding:0.2em 0 0.2em 0;
    }    

ul#access-features li {
    float:left;
	margin:0 4em 0 4em;
	line-height:1px;
	font-size:1px;
    }
ul#access-features a {
	display:block;
	border:1px solid #eff0f0;
	padding:2px;
	}

ul#access-features a:hover {
	border:1px solid #ff6d02;
	background:#fed9bd;
	}

ul#access-features a.selected {
	border:1px solid #ff6d02;
	background:#fed9bd;
	}

ul#access-features span {
	position:absolute;
	left:-10000px;
	top:-10000px;
    }
ul#access-features:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
	
	
/*** ESSENTIAL STYLES ****************************************************************************/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:		1.0;
	font-size:		14.25px;
}
.sf-menu a {font-weight:bold;}
.sf-menu ul {
	background-color: 	#C1440A; 
	list-style-type: 	none;
	margin: 		0px;
	position:		absolute;
	top:			-999em;
	width:			12.5em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	border-right:	0px solid #fff;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			1.6em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	width:			12.5em;
	left:			12.5em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12.5em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0em;
}
.sf-menu a {
	/*border-left:		1px solid #fff;*/
	padding: 		0.3em 0.75em;
	text-decoration:	none;

}
.sf-menu li li a {
	border-top:		1px solid #fff;
	border-left:		1px solid #fff;
	padding: 		.3em 0.75em;
	text-decoration:	none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#eee;

}
.sf-menu li {
	background:		#C1440A; 
}
.sf-menu li li {
	border:			1px solid #ccc;
	border-top:		0px;
	background:		#ee8822; 
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li.sfHover,
.sf-menu li li:focus, .sf-menu li li:hover, .sf-menu li li:active {
	border:			1px solid #ccc;
	border-top:		0px;
	background:		#DB7611; 
}
.sf-menu li li li {
	background:		#ee8822; 
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: 			#fff;			/* feb82f */
	text-decoration: none;
	/*	background:		#ee8822; */
	outline:		0;
	z-index:		99;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 		0.75em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	/*display:		block;*/
	right:			-0.05em;
	top:			0.75em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 		-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
ul ul .sf-sub-indicator  {
	position:		absolute;
	/*display:		block;*/
	right:			0.5em;
	top:			0.50em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 		-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.5em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* 'here' states for top navigation----------*/
body#homePage .wrapper ul.sf-menu li a#home,
body#aboutPage .wrapper ul.sf-menu li a#about,
body#confPage .wrapper ul.sf-menu li a#conf,
body#progPage .wrapper ul.sf-menu li a#prog,
body#researchPage .wrapper ul.sf-menu li a#research,
body#techPage .wrapper ul.sf-menu li a#tech,
body#contactPage .wrapper ul.sf-menu li a#cont, ul.sf-menu li:hover, ul.sf-menu li:active, ul.sf-menu li:focus {
	color: #ff6;
	}