/*
McMaster University
Office of Alumni Advancement
Artist: Sasa D. (New Media Intern)
905.525.9140 ex. 23900
Alumni Travel Program
2009
*/


/*----------------------------------------------------------------------------------------GENERAL*/
/*----------------------------------------------------------------------------------------GENERAL*/

html, body, h1, h2, h3, ul{
	margin: 0;
	padding: 0;
}

body#in{
	background-color: #eee;
	background-image: url();
}

body#ev{
	background-color: #eee;
}

@font-face {
	src: url(Helvetica.dfont) format("truetype");
}

div#container{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 100%;
	background-color: #;
	border-top: 10px solid #ddd;
}

div#container_ev{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 625px;
	background-image: url(individual_bvp.jpg);
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

div#container_ev_aegean{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 625px;
	background-image: url(individual_aegean.jpg);
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

div#container_ev_danube{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 625px;
	background-image: url(individual_danube.jpg);
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

div#container_ev_morocco{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 625px;
	background-image: url(individual_morocco.jpg);
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

div#container_ev_provence{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 625px;
	background-image: url(individual_provence.jpg);
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

div#container_ev_mekong{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 625px;
	background-image: url(individual_mekong.jpg);
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

/*----------------------------------------------------------------------------------------/GENERAL*/
/*----------------------------------------------------------------------------------------/GENERAL*/








/*----------------------------------------------------------------------------------------TOPNAV*/
/*----------------------------------------------------------------------------------------TOPNAV*/

div#backbutton{
	width: 1000px;
	height: 50px;
	background-color: green;
}

/*----------------------------------------------------------------------------------------/TOPNAV*/
/*----------------------------------------------------------------------------------------/TOPNAV*/











/*----------------------------------------------------------------------------------------INDEX*/
/*----------------------------------------------------------------------------------------INDEX*/
div#travel_logo{
	width: 1000px;
	height: 175px;
	background-color: #;
	margin-left: auto;
	margin-right: auto;
}

div#travel_logo a{
	width: 1000px;
	height: 175px;
	background-image: url(logo5.png);
	display: block;
	margin-top: 10px;
}

div#featured{
	width: 400px;
	height: 450px;
	background-color: #990033;
	float: left;
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

div#featured a{
	width: 400px;
	height: 450px;
	background-image: url(featured_danube.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#featured a:hover{
	background-position: 0 -450px;
}

div#selections{
	width: 600px;
	height: 450px;
	background-color: #450974;
	float: left;
	border-top: 10px solid #ddd;
	border-bottom: 10px solid #ddd;
}

/*----------------------------*/
div#s_top{
	width: 600px;
	height: 225px;
}

div#s_top ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#s_top ul li#na{
	width: 200px;
	height: 225px;
	float: left;
}

div#s_top ul li#na a{
	width: 200px;
	height: 225px;
	background-image: url(na.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	float: left;
}

div#s_top ul li#na a:hover{
	background-position: 0 -225px;
}

div#s_top ul li#eu{
	width: 200px;
	height: 225px;
	float: left;
}

div#s_top ul li#eu a{
	width: 200px;
	height: 225px;
	background-image: url(europe.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	float: left;
}

div#s_top ul li#eu a:hover{
	background-position: 0 -225px;
}

div#s_top ul li#as{
	width: 200px;
	height: 225px;
	float: left;
}

div#s_top ul li#as a{
	width: 200px;
	height: 225px;
	background-image: url(asia.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	float: left;
}

div#s_top ul li#as a:hover{
	background-position: 0 -225px;
}










div#s_bottom{
	width: 600px;
	height: 225px;
}

div#s_bottom ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#s_bottom ul li#sa{
	width: 200px;
	height: 225px;
	float: left;
}

div#s_bottom ul li#sa a{
	width: 200px;
	height: 225px;
	background-image: url(sa.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#s_bottom ul li#sa a:hover{
	background-position: 0 -225px;
}

div#s_bottom ul li#af{
	width: 200px;
	height: 225px;
	float: left;
}

div#s_bottom ul li#af a{
	width: 200px;
	height: 225px;
	background-image: url(africa.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#s_bottom ul li#af a:hover{
	background-position: 0 -225px;
}

div#s_bottom ul li#ca{
	width: 200px;
	height: 225px;
	float: left;
}

div#s_bottom ul li#ca a{
	width: 200px;
	height: 225px;
	background-image: url(central_america.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#s_bottom ul li#ca a:hover{
	background-position: 0 -225px;
}
/*----------------------------*/




div#topborder{
	width: 1000px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ddd;
	display: block;
}





