/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Tools */
.f-left 		{ float: left; }
.f-right 		{ float: right; }
.clear_b 		{ clear: both; }
.center 		{ text-align: center; }
.left			{ text-align: left; }
.right			{ text-align: right; }
.bold			{ font-weight:bold; }
.v-top			{ vertical-align: top; }
.v-middle		{ vertical-align: middle; }
.v-bottom		{ vertical-align: bottom; }
.no-display		{ display: none !important; }

.H5  { height: 5px; }
.H10 { height: 10px; }
.H12 { height: 12px; }
.H15 { height: 15px; }
.H20 { height: 20px; }
.H23 { height: 23px; }
.H25 { height: 25px; }
.H30 { height: 30px; }

.P5  { padding: 5px }
.P10 { padding: 10px; }
.P15 { padding: 15px; }
.P20 { padding: 20px; }
.P25 { padding: 20px; }
.P30 { padding: 30px; }

.F12 { font-size: 12px; }
.F13 { font-size: 13px; }
.F14 { font-size: 14px; }
.F16 { font-size: 16px; }
.F18 { font-size: 18px; }

.MR5  { margin-right:  5px; }
.MR10 { margin-right: 10px; }
.MR15 { margin-right: 15px; }
.MR20 { margin-right: 20px; }
.MR30 { margin-right: 29px; }

.MT5  { margin-top:  5px; }

.ML5  { margin-left:  5px; }
.ML10 { margin-left: 10px; }
.ML10 { margin-left: 15px; }
.ML20 { margin-left: 20px; }

.MB5  { margin-bottom:  5px; }
.MB10 { margin-bottom: 10px; }
.MB15 { margin-bottom: 15px; }
.MB20 { margin-bottom: 20px; }

.PL10 { padding-left: 10px; }
.PL15 { padding-left: 15px; }
.PL20 { padding-left: 20px; }
.PL30 { padding-left: 30px; }

.PR10	{ padding-right: 10px; }
.PR15	{ padding-right: 15px; }
.PR20	{ padding-right: 20px; }
.PR30	{ padding-right: 30px; }

