@charset "utf-8";
/* CSS Document */

body {
	width				: 100%;
	margin				: 0;
	padding				: 0;
	font-family			: Verdana, Arial, "Myriad Web Pro"; /*"Century Gothic", */
	font-size			: 12px;
	line-height			: 160%;
	color				: #333;
	background-color	: #E5D7CC; /*#f3e7dc;*/
}

/*
@media screen {
	* html,
	* html body {
		overflow-y: hidden!important;
		height: 100%;
	}
	
	* html #fix {
		height: 100%;
		overflow-y: scroll;
		position: relative;
	}

	* html div#language {
		position: absolute;
	}
}

div#language {
	position:fixed; 
	top:210px; 
	left:10px;
	z-index:2;
}*/
/*
* {
	margin: 0;
}
html, body {
	height: 100%;
	overflow: auto;
}

#language {
	position: fixed;
	left: 10.5%;
	top: 210px;
	margin: 0 0 0 0;
}
* html #language { 
	position: absolute;
	z-index:50;
}
#top {
	position: fixed;
	right: 10.5%;
	bottom: 10px;
	margin: 0 0 0 0;
}
* html #top { 
	position: absolute;
	z-index:50;
}*/

/*


@media screen {
	* html,
	* html body {
		overflow-y: hidden!important;
		height: 100%;
	}
	
	* html #iefix {
		height: 100%;
		overflow-y: scroll;
		position: relative;
	}

	* html div#menuUser {
		position: absolute;
	}
}

div#menuUser {
	position:fixed; 
	top:135px; 
	left:0;
	z-index:2;
}
*/
#fix{
	width:994px;
	margin: 0 auto;
	padding: 0 auto;
}
div#language {
	float:left;
	top:210px; 
	margin: 0 8px 0 0;
	z-index:202;
}
#top{
	clear:				: both;
	float				: right;
	margin				: -30px 0 0 ;
}

#wrapper-for-newsletter {
	width				: 920px;
	margin				: 0 auto 0;
	padding				: 0 auto;
}
.wrapper {
	width				: 920px;
	margin				: 0 auto 0;
	padding				: 0;
	border-bottom		: 1px solid #fcf3eb;
	float				: left;
	background-color	: #ffe3c7;
/*	background-color	: #F2E4D7; */
	}

#header_bg {
	width				: 100%;
	height				: 212px;
	background-image	: url(http://www.spotlight-inclusiveartsasia.org/img/header_bg.png);
	background-repeat	: repeat-x;
	padding				: 0 auto;
	margin				: 0 auto;
}

.header {
	width				: 920px;
	height				: 212px;
	background-image	: url(http://www.spotlight-inclusiveartsasia.org/img/header.png);
	background-repeat	: no-repeat;
	background-position	: top;
	padding				: 0 auto;
	margin				: 0 auto;
}


.footer {
	width				: 920px;
	margin				: -114px auto 0 auto;
	height				: 114px;
	/*background-image	: url(http://www.spotlight-inclusiveartsasia.org/img/footer.png);*/
}

.footer_link {
	float		: right;
	margin		: -72px 30px 0 0; /*43px*/ 
	font-family	: "Tw Cen MT Condensed";
	font-size	: 24px;
}

.footer_link a {
	color		: #F6921E;
}

.footer_link a:hover {
	color		: #fff;
}

.footer_bg {
	width				: 100%;
	height				: 114px;
	background-image	: url(http://www.spotlight-inclusiveartsasia.org/img/footer_bg.png);
	background-repeat	: repeat-x;
}

/****  huyeng sidebar ****/
#sidebar {
	width				: 160px;
	float				: left;
}
#sidebar UL {
	list-style-type		: none;
	/*list-style			: url(http://www.spotlight-inclusiveartsasia.org/img/list-icon.png) inside;*/
	color				: #555; 
	margin-top			: 5px; 
	padding				: 0 0 0 25px;
}
#sidebar UL li {
	padding				: 2px 0;
	font-size			: 11px;
}

