/** 
 * Main CSS Style Sheet
 *
 */

* {
	margin:0;
	padding:0;
}


/** 
 * Default Styles
 *
 */

#thai-large{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:540px;
	position:absolute;
	z-index:50;
	/* End layout CSS */
	height:305px;
	overflow:hidden;
	visibility:hidden;
	left:20px;
	top:20px;
	cursor:pointer;

}
#traffic-large{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:540px;
	position:absolute;
	z-index:50;
	/* End layout CSS */
	height:305px;
	overflow:hidden;
	visibility:hidden;
	left:20px;
	top:20px;
	cursor:pointer;

}
body {
margin: 0;
padding:0;	
font-family: Tahoma;
font-size: 16px;
color: #666;
background-color: #CFD2D7;
background-image: url(../images/site/background.jpg);
background-repeat: repeat-x;
}
#example_images_presentation {
	position:absolute;
	z-index:10;
	width:186px;
	height:280px;
	top:35px;
	right:0px;
}

#container 
{
width: 950px;
margin: auto auto;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding: 0px;
}

#header
{
width: 950px;
height: 124px;
padding: 0px 0px 0px 0px ;
margin: 0px 0px 5px 0px;
background-image: url(../images/site/header.png);
repeat: repeat-x;
text-align: right;
}

