body {
color: black;
font: normal 80% Verdana;
margin: 0px 0px 0px 0px;
padding: 0;
background: #919dac url(../images/names_bg.gif) repeat;
/*background-color:#3B3B3B;*/
}

a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
a:link    { color: #0057AE; }    
a:visited { color: #0057AE; }  

h4{
font-size: 120%;
color:#800000;
margin: 0;
}

h3{
font-size: 130%;
margin: 0;
}

h2{
font-size: 140%;
margin: 5px;
}

/* ######### RSS ######### */
.rss {
padding: 5px 0px 0px 30px;
/*background-color:#990000;*/
}

.rss2 {
padding: 0px 0px 0px 6px;
/*background-color:#990000;*/
margin-top: 0px;
float:left;
}

.rss a { 
text-decoration: none;
font-size: 80%;
color:#FFFFFF;
}

.rss a:hover{ text-decoration: underline; }
.rss a:link    { color:#FFFFFF; }    
.rss a:visited { color:#FFFFFF; }  

.rss a span {
padding-left:5px;
padding-top:3px;
position: absolute;
}

.img_rss {
padding: 0px 0px 0px 0px;
}

/* ######### Images ######### */
img { 
border: 0px none; 
} 

.img_left {
float:left;
margin-right: 10px;
}

.img_right {
float:right;
margin-left: 10px;
}

.img_center {
margin-left: 5px;
margin-bottom: 5px;

}

.icons {
border: none;
padding: 2px 5px 0px 2px;
}

.header_icons {
border: #cccccc 1px solid;
}

.header_icons a:hover {
background-color:#CCCCCC;
color:#333333;
}

table {

}

table .tlist {
border: none;
}

.tlist tr {
background-color:#ccccdd;
}

.tlist tr.even {
background-color:#eeeeff;
margin: 3px 3px 3px 3px;
}

.tlist td {
padding: 3px 3px 3px 3px;
}

.tlist p {
float:left;
}

.tlist a {
float:left;
}
/* ######### Gallery ######### */
.articlegallery {
padding: 5px 5px 5px 5px;
border: 2px solid;
border-color: #CCCCCC;
background:#FFFFFF;
text-align:left;
height:inherit;
max-width:570px;
}
.gallery {
	min-height: auto;
}
.gallery ul {
	margin-left: 0px;
}
.gallery li{
	list-style-type:none;
	list-style-position: inside;
	width: 105px;
	height: 75px;
	float: left;
	position: inherit;
	padding: 2px;
	margin: 10px;
	border: 1px solid #666;
	background: #dedede;
	text-align: center;
	font-size: 0.7em;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* ######### FSA Gallery ######### */

.fieldpics {
	float: left;
	width: 272px;
	height: 260px;
	font-size: 0.8em;
	margin: 1px;
	padding: 1px;
	background-color: #dedede;
	border: 1px solid #ccc;
	text-align: center;
}

.studentpics {
	float: left;
	width: 274px;
	height: 265px;
	font-size: 0.8em;
	margin: 2px;
	padding: 2px;
	background-color: #dedede;
	border: 1px solid #ccc;
	text-align: center;
}

/* ######### Corners ######### */


/* ######### Breadcrumb ######### */

#breadcrumb {
font-size: 80%;
color:#0057AE;
padding: 0px 0px 10px 0px;
}

#breadcrumb A:hover{ 
text-decoration: none; 
background-color:#CCCCCC;
color:#333333;
}

/* ######### Main container box ######### */

.maincontainer{
width: 800px;
margin-left: auto;
margin-right: auto;
background: #333333 url(../images/grad_hori.gif) repeat-y right;		
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
padding-top: 1px;
padding-bottom: 1px;
}

.maintop{
width: auto;
margin-left: auto;
margin-right: auto;
background-color:#000000;
}

.mainbottom{
width: 800px;
height: 10px;
margin-left: auto;
margin-right: auto;
background-color:#000000;
}

.borderwrap  {
margin: 10px auto 10px auto;
width: 800px;
/*background: url(../images/moreds.gif) #919dac repeat-y center;*/
background: #919dac repeat-y center;
border: none;
}

.outerwrap {
text-align: left;
width: 800px;
border: 2px solid #333333; /* border: 3px solid #6b6b72; */
background: #d5d5d6;
}

/* ######### Article related ######### */

.imgBorder {
border-top: 2px solid #F8F8F8;
border-left: 2px solid #F8F8F8;
border-right: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
}

.article {
padding: 5px 5px 5px 5px;
border: 2px solid;
border-color: #CCCCCC;
background:#FFFFFF url(../images/grad_vert.gif) repeat-x top;
text-align:left;
height:inherit;
max-width:570px;
}

.articleLao {
padding: 5px 5px 5px 5px;
border: 2px solid;
border-color: #CCCCCC;
background:#FFFFFF url(../images/grad_vert.gif) repeat-x top;
text-align:left;
height:inherit;
max-width:570px;
font-family: "Saysettha Unicode";
}

.lao {
font-family: "Saysettha Unicode";
}

.article-sub-top {
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
border-top: 2px solid #F8F8F8;
border-left: 2px solid #F8F8F8;
border-right: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
text-align:justify;
height: 155px;
}

.article-sub-top img {
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
border-top: 2px solid #F8F8F8;
border-left: 2px solid #F8F8F8;
border-right: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
}

.article-sub-item {
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
border-top: 2px solid #F8F8F8;
border-left: 2px solid #F8F8F8;
border-right: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
background:#FFFFFF  url(../images/grad_vert_sub.gif) repeat-x top;
text-align:justify;
height: 80px;
}

.article-sub-item img {
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
border-top: 2px solid #F8F8F8;
border-left: 2px solid #F8F8F8;
border-right: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
}

.article_light {
padding: 5px 5px 5px 5px ;
background:#eeeeff;
text-align:left;
}

.article_light a {
display: block;
}

.article_dark {
padding: 5px 5px 5px 5px ;
background:#ccccdd;
text-align:left;
}

.article_dark a {
display: block;
}

.article_light_nonblock {
padding: 5px 5px 5px 5px ;
background:#eeeeff;
text-align:left;
}

.article_dark_nonblock {
padding: 5px 5px 5px 5px ;
background:#ccccdd;
text-align:left;
}

.title_small {
font-size: 100%;
font-weight: bold;	
color:#FFFFFF;
margin: 0;
background-color: #555555;
padding: 5px 5px 5px 10px;
max-width: 570px;
}

.title a {
display: block;
font-style:italic;
text-decoration:underline;
}

.title {
font-size: 140%;
font-weight: bold;	
color:#FFFFFF;
margin: 0;
background-color: #555555;
padding: 5px 5px 5px 20px;
display: block;
}

.title a:link {
color:#FFFFFF;
text-decoration:underline;
}

.title a:visited {
color:#FFFFFF;
text-decoration:underline;
}

.title a:hover {
/*background: url(../images/sdmenu/expanded.gif) no-repeat right center;
padding-right: 10px; 
font-style:italic;*/
text-decoration:underline;
}

.title_sub a {
display: block;
font-style:italic;
text-decoration:underline;
}

.title_sub {
font-size: 140%;
font-weight: bold;	
color:#F9FAFB;
margin: 0;
background-color: #777777;
padding: 5px 5px 5px 35px;
display: block;
}

.title_sub a:link {
color:#FFFFFF;
text-decoration:underline;
}

.title_sub a:visited {
color:#FFFFFF;
text-decoration:underline;
}

.cnt_box {
width: auto;
padding: 5px 5px 5px 5px;		
}

#title_top {
font-size: 130%;
font-weight: bold;	
color:#F9FAFB;
padding-bottom:5px;
background:#333333;
}

#title_bottom {
font-size: 140%;
font-weight: bold;	
color:#F9FAFB;
background:  #333333;
}

.caption {
font-size:95%;
font-weight:bold;
font-style:italic;
}

.caption2 {
font-size:80%;
font-weight:bold;
}

/* ######### Left column ######### */
#leftcolumn{
float: left;
width: 200px;
margin-right: 2px;
padding-right: 1px;
background-color: transparent;
background-color: #333333;
padding-top: 1px;
padding-bottom: 1px;

}