#sidebar UL li a{
	color				: #555;
	text-decoration		: none;
}
#sidebar UL li a:hover{
	color				: #a22130;
	text-decoration		: underline;
}
/****  end huyeng sidebar ****/


.content {
	width			: 755px;
	min-height:140px;
	_height:140px;
	padding			: 0 0 40px 2px;
	margin			: 0 -1px 0 0;
	float			: right;
	border			: 1px solid #fcf3eb;
	background-color: #fcf3eb;
}
.content-info{
	padding			: 0 0 30px 2px;
    width			: 715px;
	margin-left 	: 15px;
    min-height:120px;
	_height:120px;
}
#content-for-newsletter {
	width			: 858px;
	padding			: 40px auto;
	margin			: 0 auto 0;
	border			: 1px solid #fa1;
	background-color: #fcf3eb;
}
.current {
	color			: #fff;
	text-decoration	: underline;
}
.txtTitle {
	clear			: both;
    font-family		: Verdana;
	color			: #603813;
	font-size		: 18px;
	margin			: 0;

}
h3 {
	color			: #d5780c;
	font-weight		: normal;
	font-size		: 16px;
	margin			: 12px 0 7px;
	padding			: 0;
}
h4 {
	margin			: 12px 0 0;
	padding			: 0;
}

p {
	margin-top		: 20px
}
a {
	color:#e28416;
}
a:hover {
	color:#a22130;
}
.img-with-caption-right-img{
	padding			: 0 0 0 15px;
	float			: right;
	text-align		: center;
	display			: block;
}
.img-with-caption-right-img span, .img-with-caption span{
	font-size		: 90%;
	color			: #666
}

.img-with-caption{
	padding			: 0 15px 0 0;
	float			: left;
	display			: block;
	text-align		: center;
}
.img-with-caption p{
	text-align		: center;
}
.img-center{
	border			: 1px solid #bd8e94;
	padding			: 5px;
	margin			: 10px auto 0;
	background-color: #efe2d6;
}
.img-left{
	border			: 1px solid #bd8e94;
	float			: left;
	padding			: 5px;
	margin-top		: 10px;
/*	margin-right	: 15px;*/
	background-color: #efe2d6;
}
.img-right{
	border			:1px solid #bd8e94;
	float			:right;
	padding			:5px;
	margin-top		:10px;
	background-color:#efe2d6;
}
.right-img{
	float			:right;
	margin-left		:15px;
}
.clear {
	clear			:both;
}


/* Navigation */


.menu {
	width				: 920px;
	margin				: -2.4em auto;
	padding				: 0 0 0 60px
}

.menu ul {
	padding		: 0;
	margin		: 9px 0 0 0;
}

.menu ul li {
	display			: inline;
	padding			: 0 25px 0 0;
	list-style-type	: none;
	/*font-family		: "Myriad Web Pro", Arial;*/
	font-size		: 15px;
	/*font-weight		: bold;*/
}


