/* HTML
-------------------------------------------------------------------------------------------------------*/
body {
	/*font: .8em Verdana;*/
	background: url(http://www.asiantlh.org/images1/layout/bg_main.jpg) repeat-x #2b0007;
}

td {
	font: .8em Verdana;
	color: #000000;
}

p {
	line-height: 150%;
	margin-left: 30px;
	margin-right: 30px;
}

.heading1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: c0c0c0;
	color: #000000;
	text-align:left;
	font-weight: 800;
	line-height: normal;
}

.heading2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: 800;
	text-align:left;
	line-height: normal;
}

.heading3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e43f2a;
	font-weight: 800;
	text-align:left;
	line-height: normal;
}

a:link {
	color: #666666;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a:visited {
	text-decoration: underline;
	color: #000000;
}

a:active {
	text-decoration: underline;
	color: #000000;
}

h1 {
	font-size: 1.5em;
	color: #FFFFFF;
	background: #CCCCCC;
	margin-left: 20px;
	margin-top: 10px;
}

h2 {
	font-size: 1.2em;
	color: #666666;
	margin-left: 20px;
}

/* for upcoming events */
h3 {
	font-size: 1.2em;
	color: #ffffff;
	background: #C35243;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 2px;
	padding: 5px;
	
}

ul.lower-alpha {list-style-type: lower-alpha; list-style-position: inside;}

fieldset { 

	border:1px solid #2b0007; 
	
}

legend {
  padding: 10px;  
  margin-left: 20px;
  color:#cdc092;  
  text-align:right;
  font-size: 1.5em;
  font-weight: bold;
  }


label {
    display: block;
    width: 200px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

/* box for upcoming events dce4b3
-------------------------------------------------------------------------------------------------------*/
#japantsunami {
	width: 480px;
	background-color: #000000;
	color: #FFFFFF;
	/*border-top: dashed 1px #3c3b27;
	border-bottom: dashed 1px #3c3b27;*/
	text-align: left;
	padding: 5px;
	margin-left: 15px;	
}

		div#japantsunami h4 { /* for event title*/
			/*padding: 5px;*/
			font-size: 1.2em;
			color: #ffffff;
			/*background: #F7EA9F;*/
			margin-left: 5px;
			/*margin-top: 5px;*/
		}
		
#upcoming {
	width: 480px;
	background-color: #D9D8D8;
	border-top: dashed 1px #3c3b27;
	border-bottom: dashed 1px #3c3b27;
	text-align: left;
	padding: 5px;
	margin-left: 15px;	
}

		div#upcoming h4 { /* for event title*/
			/*padding: 5px;*/
			font-size: 1em;
			color: #C75041;
			/*background: #F7EA9F;*/
			margin-left: 5px;
			/*margin-top: 5px;*/
		}

#sidebar {
	width: 260px;
	background-color: #F2E9B9;
	border: dashed 1px #C75041;
	text-align: left;
	padding: 5px;
	margin-left: 15px;
}

		div#sidebar h4 { /* for event title*/
			/*padding: 5px;*/
			font-size: 1em;
			color: #2B0007;
			/*background: #F7EA9F;*/
			margin-left: 5px;
			margin-top: 5px;
		}
		
#leftsideBG {
	width: 240px;
	height: 599px;
	background: url("http://www.asiantlh.org/images1/layout/left_bg_new.jpg") no-repeat;
}


#culturalawareness {
	width: 510px;
	background-color: #EFECCB;
	border-top: dashed 1px #2B0007;
	border-bottom: dashed 1px #2B0007;
	text-align: left;
	padding: 5px;	
}
		div#culturalawareness h4 { /* for event title*/
			/*padding: 5px;*/
			font-size: 1em;
			color: #2B0007;
			/*background: #F7EA9F;*/
			margin-left: 5px;
			margin-top: 5px;
		}

/* box for calendar of events dce4b3
-------------------------------------------------------------------------------------------------------*/
#calendar {
	width: 500px;
	background-color: #F2E9B9;
	border-top: dashed 1px #C75041;
	border-bottom: dashed 1px #C75041;
	text-align: left;
	padding: 5px;	
}

		div#calendar h4 { /* for event title*/
			/*padding: 5px;*/
			font-size: 1em;
			color: #C75041;
			/*background: #F7EA9F;*/
			margin-left: 5px;
			margin-top: 5px;
		}


/* box for Experience Asia announcement dce4b3 #C75041
-------------------------------------------------------------------------------------------------------*/

#experienceasiamain {
	width: 770px;
	background-color: #ffffff;
	border: solid 1px #c0c0c0;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding: 5px;
	float: left;	
}

		div#experienceasiamain h4 { /* for event title*/
			/*padding: 5px;*/
			font-size: 1.5em;
			color: #C75041;
			/*background: #F7EA9F;*/
			margin-left: 5px;
			margin-top: 5px;
		}

