@charset "utf-8";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 20px;
	MARGIN: 0px;
	FONT-SIZE: 13px;
	COLOR: #333333;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

.ControlPanel {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
	font-size: 13px;
	color: #333333;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 150%
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
	font-size: 13px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1 {
	PADDING: 0px;
	MARGIN: 0px; 
	font-size: 12px;
	line-height: 100%;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	border-bottom-style: none;
}

H2  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H3  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H4  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H5, DT  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H6  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

P, td
{
  font-size: 13px;
  color: #333333;
  font-family: "‚l‚r ‚oƒSƒVƒbƒN" , "Hiragino Kaku Gothic Pro" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , Osaka, sans-serif;
  margin: 0px;
  line-height: 150%;
  font-style: normal;
}

td
{
  vertical-align: top;
}

LI {
}

A
{
  color: #990000;
}
A:hover
{
  color: #FF3399;
  text-decoration: underline;
}

A {overflow:hidden} /*Delete FireFox Link Dot*/

A.gray {
	COLOR: #333333
}
A.gray:hover {
	COLOR: #FF3399
}

.small_12, .small_12 td
{
  font-size: 12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

.small_11 .small_11 td
{
  font-size: 11px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

BIG {
}

BLOCKQUOTE, PRE {
}


/* Original Format */
#wrapper {
	WIDTH: 922px;
	background-image: url(/Portals/kualoa/images/lib/BG_Shadow.gif);
	background-repeat: repeat-y;
	text-align:center;
	margin-top: 10px;
}

#mainframe
{
  width: 902px;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
}
/* Header */
#dnn_header {
	background-image: url(/Portals/kualoa/images/lib/BG_Header.gif);
	background-repeat: no-repeat;
	height: 115px;
}

#dnn_header .Normal h1{
	color: #ffffff;
	padding-top: 14px;
	padding-left: 290px;
}

/* Menu */
#dnn_menu {
	width: 902px;
	height: 48px;
}
/* BreadCrumb */
#Breadcrumb {
	padding-left: 25px;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a {
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	font-weight: 100;
	text-decoration: none;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a:hover {
	text-decoration: underline;
}

/* Contents */
#contents, #blogcontents, #contents_detail
{
  text-align: left;
  width: 902px;
  margin-bottom: 20px;
  float: left; /* Hack for Firefox Background image */
}

#contents #dnn_ContentPane {
  float: left;
  width: 536px;
  margin-left: 24px;
}

#contents_detail #dnn_ContentPane {
  float: left;
  width: 580px;
  margin-left: 24px;
}

/* SecondPane */

#contents #dnn_SecondPane {
  float: right;
  width: 304;
  margin-right:24px;
}

#contents_detail #dnn_SecondPane {
  float: right;
  width: 260px;
  margin-right:24px;
}

/* Blog Contents */
#blogcontents #dnn_ContentPane {
  float: left;
  width: 600px;
  margin-left: 24px;
}

/* SecondPane */

#blogcontents #dnn_SecondPane {
  float: right;
  width: 200px;
  margin-right:24px;
}

html #contents #dnn_ContentPane, html #contents #dnn_SecondPane, html #blogcontents #dnn_SocondPane {
  display:inline; /* Hack for IE6 Double padding */
}

#mainframe_bottom
{
  clear: both;
  background-image: url(/Portals/kualoa/images/lib/BG_Bottom.gif);
  background-repeat: no-repeat;
  height: 35px;
}

/* Footer */
#dnn_footer {
  width: 920px;
  clear: both;
  height: 50px;
  margin-bottom: 20px;
}

#dnn_footer h3 {
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	padding-top:10px;
}

.copyright {
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

#dnn_footer li {
	display: inline;
	font-size: 11px;
	COLOR: #666666;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

#dnn_footer ul {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 1em;
}

#dnn_footer A {
	COLOR: #666666;
}
#dnn_footer A:hover
{
  color: #FF3399;
}


/* TOP Page */
#topmain h2 {
	TEXT-INDENT: -9999px;
	WIDTH: 234px;
	height: 39px;
	background-image: url(/Portals/kualoa/images/lib/t_welcome.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#welcome img {
	float:left;
}