/* ######### Center column ######### */

#centercolumn{
float: left;
width: 591px;
padding: 5px 3px 5px 3px;
background:#eeeeee;
}

/* ######### Footer ######### */
#footer {
font-size: 80%;
padding: 5px 2px 2px 2px;
text-align: center;
color:#CCCCCC;
border: 2px solid #333333;
background: #333333;
/*background: #333333 url(../images/index_files/_redo_1_bottom.jpg) no-repeat top left;*/
}

#footer A:visited { 
text-decoration: none;
color:#FFFFFF;
}

#footer A:link  { 
text-decoration: none;
color:#FFFFFF; 
}

#footer A:hover{ 
text-decoration: none; 
background-color:#eee; 
color:#000000;
}

/* ######### Navbar ######### */
#navbar{
font-family: Arial, sans-serif;
clear: both;
padding: 3px 3px 0px 0px;
height: 1.5em;
background: url(../images/sdmenu/title_rev.gif) #333333 repeat-x top left;
text-align: right;
font-size: 90%;
color:#333333;
border-bottom: 1px solid;
}

/* ######### Rounded Corners ######### */
.rtop {
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px;
width: 804px; 
text-align: center;
background: #333333;
}

.rbottom {
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
width:804px; 
clear: both;
color:#333333;
}

.rbottom A:visited { 
text-decoration: none;
color: #FCFCFC; 
}

.rbottom A:link  { 
text-decoration: none;
color: #FCFCFC; 
}

.rbottom A:hover{ 
text-decoration: none; 
/*background-color:#eee; */
color:#CCCCCC;
}

.rfoot {
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px;
width: 804px; 
background: #333333;
}

/* ######### Pdf ######### */
.pdf_sml {
width: 17px;
height: 17px;
background-image: url(../images/sdmenu/pdf.gif);
background-repeat: no-repeat;
background-position: top left;
border: 0px;
}

.pdf_lrg {
width: 32px;
height: 32px;
background-image: url(../images/sdmenu/pdficon_large.gif);
background-repeat: no-repeat;
background-position: top left;
border: 0px;
}

.pdf_link {
width: 112px;
height: 33px;
background-image: url(../images/sdmenu/get_adobe_reader.gif);
background-repeat: no-repeat;
background-position: top left;
border: 0px;
}