/* Layout Code*/
a.PartnersIcon{ display:block; text-align:center;}
*, .SkinObject{font-family:Verdana, Arial, Helvetica, sans-serif;}
body{background-image:url(/Portals/0/Skins/Main/layout/BodyBG_02.jpg); background-position:0 0; background-repeat:repeat-x; background-color:#FFFFFF; margin:0; padding:0;}
#width{width:1000px; background-color:#FFFFFF;  }
#Floater{float:left;  width:100%; background-color:#FFFFFF;}
#gutter{  width:950px;}
#Header{ height:110px; clear:both;}
#leftHeader{  width:300px; float:left; margin:0 0 0 20px;}
#rightHeader{width:300px; float:right; margin:10px 20px 0 0; text-align:right;}

#bodyArea{clear:both;  float:left; width:100%;  }
#bodyLeft{ width:700px; float:left; overflow:hidden;   }
#bodyRight{width:230px; float:right; overflow:hidden;  }

#EventItem{ text-align:left;}
#EventItem a:active,#EventItem a:visited,#EventItem a:link,#EventItem a:hover{ font-size:10px; text-align:left;}

#FormID p{ font-size:12px;}

a:active, a:link, a:visited, a:hover{
	color: #0096d7;

}

a.headerlinks:active, a.headerlinks:link, a.headerlinks:visited, a.headerlinks:hover{
	color: #ffffff;
}

#Donate{color:#0298d5; font-size:14px; font-weight:bold; position:relative; top:12px; }
p.img{margin:0; padding:0;}

#footerArea{clear:both; height:32px; background-image:url(/Portals/0/Skins/Main/layout/FooterBG.jpg); background-position:0 0 ; background-repeat:repeat-x; padding:0 0 10px 0;  }
.footerWidth{width:1000px;}
#footerArea .FLeft{float:left; width: 100%; text-align:center; padding:3px 0 0 0; margin: auto 0;}

.footerLinks{
	
}

.footerLinks {



}

	

#footerArea a,#footerArea a:active,#footerArea a:link,#footerArea a:visited,#footerArea p,#footerArea .SkinObject{ color:#FFFFFF; font-size:9px; font-weight:normal; text-decoration:none;  }
#footerArea a:hover{text-decoration:underline; color:#FFFFFF; font-weight:normal;}
#Espanol{margin:0 0 15px 0;}
#Espanol a:active,#Espanol a:link,#Espanol a:visited{ color:#0096d7; text-decoration:none; font-size:10px;}
#Espanol a:hover{ color:#0096d7; text-decoration:underline;}


#ChildLinks{clear:both;}

.contentPane{
	text-align: left;
	font-size: 12px;
}



.contentPane table{
	font-size: 12px;
}


.contentPane table h1, .contentPane h1{
color: #0096d7;
font-size: 18px;
}

.tweet{

color: #424242;
text-align: left;
padding-left: 0;
padding-bottom: 0;
}

#homebanners{
	width: 700px;
	height: 281px;
	background-color: #ffffff;
}

