/* CSS Document by Joanne Sadol */

body,font,th,td,p,div {
font-family: Tahoma;
font-size: 10pt ;
}

body {
margin-top: 20px;
margin-left: 20%;
background: #dddddd url(http://www.attamit.ac.th/images/main_background_crop.jpg) repeat fixed bottom left;
}

em {font-weight: bold; text-decoration: none; font-style: normal;}
/**p {line-height: 14pt; text-indent: 3em;	margin: 1em;}**/

a {font-weight: bold;}
a:link {
	COLOR: #5f05c5; TEXT-DECORATION: none
}
a:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
a:hover {
	CURSOR: hand; COLOR: #fb97ff; TEXT-DECORATION: none
}
a:active {
	COLOR: #5f05c5; TEXT-DECORATION: none
}
.st {  font-size: 9px}

a.bmenu:link {color: #ffffff; text-decoration: none;}
a.bmenu:visited {color: #ffffff; text-decoration: none;}
a.bmenu:hover {color: #ccccff; text-decoration: none;}
a.bmenu:active {color: #ffffff; text-decoration: none;}

a.piclink:link {color: #ffffff; text-decoration: none;}
a.piclink:visited {color: #ffffff; text-decoration: none;}
a.piclink:hover {cursor: hand; color: #ffffff; text-decoration: none;}
a.piclink:active {color: #ffffff; text-decoration: none;}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li {
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : 0px;
	width: 86px;
	height: 17px;
	z-index:3;	


	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.75em;
		margin-top : -1.35em;
 		z-index:5;	
 }
	
	#nav li a {
		width: 11em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
/**		background-color : white; **/
		border : 1px solid white;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : none;
		width: 11em;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		width: 11em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		width: 11em;
	}

.details {
		color: #9966cc; 
		font-style: normal;
		font-weight: bold;}

.welcome {
		font-size: 14pt; 
		color: orange; 
		font-weight: bold; 
		font-style: normal;
		text-decoration: blink;}

.twelcome {
		font-size: 20pt; 
		font-family: AngsanaUPC;
		color: orange; 
		font-weight: bold; 
		font-style: normal;
		text-decoration: blink;}

.gallery {
		font-size: 14pt; 
		color: orange; 
		font-weight: bold; 
		font-style: normal;}

.date {
		font-size: 10pt; 
		color: orange; 
		font-weight: normal; 
		font-style: normal;}

.maintable {
		border: #666666 solid thick;
		background:  url(temp/mainbgd4.jpg) no-repeat; 
		width: 805px;}

.endtable {
		background:  url() no-repeat fixed top center; 
		width: 805px;}

.tdleft {
		background: no-repeat fixed top left; 
		width: 40px; 
		height: 100%; 
/**		vertical-align: top; 
		text-align: left;**/}
		
.pic {
		width: 100px; 
		height: 100px;}
		
.table1 {
		width: 100%; 
		height: 150px;}
		
.table2 {
		width: 100%; 
		height: 450px;}
		
.table3 {
		width: 100%; 
		background-color: #666666; 
		border-style: solid; 
		border-color: #666666; 
		height: 10px;}
		
.font8 {
		text-align: right; 
		font-size: 8pt;}

.bold {
		font-weight: bold;
		font-style: normal;}
.right {
		text-align: right; 
		margin: 1em;}
.center {
		text-align: center; }
.thead1 {
	 	vertical-align: top;
		text-align: center;	
		padding: 3px;
		width: 160px;
		color: white;
		font-weight: bold;
		font-style: normal;
		background-color: #333333;}
.thead2 {
	 	vertical-align: top;
		text-align: center;	
		padding: 3px;
		width: 375px;
		color: white;
		font-weight: bold;
		font-style: normal;
		background-color: #333333;}
.tlabel1 {
	 	vertical-align: top;	
		text-align: left;	
		padding: 3px;
		width: 150px;
		font-weight: bold;
		font-style: normal;
		font-size: 8pt;
		background-color: #ccccff;}
.tlabel2 {
	 	vertical-align: top;	
		padding: 3px;	
	 	width: 350px;
		font-style: normal;
		font-size: 8pt;
		background-color: #cccccc;}
.tadmin {
	 	vertical-align: top;	
		text-align: center;
		padding: 5px;	
	 	width: 200px;
		font-style: normal;
		background-color: none;
		font-size: 8pt;
		font-family: Tahoma;
		color: purple;}
.tadmin img {
		width: 120px;
		height: 160px;} 

.content {
		width: 75%; 
		height: 500px; 
		background-image:  url(images/rightbg.gif); 
		background-repeat: no-repeat; 
		background-position: center; 
		vertical-align: top; 
		text-align: left;}

.contact {
		color: #9966cc; 
		font-style: normal;
		font-weight: bold;
		font-size: 8pt;}

.pcontent {
		text-align: justify; 
		line-height: 14pt; 
		text-indent: 0em;
		margin: 1em;}
		
.ptcontent {
		text-align: left; 
		line-height: 16pt; 
		text-indent: 0em;
		margin: 1em;}

.holiday {
		font-style: normal;
		color: darkviolet;}

.ht400 {
		vertical-align: top;
		width: 100%;
		height: 350px; 
		overflow: auto;
		z-index: 5;}
.ht410 {
		vertical-align: top;
		height: 410px; 
		overflow: auto;
		z-index: 5;}
		
.decimal {
		list-style: decimal;}