/*  CSS by MagicLynk ---- amy.w@magiclynk.com
 *  (c) 2009 MagicLynk
 *  For details, see http://www.magictek.com/
 *
/*--------------------------------------------------------------------------*/
body { background: url(images/bg3.jpg) repeat-y #d6d1cd fixed; background-position: center top; margin-top: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px}
.tableHBG { background: url(images/containerHBG.jpg) no-repeat}
.tableBG { background: url(images/containerC.jpg) repeat-y}
.tableFBG { background: url(images/containerB.jpg) no-repeat top #e3e3e3; text-align: center; font-size: 12px; line-height: 20px; color: #372f21;}
.tableFBG a:link, .tableFBG a:visited { color: #73a604; text-decoration: none; font-weight: bolder}
.tableFBG a:hover, .tableFBG a:active { color: #da881e; text-decoration: none; font-weight: bolder}

a:link, a:visited { color: #98c304; text-decoration: none}
a:hover, a:active { color: #FFCC00; text-decoration: none;}
.white:link, .white:visited { color: #ffffff; text-decoration: none}
.white:hover, .white:active { color: #FFFF66}

#container { 
	position: relative;
	width: 957px;
	margin: auto;}

#logo { position: absolute; top: 3px; left: 50px;}
#navibg { background: url(images/navibg.png) no-repeat; position: absolute; top: 140px; left: 48px; width: 297px; height: 243px;}
#navi { position: absolute; top: 140px; left: 48px; line-height: 30px; width: 297px; height: 243px; z-index: 100}
#navi ul { margin-top: 25px; z-index: 100}
#navi li { list-style: none; font-size: 16px; font-family: Arial, Helvetica, sans-serif !important; font-weight: bolder}
#navi li a:link, #navi li a:visited { color: #ffffff; text-decoration: none;}
#navi li a:hover, #navi li a:active { color: #371d11; text-decoration: none;}
#navi li a.selected { color: #371d11}

#bannerbg { position: absolute; top: 113px; right: 34px; background: url(images/building.png) no-repeat; width: 542px; height: 277px; }
#banner { position: absolute; top: 113px; right: 34px; width: 542px; height: 277px; color: #ffffff; line-height: 25px; z-index: 100}

#subnavi { position: absolute; top: 393px; left: 48px; width: 295px; height: 519px; background: url(images/subNavibg.jpg) no-repeat bottom; z-index: 100}
/* #subnavi ul { margin-left: -27px; text-align: center}
#subnavi li { list-style: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif !important;}
*/

td .border { border: solid 2px #999999}

.title { font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; line-height: 40px; text-transform: uppercase}
.titl2 { font-size: 15px !important; color: #ffffff !important; line-height: 22px !important}
.titl3 { font-size: 18px !important; color: #ffffff !important; line-height: 50px !important}
hr { color: #333333; border: groove 3px;}
.note { color: #FFCC00; font-size: 120%}
.note2 { color: #98c304; font-size: 120%}
.fontb { font-weight: bolder}
.p2 { color: #cdcdcd; line-height: 25px;}
.uppercase { text-transform: uppercase}
.fill { background: #756b59; color: #dcdcdc; text-indent: 4px}

#iframeBox {/* ADDED/CHANGED */
	overflow:auto;
	width: 525px;
	height: 540px; margin-top: 5px}

.buttons {
	display: inline;
	background: url(images/buttonM.jpg) repeat-x center center;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;}

.buttons a {
	color: #ffffff !important;
	background: url(images/buttonL.jpg) no-repeat left center;
	float: left;
	margin:	0;
	padding-left: 7px;
	text-decoration: none;}
	
.buttons a:hover { color: #FFFFFF}
.buttons a:active { color: #FFFFFF}
.buttons a span {
	background: url(images/buttonR.jpg) no-repeat right center;
	display: block;
	padding:7px 13px 6px 5px;}


/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs { margin-top: 20px}
.shadetabs ul{
font-size: 14px; font-family: Arial, Helvetica, sans-serif !important;
/*set to left, center, or right to align the menu as desired*/}

.shadetabs li{ /* display: inline;*/
	line-height: 20px; width: 210px; list-style: none; text-align: left; padding: 0 0 10px 0}

.shadetabs li a{
text-decoration: none;
z-index: 1;
color: #2c2313;}

.shadetabs li a:visited{
	 color: #2c2313;}

.shadetabs li a:hover{
	text-decoration: none; color: #ffffff;font-weight: bolder; }

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 0px;}

.shadetabs li a.selected{ /*selected main tab style */
	color: #ffffff; font-weight: bolder;}

.shadetabs li a.selected:hover{ /*selected main tab style */
	color: #ffffff; text-decoration: none}

#countrydivcontainer { position: absolute; top: 410px;width: 100%; color: #cdcdcd; line-height: 25px; text-align: justify; background: url(images/containerC.jpg) repeat-y;}
#countrydivcontainer .ch { font-size: 14px; line-height: 30px; !important;}