/* You can use this website template anywhere you want, for anything you want. All I ask is that you link back to Blank CSS (www.blankcss.com) in some way. Thank you very much and enjoy! */

/******** Body Elements ********/

*
{
	margin: 0;
	padding: 0;
}

body
{
	background-image: url(i/bg_body.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #eeeeee;
	font-family: arial;
	font-size: 12px;
	line-height: 180%;
	color: Black;
}

/******** Layout Elements ********/

.wrapper
{
	width: 780px;
	margin: 0 auto;
}

.innerwrapper
{
	float: right;
	width: 575px;
	background-color: Transparent;
}
.innerwrapperbox
{
	background-image: url(i/bg_TitleSearch.png);
	background-repeat: no-repeat;
	width: 779px;
	min-height: 450px;
	display: block;
	clear: both;
	background-position: center top;
}
.header
{
	height: 95px;
	text-align: center;
	background-image: url(i/bg_banner777x95.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 780px;
}
.searchbar
{
	height: 50px;
	display: block;
}
.menua
{
	height: 24px;
	background-image: url(i/bg_menu.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 780px;
}
.menucontent
{
	float: right;
	width: 580px;
}
.menucontentitem
{
	width: 580px;
}
.menucontentitem a
{
	padding-top: 2px;
	text-decoration: none;
}
.menucontentitem:hover, .menucontentitem a:hover, .menucontentitem span:hover
{
	color: #eb971a;
}

.content
{
	float: left;
	width: 402px;
	background-color: #ffffff;
}

.left
{
	float: left;
	width: 198px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(i/bg_left.png);
	background-repeat: repeat-y;
	background-color: #ffffff;
}

.right
{
	float: right;
	border: 0;
	width: 168px;
	background-color: #ffffff;
}

.footer
{
	display: block;
	clear: both;
	width: 779px;
	padding-top: 5px;
	margin: 0 auto;
}
.footermenu
{
	background-image: url(i/footermenu.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 777px;
	height: 41px;
	margin-left: 2px;
}
.footerCopy
{
	padding: 7px 0px 7px 0px;
	background-color: #8da7bf;
	margin-left: 2px;
}
.categorybox
{
	width: 198px;
	background-image: url(i/bg_leftblue.png);
	background-repeat: repeat-y;
}
.categoryboxitem
{
}
.categoryboxitem a, .categoryboxitem a:active, .categoryboxitem a:visited
{
	color: White;
	text-decoration: none;
}
.categoryboxitem a:hover
{
	color: #901a15;
	text-decoration: none;
}
.endbox
{
	background-image: url(i/bg_endleftbox.png);
	background-repeat: no-repeat;
	width: 198;
	height: 4px;
}
.calboxtitle
{
	background-image: url(i/bg_ator.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-color: #b3ddf8;
}
.calboxtitle a, .calboxtitle a:active, .calboxtitle a:visited
{
	color: Black;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}
.linkboxtitle
{
	background-image: url(i/bg_atorred.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-color: #db2e27;
	height: 19px;
	color: White;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}
.ListPictureInfo
{
	margin-bottom: 6px;
	text-align: center;
}
.EventsBox
{
	color: Blue;
	font-family: Arial;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}
/******** Document Styles ********/
.bigTitle
{
	font-size: 15px;
	font-weight: bold;
	color: White;
}
a, a:active, a:visited
{
	color: #2d2d2d;
	text-decoration: none;
}

a:hover
{
	color: #ff8a00;
	text-decoration: underline;
}

.header a, .header a:active, .header a:visited
{
	color: #aa0000;
}

.footer
{
	margin: 0;
	font-size: 11px;
	line-height: 13px;
}
/*Box*/
.box_Content
{
	width: 400px;
}
.box_Content_Title
{
	padding-left: 10px;
	background-color: #9093e0;
	height: 20px;
	background-image: url(i/bgtitlebox.png);
	background-repeat: no-repeat;
	background-position: 10px 1px;
}
.box_Content_Title div, .box_Content_Title a
{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	width: 100px;
	text-align: left;
	padding-left: 20px;
}
.box_Content_Title_orther
{
	padding-left: 10px;
	background-color: #9093e0;
	background-repeat: no-repeat;
	background-position: 10px 1px;
}
.box_Content_Title_orther div, .box_Content_Title_orther a
{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

.box_Content_list
{
	margin: 3px 0px 3px 0px;
}
/*News*/
.divNewsTitle
{
	padding: 2px 0px 0px 10px;
	background-image: url(I/botsmall.png);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.divNewsTitle a, .divNewsTitle a:active, .divNewsTitle a:visited
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #038be3;
}

.divNewsImgLeft
{
	margin: 3px 3px 3px 0px;
	float: left;
}
.divNewsIntro
{
	text-align: justify;
	color: Black;
}
.box_left
{
	width: 165px;
}
.box_left_title
{
	background-image: url(i/bg_atorredl.png);
	background-repeat: no-repeat;
	padding-left: 24px;
	background-color: #db2e27;
	color: White;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}
.box_left_title11
{
	background-image: url(i/bgAdvs.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 2px;
	width: 160px;
	height: 99px;
	color: #f15622;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.box_left_content
{
	border: solid 1px #8cd3ff;
	padding-top: 3px;
}
/**/
.pTitle
{
	font-family: 'arial';
	font-size: 12.5pt;
	font-weight: bold;
	margin-top: 0;
}
.LargeTime2
{
	color: gray;
	font-family: 'arial';
	font-size: 8pt;
}
.pHead
{
	color: #3F3F3F;
	font-family: 'arial';
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: justify;
}
.pBody, .pBody p, .pBody span, .pBody table, .pBody td, .pBody div
{
	color: #000000;
	font-family: 'arial';
	font-size: 10pt;
	line-height: 20px;
	text-align: justify;
}
.pAuthor
{
	font-family: 'arial';
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
}
.newimg
{
	float: left;
	margin: 5px 7px 5px 0px;
}
.printer
{
	background-image: url(Icons/printer.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	cursor: pointer;
	font-weight: bold;
}
.email
{
	background-image: url(Icons/mail_generic.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	cursor: pointer;
	font-weight: bold;
}
/*Trang gioi thieu*/
.gt_title
{
	color: #038BE3;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
}
.gt_sumary
{
	color: #000000;
	font-weight: bold;
	text-align: justify;
	text-decoration: none;
}
.gt_contentinfo
{
	font-size: 9pt;
	line-height: 20px;
	text-align: justify;
}
/**/
.TitleBlog
{
	color: #038BE3;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.blog_title_y
{
	color: #FE9818;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 8px;
}
.blog_title_item
{
	color: #DF1A11;
	font-family: Arial;
	font-size: 10pt;
}
.ItemListBlogMember
{
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}
.ItemListBlogMember:Hover
{
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	font-family: Arial;
	font-size: 10pt;
	color: #df1a11;
	text-decoration: under;
}
.ItemSpect
{
	border-bottom: dotted 1px #fa9818;
	padding-bottom: 2px;
}
.ListMemberHome
{
	margin-left: 10px;
	background-image: url(i/IconMember.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial;
	font-size: 10pt;
	padding-left: 10px;
	text-align: left;
}
.TSubContents
{
	background-color: #ACDEFF;
	border: 1px solid #7FC4F2;
	padding: 2px;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
}
.TitleBlogs, .TitleBlogs:active, .TitleBlogs:visited
{
	color: #038BE3;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
}
.TitleBlogs:hover
{
	color: #DB2E27;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: underline;
}
/*---------------- Style Pager --------------------*/

.Pager
{
	margin-top: 10px;
}
.OffPage
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #C54508;
	padding-left: 3px;
	padding-right: 2px;
	text-decoration: none;
	text-align: center;
	width: 20px;
	height: 15px;
	background-color: #D9D6D6;
	border: 1px solid #BBB8B8;
}
.OnPage A
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #C54508;
	padding-left: 3px;
	padding-right: 2px;
	text-decoration: none;
	text-align: center;
	width: 20px;
	height: 15px;
	background-color: #FFFFFF;
	border: 1px solid #BBB8B8;
}
.OnPage A:Hover
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #FF0000;
	padding-left: 3px;
	padding-right: 2px;
	text-decoration: underline;
	text-align: center;
	width: 20px;
	height: 15px;
	background-color: #FFFFFF;
	border: 1px solid #BBB8B8;
}
.OnOut
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #F4EEEE;
	padding: 3px;
	text-decoration: none;
}
.OnOut A
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #C54508;
	padding: 3px;
	text-decoration: none;
}
.OnOut A:Hover
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #FF0000;
	padding: 3px;
	text-decoration: underline;
}


.Sep
{
	font-family: Arial;
	font-size: 9pt;
	color: #ffffff;
	padding: 3px;
	text-decoration: none;
}

.MemberNam_A:hover
{
	color: Red;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.MemberNam_A
{
	color: #038BE3;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.MemberNam
{
	color: #000000;
	font-family: Arial;
	font-size: 12px;
}
.templateTable_1 td
{
	border: 1px solid #C2D4DA;
}
.templateTable_1
{
	background-color: #F3F8F7;
	border-collapse: collapse;
}
.templateCaption_1
{
	background-color: #ECF2F3;
	text-align: left;
}
.box_login
{
	background-image: url(i/bg_loginbox.png);
	background-repeat: no-repeat;
	min-height: 133px;
	width: 193px;
	margin-left: 2px;
	border: solid 1px #ddd;
}
.member_title
{
	margin-left: 2px;
	margin-right: 2px;
	background-image: url(Icons/IconMember.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left 8px;
}
.member_title a, .member_title a:visited, .member_title a:active
{
	font-size: 11px;
	color: #399de7;
}
.member_title a:hover
{
	color: Red;
	text-decoration: none;
}
.inforYou
{
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}
.article_blog
{
	background-image: url(i/topic_read.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 35px;
}
DIV.ContextMenu
{
	background-color: #ffffcc;
	font-family: Tahoma;
	font-size: 8pt;
	padding: 1px;
	border: #ffcc33 1px solid;
	border-top: #ffcc33 4px solid;
	text-align: left;
}

DIV.ContextMenuHeader
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	padding: 4px;
	background-color: #f0e68c;
}

DIV.ContextMenu A
{
	font-family: Tahoma;
	font-size: 8pt;
	display: block;
	color: #000;
	padding: 3px 10px 3px 5px;
	text-decoration: none;
}

DIV.ContextMenu A:Hover
{
	background-color: #ffcc33;
}


.hplBlog
{
	border-right: 1px solid #000000;
	padding-right: 5px;
	width: 70px;
	height: 20px;
}
.Title_b
{
	font-family: Tahoma,Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #0D0A5B;
}
.cal1
{
	background-image: url(i/cal1.png);
	width: 192px;
	background-repeat: no-repeat;
	border: solid 1px #6593cf;
	margin-left: 2px;
	height: 24px;
	padding-top: 2px;
}
.cal1 a, .cal1 a:active, .cal1 a:visited
{
	color: Black;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	margin-left: 25px;
}
.cal2
{
	margin-left: 2px;
	width: 194px;
	border: solid 1px #6593cf;
}
.calDayStyle, .calDayHeaderStyle, .calTodayDayStyle
{
	background-color: #e3efff;
	font-size: 11px;
	font-family: Arial;
}
.calDayStyle a, .calDayHeaderStyle a
{
	font-size: 11px;
	font-family: Arial;
}
.calTitleStyle
{
	background-color: #e3efff;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.calNextPrevStyle
{
	padding-left: 5px;
	padding-right: 5px;
}
.calSelectedDayStyle
{
	background-color: #fbc84f;
}
.calSelectedDayStyle a
{
	color: Black;
}