h3{
	font-family: Helvetica, sans-serif;
	color: #333;
	font-size: 1.2em;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

div#intro{
	width: 999px;
	height: 200px;
	margin-top: 480px;
	font-family: Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.4em;
}

div#intro p{
	font-family: Helvetica, sans-serif;
	color: #333;
	font-size: .8em;
	line-height: 1.4em;
}

div#intro a{
	color: #990033;
	text-decoration: none;
}

div#intro a:hover{
	text-decoration: underline;
}

div#signature{
	font-family: Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 1.4em;
	padding: 1em 2em 1em 2em;
	margin: 0 0 1em 0;
}

div#signature p{
	font-family: Helvetica, sans-serif;
	color: #333;
	font-size: .8em;
	line-height: 1.4em;
}

div#signature a{
	color: #990033;
	text-decoration: none;
}

div#signature a:hover{
	text-decoration: underline;
}


/*----------------------------------------------------------------------------------------/INDEX*/
/*----------------------------------------------------------------------------------------/INDEX*/








/*----------------------------------------------------------------------------------------LINKS*/
/*----------------------------------------------------------------------------------------LINKS*/

div#links{
	width: 1000px;
	height: 75px;
}

div#links ul{
	width: 1000px;
	list-style-type: none;
}

div#links ul li#about{
	width: 333px;
	height: 75px;
	background-color: #f3f3f3;
	float: left;
}

div#links ul li#about a{
	width: 333px;
	height: 75px;
	background-image: url(links_about2.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#links ul li#about a:hover{
	background-position: 0 -75px;
}

div#links ul li#partners{
	width: 333px;
	height: 75px;
	background-color: #f3f3f3;
	float: left;
}

div#links ul li#partners a{
	width: 333px;
	height: 75px;
	background-image: url(links_partners2.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#links ul li#partners a:hover{
	background-position: 0 -75px;
}

div#links ul li#faq{
	width: 334px;
	height: 75px;
	background-color: #f3f3f3;
	float: left;
}

div#links ul li#faq a{
	width: 334px;
	height: 75px;
	background-image: url(links_faq2.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#links ul li#faq a:hover{
	background-position: 0 -75px;
}

div#links ul li#macpack{
	width: 250px;
	height: 75px;
	background-color: #f3f3f3;
	float: left;
}

div#links ul li#macpack a{
	width: 250px;
	height: 75px;
	background-image: url(links_macpack.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

div#links ul li#macpack a:hover{
	background-position: 0 -75px;
}

/*----------------------------------------------------------------------------------------/LINKS*/
/*----------------------------------------------------------------------------------------/LINKS*/







/*----------------------------------------------------------------------------------------BOTTOM_NAV*/
/*----------------------------------------------------------------------------------------BOTTOM_NAV*/

/*This is to facilitate the automatic changing of the images*/

div#bottomnav{
	width: 1000px;
	background-color: #ddd;
	margin-top: 0px;
}

div#bottomnav ul{
	list-style-type: none;
}

div#bottomnav div{
	width: 1000px;
	height: 200px;
	cursor:pointer;
}

div#bottomnav div:hover{
	background-position: 0 -200px;
}

/*----------------------------------------------------------------------------------------/BOTTOM_NAV*/
/*----------------------------------------------------------------------------------------/BOTTOM_NAV*/












/*----------------------------------------------------------------------------------------EVENTS*/
/*----------------------------------------------------------------------------------------EVENTS*/

div#ev_content{
	width: 400px;
	height: 625px;
	float: right;
	font-family: Helvetica, sans-serif;
	color: #fff;
}

div#ev_content h1{
	font-family: Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	padding: 20px 0 0 19px;
}

div#ev_content p{
	font-size: .8em;
	padding: 0 20px 0 20px;
	line-height: 1.2em;
	font-weight: normal;
}

div#ev_content h2{
	padding: 15px 20px 15px 20px;
	font-size: 1em;
	font-weight: bold;
	background-color: #333;
	line-height: 1.3em;
	width: 360px;
	margin-top: 20px;
}

div#ev_content ul{
	padding: 15px 20px 15px 20px;
	list-style-type: none;
	background-color: #;
	margin-top: 5px;
}

div#ev_content ul li{
	float: left;
}

div#ev_content ul li a{
	font-size: .8em;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

div#ev_content ul li a:hover{
	color: #990033;
}

div#container_ev_mp{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 600px;
	background-color: aqua;
}

/*----------------------------------------------------------------------------------------/EVENTS*/
/*----------------------------------------------------------------------------------------/EVENTS*/