/** **/
  ul.cssMenu ul{display:none}
    ul.cssMenu li:hover>ul{display:block;}
    ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
    ul.cssMenu ul ul{position: absolute;left:100%;top:-1px;}
	
    ul.cssMenu {
        margin: 5px 0 -6px;   
		padding:8px 0 -5px;
        list-style:none;     
        background-repeat:repeat;
		display:block;
        zoom:1;
        float: left;
    }
    ul.cssMenu ul {
		margin:0 0 0 0;
        list-style:none;
        padding:0 0 0;
        width:165px;
        background-color:#ffbe77;
		border:1px solid #ff7500;
		border-top:0;
    }
	ul.cssMenu ul {
		border:1px solid #ff7500;		
	}
	
    ul.cssMenu table {
		border-collapse:collapse
	}
	ul.cssMenu li{
        display:block;
        margin:0 0;
		padding: auto;
        background-color:#ff8500;
        font-size:0px;
		float:left;
    }
 /* for home, about us....*/
    ul.cssMenu a {
        display:block;
        vertical-align:middle;
        background-color:#ff8500;
        width:auto;
        border-width:0px;
        text-align:left;
        text-decoration:none;
        _padding-left:0;
        padding:0 0 8px 0;
		margin:0;
        font:13px Verdana;
        cursor:pointer;
		z-index:100;
        color:#000;
    }
	ul.cssMenu a:active, ul.cssMenu a:focus {
        outline-style:none;
    }
	ul.cssMenu li.dis a:hover {
        display:block;
        vertical-align:middle;
        background-color:#ff8500;
        width:auto;
        border-width:0px;
        text-align:left;
        text-decoration:none;
        padding:3px 0;
        _padding-left:0;
        font:13px Verdana;
        cursor:pointer;
        color:#000;
    }
  
    ul.cssMenu span{
        overflow:hidden;
    }
	
    ul.cssMenu ul li {
        float:none;
		padding:0;
		margin:0;
		width:165px;
		border-bottom:1px solid #fa0;
        background-color:#ffbe77
    }
 	ul.cssMenu ul li a { 
		padding:6px 0 6px 5px;
		margin:0;
		text-align:left;
		width:160px;
        background-color:#ffbe77;
        white-space:nowrap;
	}
	ul.cssMenu li ul li a { 
		padding:6px 0 6px 5px;
		margin:0;
	}
    ul.cssMenu li:hover{
        position:relative;
    }
    ul.cssMenu li:hover>a{
        font:13px Verdana;
        padding-bottom:6px;
        color: #fff;
        text-decoration:none;
    }
	/* For IE */
    ul.cssMenu li a:hover{
        position:relative;
        font:13px Verdana;
		padding-bottom:6px;
        color: #ffffff;
        text-decoration:none;
    }
	/* For Firefox */

    ul.cssMenu ul li a:hover{
        position:relative;
        font:13px Verdana;
        color: #ffffff;
		padding:6px 0 6px 5px;
		margin:0;
		width:160px;
        text-decoration:none;
    } 
	ul.cssMenu li.dis a {
        color: #fff !important;
    }
    ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
    ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
    

/*  End Navigatin */


#mission{
	background		: url('http://www.spotlight-inclusiveartsasia.org/img/mission.png') repeat-x bottom;
	margin			: 0 0 1em 0.1em;
	padding			: 0 0;
	float			: left;
	width			: 850px;
	border			: 2px solid #E2E1E0;
}
#mission a.title{
	margin			: 1em;
	font-family		: Century Gothic, arial;
	line-height		: 28px;
	color			: #603813;
}
#mission a:hover{
	color			: #f6921e;
}
.first-col{
	float			: left;
	width			: 370px;
	padding			: 1em;
}
.second-col{
	float			: left;
	width			: 370px;
	padding			: 1em 1em 1.5em;

}
.dot-line{
	float			: left;
	margin			: 1.4em 0;
	width			: 2px;
	height			: 110px;
	border-right	: 2px dotted #808080
}
.hr {
	border:0;
	background-color: none;
	border-bottom	: 2px dashed #aaa;
	margin 			: .5em 0 2.5em; 
	clear			: both;
}
.no-style-type{
	margin			: 0 0 0 1em;
	padding			: 0;
}
.no-style-type li{
	margin			: 0 0 0 .5em;
	padding			: 0;
	list-style-type	: none;
}
.contact{
	padding			: 5px 0 1em;
	float			: left;
    width:580px
}
.type{
 	width			: 117px;
	float			: left;
	clear			: both;
	border			: 1px solid #fcf3eb;
	font-weight 	: bold;
	color			: #888
}
.des{
	float			: left;
	width			: 75%;
	border			: 1px solid #fcf3eb
}
.required{
	color			: #f10;
}


#ulTitle {
	margin-left		: 0;
}
#ulTitle li{
	margin			: 0 0 0 1em;
	padding			: 0;
}
/**-- More style --*/

h2 {
	font-size:20px;
}

h2.h2_country_name {
	margin-top:0;
    padding-top:0;
}

.endofpage { display: none }




.event_name {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; }
.small {font-size:8pt; }
.main_area {width:auto;}
.separator {width:100%; margin:10px 0 0; height:32px; background:url(http://www.spotlight-inclusiveartsasia.org/networking/calendar/dot_purple.gif) repeat-x top center; }