@charset "utf-8";
@import "reset.css";
/* CSIET Promotion */
body { 
	background: #e5e5e5; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
h1 { color: #d40202;  font-size: 1.538em; font-weight: bold; }
h2 { color: #000000;  font-size: 1.0em; font-weight: bold; }
h3 { color: #000000;  font-size: 1.0em; font-weight: bold; }

a:link, a:active, a:visited { color: #d40202; text-decoration: none; }
a:hover { text-decoration: underline; }

a.foot:link, a.foot:active, a.foot:visited { color: #FFFFFF; text-decoration: none; }
a.foot:hover { text-decoration: underline; }

a.back:link, a.back:active, a.back:visited { color: #d40202; text-decoration: none; font-size:11px;}
a.back:hover { text-decoration: underline; }


.clear { clear: both; }

/***********************************************
	BUTTONS 
************************************************/
/*
#what-is-button { background: url(../images/index-buttons/what-is.gif) no-repeat 0 -50px; width: 309px; height: 50px; display: block; cursor: pointer; }
#getting-involved-button { background: url(../images/index-buttons/getting-involved.gif) no-repeat 0 -50px; width: 309px; height: 50px; display: block; cursor: pointer; }
#host-parents-button { background: url(../images/index-buttons/host-parents.gif) no-repeat 0 -50px; width: 309px; height: 50px; display: block; cursor: pointer; }
#in-the-news-button { background: url(../images/index-buttons/in-the-news.gif) no-repeat 0 -50px; width: 309px; height: 50px; display: block; cursor: pointer; }
#resources-button { background: url(../images/index-buttons/resources.gif) no-repeat 0 -24px; width: 309px; height: 24px; display: block; cursor: pointer; }
#useful-links-button { background: url(../images/index-buttons/useful-links.gif) no-repeat 0 -24px; width: 309px; height: 24px; display: block; cursor: pointer; }
#psa-button { background: url(../images/index-buttons/psa.gif) no-repeat 0 -24px; width: 309px; height: 24px; display: block; cursor: pointer; }
#feedback-button { background: url(../images/index-buttons/feedback.gif) no-repeat 0 -24px; width: 309px; height: 24px; display: block; cursor: pointer; }


#what-is-button:hover,
#getting-involved-button:hover, 
#host-parents-button:hover,
#in-the-news-button:hover,
#resources-button:hover,
#useful-links-button:hover,
#psa-button:hover,
#feedback-button:hover { background-position: 0 0; }
*/
#index-nav li.filler { height: 30px; background: url(../images/index-buttons/spacer.gif) no-repeat; display: block; }
#index-nav li { color: #d40202; font-size:0.90em; position: relative;}
#index-nav li p { position: absolute; top: 15px; left: 29px; margin-bottom: 0; line-height: 12px;}
#index-nav li a:link, 
#index-nav li a:active, 
#index-nav li a:visited { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	padding: 6px 0 25px 27px;
	background: url(../images/red-arrow.png) no-repeat 0 6px;
}
#index-nav li a:hover {
	background: #ffaa80 url(../images/red-arrow.png) no-repeat 0 6px;
}

#index-nav li a.plain {
	padding: 12px 0 12px 27px;
	background: url(../images/red-arrow.png) no-repeat 0 12px;
}
#index-nav li a.plain:hover {
	background: #ffaa80 url(../images/red-arrow.png) no-repeat 0 12px;
}

#interior #index-nav li{ line-height: 1.6em; }
#interior #index-nav li a {
	 padding: 6px 0 6px 27px;
	background: url(../images/red-arrow.png) no-repeat 0 8px;
}
#interior #index-nav li a:hover {
	background: #ffaa80 url(../images/red-arrow.png) no-repeat 0 8px;
}

#header-wrapper { 
	height: 150px;
	background: url(../images/top-repeat.jpg) repeat-x;
}

#header {
	width: 810px;
	height: 150px;
	margin: 0 auto;
	background: url(../images/international-youth-exchange-info.jpg) no-repeat;
}

#main-index, #interior  {
	width: 810px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#main-index .col1 {
	float: left;
	width: 207px;	
	margin-right: 15px;
	margin-left: 40px;
}

#main-index .col1 h2 { 
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 10px;
}

#main-index .col1 table tr td { vertical-align: top; padding-bottom: 18px; line-height: 11px;}
#main-index .col1 table tr td.last { padding-bottom: 0; }
#main-index .col1 table tr td.desc { text-align:left; font:Arial; font-size: .95em}
#main-index .col1 table tr td.logo { width: 80px; font-size: .95em; font-weight: bold;}
#main-index .col1 table tr td img { margin-top: 20px; }

#main-index .col2 { float: left; background: #f44d14; width: 335px; margin-right: 15px; }
#main-index .col2-inner { background: #d0c7c2; margin: 5px; padding: 15px 5px 20px 11px; }

#main-index .col3 { float: left; width: 156px; }
#main-index .col3 a { display: block; margin-bottom: 18px; }
#main-index .col3 a.last { margin-bottom: 0; }

#interior .col1 { float: left; background: #f44d14; width: 225px; margin-right: 15px; }
#interior .col1-inner { background: #d0c7c2; margin: 5px; padding: 15px 5px 20px 11px; min-height: 550px; }
#interior .col2 { float: left; width: 570px; font-size: 1.3em; text-align: justify; }

.left-col-top {
	width: 207px;
	height: 21px;
	background: url(../images/top-cap-right.gif) no-repeat;	
}

.left-col-middle { 
	padding: 0 15px;
	background:url(../images/right-center-bg.gif) repeat-y; 
}

.left-col-bottom { 
	width: 207px;
	height: 21px;
	background: url(../images/bottom-cap-right.gif) no-repeat; 
}

#footer-wrapper { background: #d40202; height: 46px; }
#footer { 
	width: 810px; 
	height: 46px; 
	margin: 0 auto; 
	text-align: center;
	color: #fff;
	padding-top: 10px;
	background:url(../images/footer.jpg) no-repeat; 
}

.listformat {
	margin-left: 18px;
	padding-left: 0px;
	padding-bottom: 15px;
	list-style-type:circle;
	line-height: 18px;
}

.listformat2 {
	margin-left: 38px;
	padding-left: 0px;
	padding-bottom: 15px;
	list-style-type:circle;
	line-height: 18px;
}