@font-face {
	font-family: "Myriad Web Pro";
	src: url('font/MyriadWebPro.ttf');
	src: local('☺'),
			 url('font/MyriadWebPro.woff') format('woff'),
			 url('font/MyriadWebPro.ttf') format('truetype'),
			 url('font/MyriadWebPro.svg#webfont') format('svg');

}

@font-face {
	font-family: "Myriad Web Pro Bold";
	src: url('font/MyriadWebPro-Bold.ttf');
	src: local('☺'),
			 url('font/MyriadWebPro-Bold.woff') format('woff'),
			 url('font/MyriadWebPro-Bold.ttf') format('truetype'),
			 url('font/MyriadWebPro-Bold.svg#webfont') format('svg');

}
@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	: #eddfd3; /*#f3e7dc;*/
}

#fix{
	width:992px;
	margin: 0 auto;
	padding: 0 auto;
}
div#language {
	clear:both;
	float:left;
	top:210px; 
	margin: 0 8px 0 0;
	z-index:202;
	width:20px;
}

#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;
	
	}

#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_link {
	float		: right;
	position	: relative;
	margin		: -70px 30px 0 0;
	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);
	margin				: 0 auto 0 auto;
	padding				: 0 auto;	
	background-repeat	: repeat-x;
}

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

/****  huyeng sidebar ****/
.wrapper_coten_sidebar {
	width				: 920px;
	margin				: 0 auto 0;
	padding				: 0;
	border-bottom		: 1px solid #fcf3eb;
	float				: left;
	background-color	: #ffe3c7;
/*	background-color	: #F2E4D7; */
	}
.right_content {
	width			: 740px;
	min-height:300px;
	_height:300px;
	padding			: 0 0 40px 2px;
	margin			: 0 -1px 0 0;
	float			: right;
	border			: 1px solid #fcf3eb;
	background-color: #fcf3eb;
}

.content-info{
	margin			: 0 20px;
}
#sidebar {
	width				: 170px;
	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-for-newsletter {
	width			: 858px;
	padding			: 40px auto;
	margin			: 0 auto 0;
	border			: 1px solid #fa1;
	background-color: #fcf3eb;
}
.content {
	width			: 858px;
	min-height:140px;
	_height:140px;
	padding			: 30px 30px 40px 30px;
	margin			: 0 0 0;
	float			: left;
	border			: 1px solid #fcf3eb;
	background-color: #fcf3eb;
}

.current {
	color			: #fff;
	text-decoration	: underline;
}
.txtTitle {
	clear			: both;
    font-family		: Verdana;
	color			: #603813;
	font-size		: 22px;
	line-height		: 27px;
	margin			: -5px 0 0 0;
}
#first_txtTitle{
	float			: left;
	clear			: none;
	width			: 470px;
	line-height		: 27px;
}
#top_txtTitle{
	float			: left;
	clear			: none;
	width			: 600px;
	line-height		: 27px;
}
h3 {
	color			: #FF7500;
	font-weight		: normal;
	font-size		: 19px;
	margin			: 20px 0 0;
	padding			: 0;
}
h4 {
	margin			: 12px 0 0;
	padding			: 0;
}

p {
	margin		: 15px 0 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			: 10px 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;
	margin-right	: 15px;*/
	padding			: 5px;
	margin-top		: 10px;	
	background-color: #efe2d6;
}
.img-right{
	border			:1px solid #bd8e94;
	padding			:5px;
	margin			:0 0 0 0;
	margin-top		:10px;	
	width			:auto;
	background-color:#efe2d6;
}
.right-img{
	float			:right;
	margin-left		:15px;
}
.left-img{
	float			:left;
	margin-right	:15px;
}
.clear {
	clear			:both;
}


/* Navigation */


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

}

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

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


/** **/
  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: 0 0 ;   
		padding:0 0 0;
        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 7px 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			: 15px 0 1em;
	float			: left;
    width			: 600px
}
.type{
 	width			: 125px;
	float			: left;
	clear			: both;
	border			: 1px solid #fcf3eb;
	font-weight 	: bold;
	color			: #888
}
.des{
	float			: left;
	width			: 77%;
}
.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			:-8px 0 -8px 0;
    padding			: 0;
	float			: right;
	text-align		: right;
	text-transform	: uppercase;
	color			: #FF8500;
	width			: 223px;
	height			: 37px;
	/*background:url('img/cambodia.png') no-repeat right top; */
}
h2.h2_continent_name {
	margin			:-30px 0 -8px 0;
    padding			: 0;
	float			: right;
	text-align		: right;
	text-transform	: uppercase;
	color			: #FF8500;
	width			: 255px;
	height			: 37px;
}
.endofpage { display: none }

h4 a {
	text-decoration	: none;
}

td {
	text-align:left;
}
.mail-box {
	float:right; 
	background:url('img/mail-box-top-coner.gif') no-repeat top left; 
	width:238px; 
	height:auto; 
	padding:5px 0 0 0;
	position:relative;
	z-index:0;
    margin-top:-70px;
}
#mail-box-bottom-coner {
	background:url('img/mail-box-bottom-coner.gif') no-repeat top left; 
	width:238px; 
	height:30px; 
	float:right; 
}
.mail-box2 {
	float:right; 
	background:url('img/mail-box2-top-coner.gif') no-repeat top left; 
	width:238px; 
	height:auto; 
	padding:5px 0 0 0;
	position:relative;
	z-index:0;
}

.mail-box a{
	position:relative;
	z-index:100
}

.mail-box a:hover img{
	filter:alpha(opacity=45);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.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; }

ul li{
	padding:4px 2px;
	margin-left:0
}
ul.ul_text_img{
	margin:1.5em 0;
	padding:0;
}
ul.ul_text_img li{
	margin:0 0 0 5em;
	padding:3px 2px;
}


.art-type{
	clear:both;
	margin:1.3em 0 0 0;
	background: url('http://www.spotlight-inclusiveartsasia.org/img/art-type-bg.png') repeat-y center;
	padding:1em 1em;
	display:block;
	float:left;
	text-transform: capitalize;
	width:675px;
	border:1px solid #F6D9C0;
}
.art-type table{
	margin:0;
	padding:0;
}
.art-type table tr td{
	width:auto;
}

.art-title{
	color:#8C6845;
	font-size:.9em;
	font-weight:bold;
	text-transform: capitalize;
	padding:0 0 0 15px; 
	background: url('http://www.spotlight-inclusiveartsasia.org/img/dot.png') no-repeat left 7px;
}
.art-type table tr td{
	width:auto;
}
.art-type table tr td.art-title{
	width:130px;
}

.art-des{
	color:#5E5249;
	font-size:.9em;
	width:100%;
	text-transform: capitalize;
}
.last-one{
	margin-right:0;
	padding-right:0;
}
.no-bottom-space{
	margin-bottom:0;
	padding-bottom:0;
}
.no-padding-space{
	margin-top:0;
	padding-top:0;
}