/**********************************************************************************************

	Title: CSS
	Author: nDesignmedia
	Date: 2009 
		
***********************************************************************************************/


/*---------------------------------------------------------------HEAD-----------------------------------------------------------*/
body                   { margin:0px; padding:0px; background:#C9CDC7 url(../images/bgImage.gif) repeat-x}
#headA                 { width:986px; height:23px; margin:0 auto; padding:0px}
#headB                 { width:986px; height:67px; margin:0 auto; padding:0px}
#logo                  { width:290px; height:67px; margin:0 0 0 0; padding:0px; float:left; background:url(../images/logo.jpg) no-repeat}
#moto                  { width:450px; height:30px; margin:23px 0 0 8px; padding:0px; float:left; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:16px; color: #8E1629; font-weight:bold;}
#globalnav             { width:290px; height:17px; margin:9px 24px 0 0; float:right;font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; float:right; font-size:12px; color:#5C9619; font-weight:normal; text-align:right; text-decoration:none;}

#globalnav a           { color:#5C9619; text-decoration:none;}
#globalnav a:hover     { color:#436F11; text-decoration:none;}

#search_box            { width: 151px; height: 18px; background: url(../images/searchbox.gif); float:left; margin: 27px 0 0 60px;}
#search_box #s         { float: left;padding: 0; margin: 0 0 0 3px; border: 0; width:114px; background: none; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:12px; color:#699136;}
#search_box #go        { float: right; margin: 0 0 0 0;}


/*---------------------------------------------------------------NAVIGATION----------------------------------------------------------*/
#menuBg                { width:986px; height:36px; margin:0 auto; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:12px; color:#446D0C; font-weight:bold;  background:url(../images/bgMenu.gif) no-repeat}
#menuBg2               { width:986px; height:44px; margin:0 auto; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:12px; color:#446D0C; font-weight:bold;  background:url(../images/bgMenu_detail.png) no-repeat}
.nav                   { margin: 0 0 0 56px;}
.nev-wrapper           { clear: both; float: left;}
.nav-left              { background: url(../images/nav_left.png) no-repeat top left; float: left; width: 11px; height: 25px;}
.nav-right             { background: url(../images/nav_right.png) no-repeat top right; float: left; width: 11px; height: 25px;}
/*.nav ul { height: 31px; float: left; margin: 0 0 0 0px; padding-top: 3px; list-style: none; font-size: 15px;}*/
.nav ul                { padding:5px 0 0 0; margin:0 0 0 0; float: left; height: 25px; font-size:12px; font-weight:bold}
.nav li                { float: left; padding: 0 18px 0 7px;  position: relative; z-index: 1; list-style-type: none;}
.nav li.last           { background:none;}
.nav li:hover          { z-index:2;}
.nav li a              { display: block; line-height: 38px; overflow: hidden; float: left;text-decoration: none; color:#FFFFFF}
a .menu-left           { background: url(../images/menu_left2.png) no-repeat left top;width: 10px;height: 31px;line-height: 35px;display: block;float: left; }
a .menu-mid            { background: url(../images/menu_mid.png) repeat-x top left; height: 31px;display: block; float: left; font-size:13px}
a .menu-right          { background: url(../images/menu_right.png) no-repeat top left;width: 10px;height: 31px;line-height: 35px;display: block;float: left;}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right { background-position: 0 -37px; line-height: 35px; }
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a           { color: #8E1629; text-decoration: none; }
.nav li:hover .sub,
.nav li.hover .sub        { display:block;}
.nav li .sub              { display: none;position: absolute;top: 29px; left: 6px;background: url(../images/submenu_top.png) no-repeat;width: 186px;padding-top: 9px;}
.nav li ul                { background: url(../images/submenu_bg.png) repeat-y;width: 186px;height: auto;margin: 0;padding: 0 12px 10px;list-style: none;font-size: 13px;line-height: 1.8em;}
.nav li:hover li,
.nav li.active li         { width: 160px;padding: 1px 0 1px;border-bottom: 1px #FF9F09 dotted;background: none !important; }
.nav li:hover li a,
.nav li.active li a       { color: #8E1629;background: none !important;line-height: normal;width: 156px;padding: 8px 3px 3px;text-indent: 1px;}
.nav li:hover li a:hover,
.nav li.active li a:hover { color: #fff;background: #FFB007 !important; text-decoration: none;line-height: normal;}
/*IE*/
.nav li li a:hover,
.nav li li a:hover        { color: #fff;background: #699136 !important; text-decoration: none;line-height: normal;}
/**/
.nav .btm-bg              { background: url(../images/submenu_bottom.png) no-repeat;width: 186px;height: 18px;overflow: hidden;clear: both;}


/*---------------------------------------------------------------CONTENT----------------------------------------------------------*/
#contentMid               { width:986px; height:311px; margin:0 auto; padding:0px;}
#content-bottom           { width:986px; height:19px; margin:0 auto;  background: transparent url(../images/bgMenu_low.gif) no-repeat;  padding: 0;}
#content                  { width:986px; margin:0 auto;  background: transparent url(../images/bgmenu_white.png) repeat-y;  padding: 0;}
#content-right            { width:256px; float:left; margin:17px 0 0 17px; padding:0px 0 0 0px;}
#cage-left                { width:292px; margin:0 0 0 18px; padding:0px; float:left}
#cage-right               { width:292px; margin:0 0 0 18px; padding:0px; float:left;}
#cage-right2              { width:256px; margin:10px 0 9px 0px; padding:0px; float:left;vertical-align:top}
#inrm-cage                { width:640px; margin:15px 0 15px 37px; padding:0px; float:left;}
#inrm-up                  { width:640px; height:34px; margin:0 0 0 0; padding:0px; background: url(../images/inrmTop.gif) no-repeat}
#inrm-mid                 { width:640px; margin:0 0 0 0; padding:0px; background: url(../images/inrmBg.gif) repeat-y}
#inrm-bottom              { width:640px; height:20px; margin:0 0 0 0; padding:0px; background: url(../images/inrmBottom.gif) no-repeat}
.textheading              { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:25px; color: #981D33; float :left; width: auto; letter-spacing: -0.04em}
.texttitle                { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:47px; color: #981D33; float :left; width: 700px; margin:21px 0 30px 0;}
.textroot                 { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:12px; color: #A0A0A0; font-weight:normal; width: 400px; padding-top:6px;float :left;}
.textroot a               { color: #A0A0A0; text-decoration:none}
.textroot a:hover         { text-decoration: underline}
.textheading-inrm         { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:20px; font-weight:bold; color: #981D33; float :left; width: 200px;}
.textheading-content      { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:20px; font-weight:bold; color: #981D33; float :left; width: 700px;}
.content-modul            { width:250px; float: left; margin:0 0 0 0; padding:2px 0 2px 0; color: #D1D1D1; border-bottom: dashed 1px;}
#sponsor                  { width:834px; height:105px; padding-bottom:20px; margin:0 0 0 75px; background: transparent url(../images/sponsor.gif) no-repeat}
.more                     { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:11px; color: #497B24; font-style:italic; padding:0; margin-top:0px; vertical-align:top}
.more a                   { color: #497B24; text-decoration:none}
.more a:hover             { color: #487B24; text-decoration:underline}
#audio                    { float :left; width: 240px; height; 30px; margin:0 0 15px 0}
#content-detail           { width:800px; margin:0 auto; padding-top:10px}


/*-------------------------------------------------------------THE TEXT--------------------------------------------------------*/
.textcontent              { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:13px; color: #626060; font-weight:normal;}
.textbodycontent              { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:13px; color: #626060; font-weight:normal;line-height: 1.5em;}

.textbodycontentbold      { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:13px; color: #981D33; font-style:normal; line-height:22px; font-weight: bold }
.textcontent2             { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:13px; color: #626060; font-weight:normal; line-height: 1.3em;}
.textcontentbig           { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:14px; color: #626060; font-weight:bold; line-height: 1.3em;}
.textcontentbottom        { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:12px; color: #626060; font-weight:normal;}
OL.withroman              { list-style-type: WP }


.ttxbdcontent          { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size:13px; color: #626060; font-style:normal; line-height: 1.5em; }
.ttxbdcontent a        {text-decoration: underline;  color: #626060; }
.ttxbdcontent a:hover  {text-decoration: none;  color: #626060; }

#grssite {border-top:1px solid #999999; margin:50px 0px;}
#grssite2 {border-top:1px solid #999999; margin:10px 0px 35px 0px;}

/*-------------------------------------------------------------Check List-------------------------------------------------------*/
#ceklist                  { margin-top:0px; margin-left: 0;padding-left: 0;list-style: none;}
#ceklist li               { padding-left: 21px; padding-bottom:3px;padding-top:3px; background-image: url(../images/imgCheck.gif);background-repeat: no-repeat;background-position: top 0.03em; border-bottom:1px dotted #D1D1D1;}
#ceklist li a             {text-decoration:none;}


#nav-news                  { margin-top:0px; margin-left: 0;padding-left: 0;list-style: none;}
#nav-news li               { padding-left: 15px; padding-bottom:3px;padding-top:3px; background-image: url(../images/arrow.gif);background-repeat: no-repeat;background-position: top 1px ; border-bottom:1px dotted #D1D1D1;}
#nav-news li a             {text-decoration:none;}



/*------------------------------------------------------------INSIDE ELEMENT---------------------------------------------------------*/
#green-bar               { width: 951px; height: 5px; background-color: #8BB255; margin: 0 auto; padding: 0;}



/*-------------------------------------------------------------MENU INSIDE----------------------------------------------------------*/
/*#menu-inside              { width: 236px; float:left; margin:25px 0 0 50px}*/
#menu-inside              { width: 200px; float:left; margin:25px 0 0 0px; padding:0 20px 0 30px;}
#menu-cage                { width: 200px; float:left; margin:20px 0 0 25px;}
#menu-up                  { width: 236px; height: 9px; background: url(../images/menu_up_inside.gif) no-repeat; float:left; margin:0 0 0 0}
#menu-down                { width: 236px; height: 8px; background: url(../images/menu_down_inside.gif) no-repeat; float:left; margin:0 0 0 0}
#menu-bg                  { width:234px; border-left:1px solid #DADADA; border-right:1px solid #DADADA; background: url(../images/menu_gradient_inside.gif) repeat-x; padding:20px 0 20px 0;}



/*-------------------------------------------------------------image----------------------------------------------------------*/
#image-box                { width: 320px;  background: #CFCFCF; float:left; padding:8px 8px 8px 8px; margin:4px 10px 10px 0}
#image-boxthumb           { width: 100px;  background: #CFCFCF; float:left; padding:5px 5px 5px 5px; margin:4px 20px 10px 0}
#image-pubthumb           { width: 40px;  background: #CFCFCF; float:left; padding:5px 5px 5px 5px; margin:4px 20px 10px 0}
#image-pub                { width: 157px;  background: #CFCFCF; float:left; padding:5px 5px 5px 5px; margin:4px 20px 10px 0}


/*--------------------------------------------------------------BOTTOM AREA----------------------------------------------------------*/
#bottom-bar               { width: 986px; margin:0 auto;  background: transparent url(../images/bgmenu_grey.png) repeat-y;  padding: 0;}
#bottom-bar-end           { width: 986px; height : 19px; margin:0 auto;  background: transparent url(../images/bgMenu_greylow.png) no-repeat;  padding: 0;}
#bottom-tag               { width: 981px; margin: 0 auto; padding: 5px 0 10px 0;}
#bottom-txtleft           { width:500px; float: left; margin:0px; padding:30px 0 18px 40px; vertical-align:top }
#bottom-txtleft2          { width:auto; margin:0px; padding:0; }
#bottom-txtright          { width:300px; float: right; margin:0px; padding:30px 40px 18px 0; text-align:right;}