.tweet a:active,.tweet a:link,.tweet a:visited{ color:#0096d7; text-decoration:none; display:block; padding:2px 0 2px 0;}
.tweet a:hover{text-decoration:underline; color:#0096d7; display:block; padding:2px 0 2px 0;}
.tweet li{color:#000000; line-height:120%}


.tweet_text{

font-size: 10px;


}

.tweet_first_tweet_odd a{

font-size: 10px;

}

.tweet ul{
	
	list-style: none;
	padding: 0;
	margin: 0; 
	width:219px;
	height:120px;
	background-image:url(/Portals/0/Skins/Main/layout/birdyguy.gif); background-position:bottom right; background-repeat:no-repeat;
}

.tweet li{
	display: block;
	list-style: none;
	padding-left: 10px;
	margin: 0;
	
	width:135px;
	overflow:hidden;
}

/* 
================================
Containers
================================
*/
#Room{margin:0 5px 0 5px; padding:5px 0 0 0;}
/* MinCSS*/
#OWIN_Container{ margin:10px 0 5px 0;}

/* Child Links */
#ChildLinks_Container{margin:10px 0 10px 0;}
#ChildLinks_Container .Head{font-size:12px; color:#0a6a9c; font-weight:bold; display: none;}
#ChildLinks_Container a{ color:#989898; font-size:10px;}


/*Grey Container*/
#GreyBrandedContainer{margin:10px 0 5px 0;}
#GreyBrandedContainer .BrandedHeader{ height:41px; background-image:url(/Portals/0/Skins/Main/layout/GrayBGWM.jpg); background-position:100% 0; background-repeat:no-repeat;}

/*Blue Container*/
#BlueBrandedContainer220Mid .BrandedHeader,#BlueBrandedContainer220Right .BrandedHeader,#BlueBrandedContainer220Left .BrandedHeader,#BlueBrandedContainer .BrandedHeader{  height:41px; background-image:url(/Portals/0/Skins/Main/layout/BlueBGWM.jpg); background-position:100% 0; background-repeat:no-repeat;}
#LightBlueBody{  clear:both;  }
#LightBlueBody p{ margin:0;}
.LightBlueLeft{ background-image: url(/Portals/0/Skins/Main/layout/LightBlue_BottomLeft.jpg); background-position:0 100%; background-repeat:no-repeat; background-color:#d2ecf9;}
.LightBlueRight{background-image: url(/Portals/0/Skins/Main/layout/LightBlue_BottomRight.jpg); background-position:100% 100%; background-repeat:no-repeat; padding:0 0 15px 0;   }
#BlueBrandedContainer{ display:block; margin:10px 0 5px 0; clear: both; }
#BlueBrandedContainer220Mid{width:220px; float:left;margin:10px 18px 5px 18px;  }
#BlueBrandedContainer220Left{width:220px; float:left; clear:left; margin:10px 0 5px 0; }
#BlueBrandedContainer220Right{width:220px; float:right; clear:right;margin:10px 0 5px 0; }
.BrandedHeader .Head{ color:#fff; font-size:20px; text-align:left ; font-weight:normal; display:block; padding:8px 0 0 10px;}

/* Grey title */
#GreyTitle_Right{ float:right; width:220px; margin:10px 0 5px 0; clear:right; overflow:hidden; }
#GreyTitle_Left{float:left; width:220px; margin:10px 0 5px 0; clear:left; overflow:hidden;   }
#GreyTitle_Center{float:left; width:220px; margin:10px 17px 5px 17px; overflow:hidden;  }
#GreyBGTitle .Head{  color:#707273; font-size:20px; text-align:left ; font-weight:normal; display:block;  padding:8px 0 0 10px;}
#GreyTitle_Right,#GreyTitle_Left ,#GreyTitle_Center{ background-image:url(/Portals/0/Skins/Main/layout/GreyContainer_BG.jpg); background-position:0 100%; background-repeat:repeat-x;}
/* 
================================
Menu
================================
*/
#blueLeft{ background-image:url(/Portals/0/Skins/Main/layout/LightBlue_TopLeft.jpg); background-position:0 0; background-repeat:no-repeat; background-color:#d5edf9; height:42px;}
#blueRight{background-image:url(/Portals/0/Skins/Main/layout/LightBlue_TopRight.jpg); background-position:100% 0; background-repeat:no-repeat;}
#Navigation{  }
/* 
================================
BLOG/News
================================
*/
.articleTopCell {
height: 41px;

background-image: url(/Portals/0/Skins/Main/layout/BlueBGWM.jpg);

background-position: 100% 0pt;

background-repeat: no-repeat;
}

.articleTextCell {
background-color:#d5edf9;

}
a.MenuTopSelected:active,a.MenuTopSelected:link,a.MenuTopSelected:visited,a.MenuTop:active,a.MenuTop:link,a.MenuTop:visited{ color:#0096d7;}
a.MenuTopSelected:hover,a.MenuTop:hover{ color:#0096d7;}
#Table1{width:99%; }
td.articleTable{background-color:#FFFFFF;}
/* 
================================
Calendar
================================
*/
.EventSelectedDay{ border-color:#029ADB!important;}
/* 
================================
Badges
================================
*/
#BadgeCode textarea{ font-size:9px; color:#666666;}
/* 
================================
SuckerFish  DO NOT EDIT
================================
*/

#menu {
	margin: 0; /* all lists */
	float: left;
	padding:0 0 0 15px;
}

#menu ul {
	margin: 0; /* all lists */
	padding: 0;
	line-height:1em;
}
#menu li {
	margin: 0; /* all list items */
	padding: 3px 6px 0 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	line-height:1em;
	text-transform:uppercase;
	
}

/* level 2 */
#menu li ul {
	width: 25em;
	position: absolute; 
	z-index: 99;
	left: -999em; 
	height: auto !important;
	background-color:#fff;	
}

/* level 3, where to start  */
#menu li ul ul {
	margin: -1.3em 0 0 13em; 
}
/* width of submenu item*/
#menu li li {
	padding: 0 0 0 0;
	margin: 0;
	width: 24em;
}

#menu ul a {
	width: 24em;
}

#menu li:hover ul ul, 
#menu li:hover ul ul ul,
#menu li.sfhover ul ul, 
#menu li.level1sfhover ul ul, 
#menu li.level1-activesfhover ul ul,
#menu li.sfhover ul ul ul, 
#menu li.level1sfhover ul ul ul, 
#menu li.level1-activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul,
#menu li.sfhover ul, 
#menu li.level1sfhover ul, 
#menu li.level1-activesfhover ul,
#menu li li.sfhover ul, 
#menu li li.levelhavechildsfhover ul, 
#menu li li.levelhavechild-activesfhover ul,
#menu li li li.sfhover ul, 
#menu li li li.levelhavechildsfhover ul, 
#menu li li li.levelhavechild-activesfhover ul {
	left: auto;
}

/*
-----------------------------------*/

/* Thiet lap menu trong suot */
#menu li ul {
	
	
	 
}