#header a:link
{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

#header a:active
{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

#header a:visited
{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

#header a:hover
{
color: #ccc;
text-decoration: underline;
font-weight: bold;
font-size: 16px;
}


.flash
{
}

h1
{
font-size: 20px;
font-weight: bold;	
margin: 0px;
color: #333;
text-align: left;
margin: 0px 0px 10px 0px;
}

h1.column
{
font-size: 20px;
font-weight: normal;	
margin-bottom: 0px;
color: #3399FF;
text-align: left;
}

h2
{
font-size: 11px;
font-family:Tahoma, Geneva, sans-serif;
font-weight: normal;	
margin-bottom: 0px;
color: #999;
}

input, textarea
{
        border: 1px solid #ccc;
        padding: 10px;
        background: #fff;
        color: #333;
}

input, text
{
        border: 1px solid #ccc;
        padding: 10px;
        background: #fff;
        color: #333;
}

input, image
{
        padding: 0px;
}

select 
{
        border: 1px solid #ccc;
        background: #fff;
        color: #333;
}


.large_text
{
font-size: 16px;
font-style: italic;
font-weight: normal;
text-decoration: none;
margin: 0px 0px 20px 0px;
}

#bottom { 
width: 100%; 
text-align: center;  
font-size: 12px; 
color:#666; 
font-family: Arial, Helvetica, sans-serif; 
margin:auto auto;
}  

#bottom a:link
{
color: #666;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#bottom a:active
{
color: #666;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#bottom a:visited
{
color: #666;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#bottom a:hover
{
color: #333;
text-decoration: underline;
font-weight: normal;
font-size: 12px;
}


.footer_spacer
{
height: 50px;
}

.footer_inner
{
        width: 950px;
        margin: auto auto;
        padding: 0px 100px 0px 100px;
        padding: 0px;
        text-align: left;
        line-height: 15px;
}

#footer
{
	
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the dx on top of all other elements--*/
	background: #CD1C24;
	border-top: 0px solid #c3c3c3;
	border-bottom: none;
	width: 100%;
	margin: 0 0;
        padding:5px;
        background-image: url(../images/site/footer.jpg);
} 

#footer a:link
{
color: #fff;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#footer a:active
{
color: #fff;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#footer a:visited
{
color: #fff;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#footer a:hover
{
color: #999;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#valid
{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: center;
color: #fff;
}

#valid a:link
{
text-decoration: none;	
color: #FFE6C4;
font-weight: bold;
}

#valid a:active
{
text-decoration: none;	
color: #FFE6C4;
font-weight: bold;
}

#valid a:visited
{
text-decoration: none;	
color: #FFE6C4;
font-weight: bold;
}

#valid a:hover
{
text-decoration: none;	
color: #fff;
font-weight: bold;
}

.breaker
{
height: 10px;
}

.mini_breaker
{
height: 5px;
}

.clear
{
clear: both;
display: block;
}

.float
{
display: block;
float: right;
font-weight: bold;
font-size: 15px;
}

.float a:link
{
color: #FFE6C4;
font-weight: bold;
	font-size: 15px;
text-decoration: none;
}

.float a:active
{
color: #FFE6C4;
	font-size: 15px;
font-weight: bold;
text-decoration: none;
}

.float a:visited
{
color: #FFE6C4;
	font-size: 15px;
font-weight: bold;
text-decoration: none;
}

.float a:hover
{
color: #fff;
	font-size: 15px;
font-weight: bold;
text-decoration: none;
}

#map
{
width: 600px;
height:450px;
border: 1px solid #000;
color: #000;
}

#map  a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #860000;
}

#map  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	text-decoration: underline;
}


/** 
 * Container Styles
 *
 */



.area_1
{
width: 590px;
display: block;
margin: 10px 15px 0px 0px;
border-right: 0px solid #E6E6E6;
text-align: justify;
}

.area_1 a:link
{
color: #2780D1;
font-weight: bold;
	font-size: 15px;
text-decoration: none;
text-align: left;
}

.area_1 a:active
{
color: #2780D1;
	font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

.area_1 a:visited
{
color: #2780D1;
	font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

.area_1 a:hover
{
color: #ccc;
	font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: left;
}


.area_2
{
width: 150px;
display: block;
float: right;
margin: 10px 0px 0px 0px;
color: #000;
}


.area_2 .text_header h1
{
font-size: 20px;
font-weight: normal;	
margin-bottom: 0px;
color: #3399FF;
text-align: left;
}

.area_2 a:link
{
color: #fff;
font-weight: bold;
	font-size: 13px;
text-decoration: none;
}

.area_2 a:active
{
color: #fff;
	font-size: 13px;
font-weight: bold;
text-decoration: none;
}

.area_2 a:visited
{
color: #fff;
	font-size: 13px;
font-weight: bold;
text-decoration: none;
}

.area_2 a:hover
{
color: #ccc;
	font-size: 13px;
font-weight: bold;
text-decoration: underline;
}


.area_1 .text_header
{
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
display: block;
border: 0px solid #ddd;
background-image: url(../images/site/text_header.jpg);
}

.area_1 .text_header h1
{
font-size: 25px;
font-weight: bold;	
margin-bottom: 0px;
color: #fff;
text-align: left;
}


.area_2 .text_header
{
padding: 10px;
margin: 0px 0px 0px 0px;
display: block;
border-bottom: 0px solid #ddd;
background-color: #ccc;
}

.area_2 .text_header h1
{
font-size: 20px;
font-weight: normal;	
margin-bottom: 0px;
color: #3399FF;
text-align: left;
}

.area_1 .text_header a:link
{
color: #fff;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}

.area_1 .text_header a:active
{
color: #fff;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}

.area_1 .text_header a:visited
{
color: #fff;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}


.area_1 .text_container
{
padding: 5px 5px 5px 5px;
margin: 0px 0px 10px 0px;
display: block;
border-bottom: 0px solid #ddd;
background-color: #333;
}

.area_2 .text_container
{
padding: 10px;
margin: 0px 0px 20px 0px;
display: block;
border-bottom: 0px solid #ddd;
background-color: #ccc;
color: #000;
}



.text_container ul 
{

}

.text_container ul li
{
margin-left: 30px;
margin-bottom: 5px;
text-align: left;
}

.area2 .text_container ul 
{

}

.area2 .text_container ul li
{
margin-left: 60px;
margin-bottom: 5px;
}




.content
{
margin: 5px 0px 10px 0px;
width: 750px;
display: block;
padding: 0px;
color: #333;
margin: auto auto;
margin-bottom: 100px;
font-size: 14px;
}

.fbcontent
{
margin: 5px 0px 10px 0px;
width: 750px;
display: block;
padding: 0px;
color: #333;
margin: auto auto;
margin-bottom: 100px;
font-size: 14px;
}

.content ul
{
        
        
        
}

.content ul li
{     
   
        margin-left: 15px;
        margin-bottom: 15px;
        text-align: left;     
        
}

.content  a:link
{
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
		font-size:24px;
}

.content  a:active
{
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
}

.content  a:visited
{
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
}

.content a:hover
{
        color: #666;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
}




/** 
 * Menu Styles
 *
 */


ul.dropdown ul li .linkbar

{
padding-top: 10px;
}

.top_menu
{
width: 950px;
height: 50px;
padding: 50px 5px 0px 5px;
border-bottom: 0px solid #ddd;
background-repeat: repeat-x;
text-align: right;
margin: 0px 0px 5px 0px;
}

.top_menu a:link
{
color: #000;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}

.top_menu a:active
{
color: #000;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}

.top_menu a:visited
{
color: #000;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}

.top_menu a:hover
{
color: #fff;
font-weight: normal;
font-size: 16px;
text-decoration: none;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/

#menu
{
margin: 0px 0px 0px 0px;
width: 950px;
height: 38px;
padding: 0px 0px 5px 5px;
float:right;
}


#nav{
	float: right;
	list-style:none;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
        text-align: right;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}

#nav li a{
	display:block;
	padding:5px;
	color:#000;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#nav li a:hover{
	color:#fff;
	background:#000; /* Solid colour fall-back */
	background:rgba(105,105,105); /* It'll look nice semi-transparent */
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
	background:#004D80; /* Solid colour fall-back */
	background:rgba(139,131,120,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#333; /* Solid colour fall-back */
	background:rgba(105,105,105,0.55); /* It'll look nice semi-transparent */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

.current{
	color:#000;
	background:#000; /* Solid colour fall-back */
	background:rgba(0,0,0,0.5); /* It'll look nice semi-transparent */
	text-decoration:underline;
	font-size: 15px;
}





/******************************************************* 
 *
 *               DXDYnamix Styles
 *
 ****/

.success_update
{
background-image: url(../images/site/success_button.png);
background-repeat:no-repeat;
background-position: 5px 5px;
background-color: #EFF5EA;

border: 1px solid #446423;
padding: 5px 0px 5px 25px;
margin: 5px 5px 10px 5px;
color: #336600;
}

.success_update h1
{
color: #009900;
}


.error_update
{
background-color: #FF9393;
border: 1px solid #ff0000;
padding: 5px 5px 5px 5px;
margin: 5px 5px 10px 5px;
color: #000;
}

.error_update h1
{
color: #ff0000;
}

.flash
        {
        width: 735px;
        height: 335px;
        background-image: url(../images/site/flash.jpg);
        margin: 35px 0px 35px 0px;
        padding: 20px 0px 0px 20px;
}

.content_three
{
        
        width: 100%;
        
}

.content_three
{
        width: 33.3%; 
        padding: 0px 10px 0px 0px;
}

.clear_50
{
        
        height: 50px;
        
}

.timeline_image
{
        margin: 10px 0px 10px 0px;
        width: 750px;
}

.about_left
{
        float: left;
        height: 100%;
        width: 350px;        
}

.about_right
{
        float: right;
        width: 335px;
}

.about_right_frame
{
        width: 335px;
        padding: 20px;
        background-color: #fff; 
        height: 190px;
}

.social
{
        margin: 20px 0px 0px 0px;
        
}

.video_hold
{
        width: 760px;
        height: 335px;
        margin: 0px 0px 35px 0px;
        padding: 20px 0px 0px 20px;
        border: 1px solid #000;
        
        
        
}