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

a, a:link, a:active, a:visited{ text-decoration:none; color:#9a0200}
.colleft a:hover, .colleft a:focus{background-color: #FF9;}
ul{margin:0px; padding:0px;}
ul li{margin:0px; padding:0px; list-style-type:none}
dt {
	color:#000;
	font-weight: bold;
	padding:3px 0px 0px 0px;
	font-family:"Trebuchet MS";
	line-height:18px;
}
dd { margin:0; padding-bottom:12px; }
/*.visit-site {display:block}*/
.visit-site {
	clear:left;
	font-weight: bold;
}
.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:#555555; 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:#fff;
	padding:24px 0px 5px 20px;
	clear:both;
}
.header h2{ color:#f0c6ba; font-size:15px; padding:0 362px 10px 22px; font-weight:normal; font-family:"Trebuchet MS"; font-weight:bold; border:none;}
a.logo, a.logo:link, a.logo:active, a.logo:visited{ background:url(../images/logo-APIDCA.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:url(../images/content_left.gif) top right repeat-y; width:713px; float:left;}
.colleft_bottom{
	background:url(../images/content_left_bottom.gif) bottom right no-repeat;
	min-height:600px;
	padding:0px 30px 20px 50px;
	margin-right:1px;
	font-style: italic;
}
*html .colleft_bottom{height:600px;}
.colleft h1{ margin-top:-22px; position:relative;font-family:"Trebuchet MS";}
.colleft p{
	padding:7px 0px 7px 0px;
	text-align: left;
}
.hr{ background:url(../images/dot.gif) left bottom repeat-x; height:10px; display:block; width:99%;}
.colright{ margin-left:713px; padding-right:5px;}
.colright p{ margin-top:3px; margin-bottom:6px}
.colright h2{ background:#feb82f url(../images/h2.gif) left bottom no-repeat; color:#fff; padding:2px 10px 25px 10px; font-size:28px; font-family:"Trebuchet MS"; margin-top:3px; margin-bottom:6px; line-height:28px;}
.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; margin-top:95px;}
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:#666;
	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:active, ul.list li a:focus {
	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; line-height:16px;}
.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{ background:url(../images/header07.jpg) right bottom no-repeat; height:188px; clear:both;}
.header_in_events{ background:url(../images/header03.jpg) right bottom no-repeat; height:188px; clear:both;}
.header_in_about, .header_in_news{ background:url(../images/header04.jpg) right bottom no-repeat; height:188px; clear:both;}
.header_in_prog, .header_in_conference{ background:url(../images/header05.jpg) right bottom no-repeat; height:188px; clear:both;}
.header_in_research { background:url(../images/header06.jpg) right bottom no-repeat; height:188px; clear:both;}
.header_in_contact { background:url(../images/header08.jpg) right bottom no-repeat; height:188px; clear:both;}

.bg .colleft h1{ margin-top:-72px; position:relative;font-family:"Trebuchet MS";}
.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:#666666; 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:#666}
.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 0px;
	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;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.apitable th, .apitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.apitable th {
    background: #f2f2f2;
    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, body.mental ul.list li a#mental {
	color: #333;
	background-color:#FFFF99;
	}

/* 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;
    }
/* LINK CUES -----*/
/* all A tags whose HREF attribute ends in .pdf */
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute equals pdf */
a[rel='pdf'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_pdf.gif) no-repeat center right;
}

/*  all A tags whose REL attributes has the letters pdf somewhere mixed in*/
a[rel*='pdf'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */
a[rel~='pdf'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_pdf.gif) no-repeat center right;
}

/* all A tags whose HREF attribute starts with mailto: */
a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(../images/cue/icon_mailto.gif) no-repeat center right;
   
}

/* all A tags whose CLASS attribute is popup */
a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(../images/cue/icon_popup.gif) no-repeat center right;
}


a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_doc.gif) no-repeat center right;
}
a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_xls.gif) no-repeat center right;
}
a[href$='.ppt'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_ppt.gif) no-repeat center right;
}
a[href$='.ppsx'] { 
	padding-right: 18px;
	background: transparent url(../images/cue/icon_ppt.gif) no-repeat center right;
}
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(../images/cue/icon_external.gif) no-repeat center right;
}


/* Data tables
---------------------------------------------------------------------------*/
td {
	text-align: center;
}