#experienceasialeft {
	width: 450px;
	background-color: #F2E9B9;
	border: solid 1px #c0c0c0;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding: 5px;
	float: left;	
}

		div#experienceasia h4 { /* for event title*/
			/*padding: 5px;*/
			font-size: 1.5em;
			color: #C75041;
			/*background: #F7EA9F;*/
			margin-left: 5px;
			margin-top: 5px;
		}
#experienceasiaright {
	width: 300px;
	background-color: #F2E9B9;
	margin-top: 20px;
	margin-right: 15px;
	border-top: dashed 1px #C75041;
	border-bottom: dashed 1px #C75041;
	float: right;
	text-align: left;
	padding: 5px;	
}		
				
/* drop menu ----------------------------------------------------------------*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: verdana;}

#sddm li a
{	display: block;
	margin: 0px;
	padding: 4px 10px;
	/*width: 120px;*/
	background: #C35243; /* red */
	color: #000000;
	border-left: 1px solid #D78B81; /* light red */
	border-right: 1px solid #D78B81; /* light red */
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #EAEBD8} /* beige + green */

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #277aaa; /* blue */
	/*border: 1px solid #5970B2*/}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8; /* beige + green */
		color: #2875DE;
		font: verdana;
		border-bottom: 1px dashed #D78B81;}

	#sddm div a:hover
	{	background: #8c5f12; /* brown */
		color: #FFF}
		
		
/* Header
-------------------------------------------------------------------------------------------------------*/
div#header {
	width: 800px;
	margin: 0 auto;

}

	/*div#header h1 {
		margin: 40px 120px 0 0;
		float: right;
		font-size: 1.8em;
		letter-spacing: 2px;
		text-align: center;
		color: #FFF;
	}
	
	div#header img {
		position: absolute;
		right: 0;
		top: 0;
	}*/

/*div#flag {
	height: 40px;
	width: 1000px;
	background: #000000;
	text-align: center;
}*/

div#banner {
	width: 800px;
	height: 144px;
	/*background: #48D1CC;
	background: url("http://fcpr.fsu.edu/nilubon/php/ACT_Redesign/images1/layout/banner-home.jpg");*/
}


div#nav {
	width: 800px;
	height: 20px;
	background: #c35243;	
	font: .9em Verdana;
	padding: 3px 0px 1px 0px;	
}
	
/* Content
-------------------------------------------------------------------------------------------------------*/
div#wrapper {
	width: 800px;
	margin: 0 auto;
	background: #FFFFFF;
}

div#content {
	width: 795px;
	float: left;
}

	div#col1 {
		width: 280px;
		/*height: 500px;*/
		float: left;
		margin-left: 1px;
		/*background: #B0C4DE;*/
		background: url("http://fcpr.fsu.edu/nilubon/php/ACT_Redesign/images1/layout/green_white_diagonal_BG.jpg") repeat;
		border: 1px solid #84a680; /* green*/
	}
	
	div#eventbox {
	width: 320px;
	float: left;
	background: #84A680;
	margin-top: 5px;
	/*border-right: 4px solid #E1DE7F;
	border-bottom: 4px solid #E1DE7F;
	border-left: 4px solid #E1DE7F;*/
	}

		div#eventbox h4 { /* for event title*/
			padding: 5px;
			font-size: 1em;
			color: #000000;
			background: #F7EA9F;
			margin-left: 5px;
			margin-top: 5px;
		}
	
	
	
	div#col2 {
		width: 485px;
		height: 400px;
		margin: 0px 10px 10px 12px;
		float: left;
		background: #FFFFFF;
	}
	
	
	div#dragon {
		width: 800px;
		height: 187px;
		/*margin: 0 auto;*/
		clear: both;
		border-bottom: 1px dashed #c35243;
	}


/* Sidebar
-------------------------------------------------------------------------------------------------------*/


div#sidepicture {
	width: 190px;
	float: left;
	margin-left: 8px;
	margin-top: 15px;
}


/* Fancy Thumbnail Hover Effect w/ jQuery
-------------------------------------------------------------------------------------------------*/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	/*width: 360px;  original is 360 */
	width: 240px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 60px; /* original is 110 */
	height: 60px; /* original is 110 */
}
ul.thumb li img {
	width: 50px; height: 50px; /* Set the small thumbnail size original is 100 */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}


#main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;
}

/* end Hoover */
/* Footer
-------------------------------------------------------------------------------------------------------*/
div#footer {
	font: .8em Verdana;
	padding: 12px 0;
	margin-top: 25px;
	text-align: center;
	clear: both;
	background: url("http://fcpr.fsu.edu/nilubon/php/ACT_Redesign/images1/layout/footer.jpg") bottom no-repeat;
}

/* Classes
-----------------------------------------------------------------------------------------------------------------------------------------*/

.imgCenter {
	margin: 0px 10 0px 10px;
}

.imgLeft {
	margin: 0;
	float: left;
}

.imgRight {
	margin: 10px 0 10px 10px;
	float: right;
}

.begintext {
	color: #c35243;
	font: 1.2em Verdana;
	font-weight: 800;
}