#welcome:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	margin-bottom: 10px;
}

#50th {
	margin-bottom: 10px;
}

#50th:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#dnn_ctr496_ModuleContent {
	margin-bottom: 10px;
}

#BoxTopNews {
	background-image: url(/Portals/kualoa/images/lib/box_news.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 304px;
	height: 208px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

#BoxTopBlog {
	background-image: url(/Portals/kualoa/images/lib/box_blog.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 304px;
	height: 210px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}


#BoxTopBlog h2, #BoxTopNews h2, #topmain .Normal h3, #dnn_ContentPane .Normal h2, #BoxActivitiesTitle h2 {
	TEXT-INDENT: -9999px;
}


.DNN_Reports_HTML_Item {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 120%;
	PADDING: 0px;
}

.TopNewsText {
	font-weight: Normal;
}

.godetail a, .godetail a:visited {
	font-weight: bold;
	color: #3B8E7E;
}
/* Safari Hack */
body:first-of-type .DNN_Reports_HTML_Item {
	font-size: 0.9em;
	line-height: 120%;
	padding-right:15px;
}

.banner {
	margin-top:20px;
}

.banner #voice, .banner #group {
	TEXT-INDENT: -9999px;
	DISPLAY: block;
}

.banner h4 a {
	DISPLAY: block; LIST-STYLE-TYPE: none; HEIGHT: 60px; TEXT-DECORATION: none
}

.banner #voice {
	WIDTH: 250px;
	height: 60px;
	background-image: url(/Portals/kualoa/images/lib/bnr_voice.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

.banner #group {
	WIDTH: 250px;
	height: 60px;
	background-image: url(/Portals/kualoa/images/lib/bnr_group.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}

/* Contents */

#dnn_ContentPane h3 {
	font-size: 1.1em;
	font-weight: bold;
	background-image: url(/Portals/kualoa/images/lib/i_next.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #C00;
}

/* Side Detail */
#detailbox {
	border: 3px solid #FF9900;
	width: 308px;
	background-image: url('/Portals/kualoa/images/lib/t_box_detail.gif');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#detailtitle {
	height: 28px;
}
.note
{
	background-image: url('/Portals/kualoa/images/lib/graydot23.gif');
	line-height: 23px;
	margin: 0px 10px 10px 10px;
	font-family: "‚l‚r ƒSƒVƒbƒN", "Courier New", monospace;
	font-size: 12px;
}

#detailbox b {
	color: #777777;
}


/* Contact Us */

.DynamicForms_LabelCell
{
  font-size: 13px;
}

/* Blog */

#calendar td {
	color: #FFFFFF;
	font-weight: bold;
}

#BoxWrapper {
	width: 100%;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
}

#BoxNoContentsWrapper {
	width: 100%;
}

#BoxActibitiesWrapper {
	width: 100%;
	padding-bottom:20px;
}

#BoxTitle h2 .Head {
	font-size: 16px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 140%;
	font-weight: bold;
	color: 	#532B17;
	padding-left:5px;
	padding-top:5px;
}

#BoxTitle {
	width: 100%;
	border-width: 2px;
	border-style: solid;
	border-color: #CCC;
	background-color: #F7F7F7;
}

#BoxActivitiesTitle {
	height: 0px;
	LINE-HEIGHT: 0px;

}

#LineTitle h2 .Head {
	font-size: 15px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 120%;
	font-weight: bold;
	color: 	#532B17;
	padding-left:0px;
	padding-top:0px;
}

#LineTitle {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:10px;
}

#BoxContent {
	padding-top:10px;
}

#BoxActivitiesContent {
	padding-top:10px;
	padding-left:68px;
	height: 340px;
	background-image: url('/Portals/kualoa/images/lib/box_activity_background.gif');
	background-repeat: no-repeat;
}

/* Blog */

#calendar td {
	color: #FFFFFF;
	font-weight: bold;
}

.Blog_Archive_Day {
	FONT-SIZE: 12px; BACKGROUND-COLOR: #fff
}

.subhead {
	font-size: 13px;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}