#menu li ul li {
margin:0; padding:0;	
	
}

#menu li ul a {
	border-right: none;
	padding: 2px 10px;
	border-top: none;
	background: none;
	font-weight: normal;
	text-transform: none;
	
}

#menu li ul a:hover,
#menu li ul a:active,
#menu li ul a:focus {
	color: #004693;
}

#menu li a {
	margin: 0;
	padding: 14px 10px 7px 0;
	display: block;
	color:0096d7;
	font-weight: bold;
	text-decoration: none;
	font-size:14px;
}
#menu li li a {
	margin: 0;
	padding: 5px !important;
	display: block;
	color:0096d7;
	font-weight: normal;
	text-decoration: none;
	font-size:12px;
}
#menu li a:hover {
}

#menu li a.active {	
	color: #484848;
}

#menu li a.active:hover,
#menu li a.active:active,
#menu li a.active:focus {
}

#menu li li a.active {
	border-top: none;
	background: none;
	color: #F85703;
	font-weight: bold;
}

/*Muc 1*/
#menu li.level1
{
	
	
	color: #ff0000;
}

#menu li.level1-active {
}

#menu li.levelhavechild
{
	
	
}

#menu li.levelhavechild-active {
	
}

/* hover li with sub
   change arrow7.jpg to arrow12.gif
   bgcolor = #e0ffff
*/
#menu li.levelhavechild:hover {
	
}

/* hover or active level 1
   bground = topbg_green1.gif	
   backcolor = #FFFFFF
*/
#menu li:hover,
#menu li.sfhover, 
#menu li.level1sfhover, 
#menu li.level1-activesfhover {
	
}

/* hover li no sub
   backcolor = #e0ffff
*/
#menu ul li:hover, 
#menu ul ul li:hover, 
#menu ul li.sfhover, 
#menu ul ul li.sfhover
{

}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 #draggable { width: 75px; height: 25px; background: silver; padding: 10px; }
    #droppable { position: relative; left: 250px; top: 0; width: 125px; height: 75px; background: gray; color: white; padding: 10px; }
    
    .draggable01, .draggable02, .draggable03, 
		.draggable04, .draggable05, .draggable06, 
		.draggable07, .draggable08, .draggable09, 
		.draggable10, .draggable11{
			cursor: pointer;
		}
		
		#dragbox{
			background-image: url(/Portals/0/Skins/Main/images/box.gif);
			height: 220px;
			width: 276px;
			border: 3px solid #0196d8;

		}
		
		
/* ======================nEWS RSS ============================*/
#dnn_ctr444_RssModule_pnlRss p{display:block; clear:both; }
#dnn_ctr444_RssModule_pnlRss .DNN_News_ItemLink{margin:15px 0 0 0;}
#dnn_ctr444_RssModule_pnlRss .DNN_News_ItemDetails{margin:0 0 15px 0;}