.PB10	{ padding-bottom:10px; }
.PT10	{ padding-top:10px; }
.debug { background-color: #930}

/* CSS HEADINGS */
h1 { font: normal 26px/1.5em "Trebuchet MS",Helvetica,Jamrul,sans-serif; }
h2 { font: normal 24px/1.5em "Trebuchet MS",Helvetica,Jamrul,sans-serif; }
h3 { font: normal 18px/1.5em "Trebuchet MS",Helvetica,Jamrul,sans-serif; }
h4 { font: normal 16px/1.5em "Trebuchet MS",Helvetica,Jamrul,sans-serif; }
h5 { font: normal 16px/1.5em "Trebuchet MS",Helvetica,Jamrul,sans-serif; }
h6 { font: normal 16px/1.5em "Trebuchet MS",Helvetica,Jamrul,sans-serif; }

p { margin: 0; padding: 0}

.box		{}
.box-content{}
.box-title 	{}
.box-text 	{}
.TC { width: 100%; background: none 0 0 repeat-x; }
.TL { width: 100%; background: none 0 0 no-repeat; }
.TR { width: 100%; background: none 100% 0 no-repeat; }
.BC	{ width: 100%; background: none 0 100% repeat-x; }
.BL { width: 100%; background: none 0 100% no-repeat; }
.BR { width: 100%; background: none 100% 100% no-repeat; }
.ML	{ width: 100%; background: none 0 0 repeat-y; }
.MR	{ width: 100%; background: none 100% 0 repeat-y; }
.MM	{ width: 100%; }
.MTC{ width: 100%; background: none 0 0 repeat-x; }
.MBC{ width: 100%; background: none 0 100% repeat-x; }

/*##############################################################################################################################*/
/* CSS PAGE */
body  { font: normal 14px/1.5em "Trebuchet MS",Helvetica,Jamrul,sans-serif; color : #333; background:#FFFFFF url(images/mainbg.png) repeat-x 0 0; }

a					{ cursor: pointer; }
a:link, a:visited	{ color: #0A6A9F; text-decoration: none; }
a:hover				{ color: #82A916; }

.page-content				{ width:980px; margin:4px auto 0px auto; background:#FFFFFF url(images/page-top.png) no-repeat 50% 0; }
.welcome					{ height:255px; background: url(images/welcomebg.jpg) no-repeat 50% 0; margin-top:10px; }
.welcome-box				{  }
.welcome-box-title			{ font-size:24px; font:bold; color:#FFFFFF; line-height:1em !important; padding:10px 0 10px 0; }
.welcome-box-content		{ padding:0px 10px 0px 10px; color:#000000; font-size:12px; }

.main-box					{ margin-top:20px; }

.center-left-cols	{}
.center-right-cols	{}
.center-two-cols	{}
.center-one-cols	{}

/* HEADER */
.header-container 			{ padding:20px 0px; }
.header 					{  }
.box-header					{  }

/* NAVIGATION */
.site-nav					{ height:43px; }
.site-nav-left				{ width:10px; height:43px; background:url(images/site-nav-left.png) no-repeat 0 0; }
.site-nav-right				{ width:10px; height:43px; background:url(images/site-nav-right.png) no-repeat 0 0; }
.site-nav-middle			{ width:auto; height:43px; background:url(images/site-nav-bg.png) repeat-x 0 0; margin:0px 10px; }

/* CONTENT */
.main-container					{ background:url(images/page-bottom.png) no-repeat 50% 100%; }

.center-box						{ margin-bottom:20px; }
.news-title h2,
h3.center-box-title				{ color:#0A6A9F; font-size:22px; line-height:1.2em; }
.news-title h2 a,
h3.center-box-title a			{  }
.news-list-title h2 a:hover,
h3.center-box-title a:hover		{  }
.news-item,
.center-box-content				{ padding:20px 20px ; background:url(images/content-bottombg.png) no-repeat 0 100%; }
.news-item table,
.center-box-content table		{ width:100%; margin:auto auto; }

.col-right-box						{ min-height:120px; background:url(images/right-box-bg.png) no-repeat 50% 100%; margin-bottom:20px; }
.right-box-title					{ height:34px; }
.right-box-title-left				{ width:4px; height:34px; background:url(images/right-box-title-left.png) no-repeat 0 0; }
.right-box-title-right				{ width:4px; height:34px; background:url(images/right-box-title-right.png) no-repeat 0 0; }
.right-box-title-center				{ width:auto; height:34px; margin:0px 4px; background:url(images/right-box-title.png) repeat-x 0 0; }

h3.col-right-box-title				{ color:#FFFFFF; font-size:18px; line-height:34px; padding:0px 11px; }
h3.col-right-box-title a			{ color:#FFFFFF; }
h3.col-right-box-title a:hover		{ color:#FFFFFF; }
.col-right-box-content				{ padding:10px 15px; }
.default-content table,
.col-right-box-content table		{ width:100%; margin:auto auto; }

.default-content					{ padding:10px 15px; }

/* NEWS */
.news-title h2,
.news-title h2 a,
.news-list-title h2,
.news-list-title h2 a			{  }
.news-list-title h2 a:hover,
.news-title h2 a:hover			{  }
.news-body						{  }
.news-body a 					{  }
.news-body a:hover 				{  }

.news-extended,
.top-news-read-more				{  }
.news-extended	a,
.top-news-read-more	a			{  }
.news-extended-shadow,
.news-icons-shadow				{  }
.news-info-bottom				{  }
.news-icons						{  }
.news-icons img 				{  }
.news-info-top,
.news-author,
.news-date						{  }
.news-author a					{  }
.news-author a:hover			{  }
.news-comments					{  }
.news-caticon					{  }
.news-image img					{ max-width:200px; }
.news-sticky					{  }
.news-list-item 				{  }
.news-list-title				{  }
.news-border-dark				{  }
.news-border-lite				{  }

.news-category					{  }
.news-category-item-link a:hover,
.news-category a 				{  }
.news-category-item-link a,
.news-category a:hover 			{  }
.news-category-item				{  }
.news-category-item-link		{  }

/* MENU */
.menu-box						{  }
h3.menu-box-title				{  }
.menu-box-content				{  }

.center-box						{  }
h3.center-box-title				{  }
.center-box-content				{  }


/* FOOTER */
.footer-container 				{ text-align:center; font-size:13px; margin-bottom:20px; }
.footer-left					{ vertical-align:middle !important; padding:30px 0px; }
.footer-center					{ color:#000000; vertical-align:middle !important; padding:30px 0px; }
.footer-center a				{ color:#0A6A9F; }
.footer-center a:hover			{ color:#333333; text-decoration:underline; }
.footer-center-text				{ font-size:12px; }
.footer-center-text a			{ text-decoration:underline; }
.footer-center-text a:hover		{ text-decoration:none; }

/*##############################################################################################################################*/
/* E107 REALTED */
.tbox 							{ color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; font-size: 14px; font-weight: normal; padding: 5px 5px; margin: 5px 5px ; }
input.input-text, 
textarea.tbox 					{ width: auto; padding : 2px 5px; color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; }
#submitnews_item				{ width: 90%; }
.tbox.chatbox 					{ width: 90%; padding : 2px; color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; margin: 10px auto; }
.tbox.signature 				{ width: 350px; color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; font-size: 14px; font-weight: normal; padding: 5px 5px; margin: 5px 5px ; }
.npdropdown 					{ width: auto; margin: 0px 0px; padding: 2px; height: auto; text-align: left; }
.tbox.comment.subject 			{ width: 98%; background-color: transparent; border: 0px none; padding: 2px; margin-top: 3px; }
#comment.tbox.comment 			{ width: 98%; padding : 2px; color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; }
#contactForm textarea.tbox 		{ width: 350px; padding : 2px; color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; }
input#helpb.helpbox 			{ margin-top: 2px; margin-bottom: 2px; background-color: transparent; border: 0px none; font-size: 10px; color: #000000; text-align: left; }
#commentform .helpbox			{ width: 98%; border-collapse: collapse; padding: 1px; }
.helpbox 						{ width: 98%; background-color: transparent; border: 0px none; border-collapse: collapse; padding: 3px; }
.indent 						{ color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; padding: 5px 15px; font-size: 90%; margin: 10px 10px 5px 15px; font-style: italic; }

#signupform .tbox,
#dataform .tbox { width:300px; }
#signupform select.tbox,
#dataform select.tbox { width:auto; }
.button, 
.button:focus 					{ text-align: center; color: #333333; background-color: #EEEEEE; border:1px solid #CCCCCC; padding: 5px 5px ; margin: 5px 0px ; font-weight: bold; cursor:pointer; }
.button:hover 					{ background-color: #EEEEEE; border:1px solid #CCCCCC; color: #0A6A9F; }

.nextprev						{ border: 0px none; color: #666666; background-color: transparent; border-collapse: collapse; padding: 15px 20px; margin: 5px 0px ; text-align: left; width: auto; font-size: 14px; font-weight: normal; }
a.nextprev_link 					{ color:#666666; margin:0px; padding:2px 2px; text-decoration: none; }
a.nextprev_link:hover 			{ color:#000000; text-decoration: none; }
.nextprev_current 				{ color:#000000; margin:0px; padding:2px 2px; text-decoration: none; }

.smalltext 						{ font-size: 11px; font-weight: normal; }
.smallblacktext 				{ font-size: 11px; font-weight: bold; }
.defaulttext, 
.caption, 
.bodytable, 
.mediumtext 					{ font-size: 12px; font-weight: normal; }

.fborder 			{background-color: transparent; border: 0px none; padding: 3px; margin-top: 3px; text-align: left; }
.nforumcaption		{color: #000000; padding: 3px; font-size: 110%; text-align: left; }
.forumheader,
.forumheader2,
.forumheader3,
.forumheader4,
.forumheader5,
.finfobar			{color: #000000;padding: 10px 3px; border-bottom:1px #EEEEEE solid; font-size: 99%;text-align: left;}
.forumheader6 		{color: #000000;padding: 10px 3px; font-size: 99%;text-align: left;}
.forumborder 		{background-color: transparent;vertical-align: top;text-align: left;}
.fcaption 			{color: #000000;  vertical-align: top; border-bottom:1px #EEEEEE solid; font-size: 12px;text-align: left;font-weight: normal;line-height: 1.5em; padding: 5px 0px;}
.fcaption a 		{text-decoration: none;}
.fcaption a:hover 	{text-decoration: underline;}