/* COMMON STYLE

--------------------------------------------------------- */

html, body, form, fieldset {

	margin: 0 ;

	padding: 0;

}


body {
	background: #fff;
	color: #333333;
	font-family: 'MS UIゴシック', MS UI Gothic,'メイリオ',Meiryo, sans-serif;
	line-height: 1.5;

}


body#bd {
	color: #333333;
	background: url(../images/orange_bg.png) repeat-x center 0px;
	margin:0px; padding:0px;
	background-color:#febb11; /* orange*/
}

div#box_top{
	padding:0px; 
	height:12px;
	width:956px;
	margin:0 auto;
    position:absolute;
	left:0;
	top:0;
}

div#box_top img, div#box_btm img{
    padding:0px;
	margin:0px;
}

div#wrapper{
	width:956px;
	margin:0 auto;
	padding:0px;
	background: url(../images/bg_m.gif) repeat-y;
	position:relative;
	z-index:2;
}


div#box_btm{
	padding:0px; 
	height:11px;
	width:956px;
	margin:0 auto;
}


div#inner{
    background-color:#ffffff;
	width:950px;
	margin:0 auto;
}

body.contentpane {

	color: #000000;

	font-size: 12px;

	line-height: 1.3em;

	margin: 0;

	margin: 1em 2em;

	width: auto; /* Printable Page */

}


body.fs1 {font-size: 13px;}

body.fs2 {font-size: 13px;}

body.fs3 {font-size: 14px;}

body.fs4 {font-size: 14px;}

body.fs5 {font-size: 15px;}

body.fs6 {font-size: 16px;}


/* Normal link */

a {

	color: #0358A8;

	text-decoration: none;

}


a:hover, a:active, a:focus {

	color: #333333;

	text-decoration: underline;

}


a img {

	border: none;

}


/* Title text */


.blog_more strong, h2, h3, h4 {

	line-height: normal;

	font-weight: normal;

	color: #333333;

}

.contentheading {
    font-weight:bold;
	color:#0099cc;
	height:35px;
	line-height:35px;
	text-indent:55px;

}


.componentheading {
	margin: 0px;
	text-align: left;
	letter-spacing: 1px;
	background: url(../images/dot.gif) repeat-x left bottom;
	text-indent:30px;
	line-height:32px;
	font-weight:bold;
	height:32px;
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_menu2 h3{
    margin:0px;
	letter-spacing:1px;
}

/* Small text */

small, .small, .smalldark{
   font-size:70%;	
}

*html small, .small, .smalldark{
   font-size:80%;	
}

.article-meta, .modifydate, .img_caption p, p.site-slogan, .sectiontableheader,

#tpwrap, #subnav, #footer, #col1, #col2, #spotlight_btm {

	font-size:100%; 

}
*html .article-meta, .modifydate, .img_caption p, p.site-slogan, .sectiontableheader,

#tpwrap, #subnav, #footer, #col1, #col2, #spotlight_btm {
    font-size:95%;	
}


img {

	margin: 0;
	padding:4px;
	border:none;

}

img.border{
    border:1px solid #ccc;
	padding:4px;
	background-color:#FFF;
}

img.nopad{
    padding:0px;

}

.img_caption p {
	text-align: center;
	background: #333333;
	color: #FFFFFF;
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif, "Lucida Console";
	text-transform: uppercase;
	margin-top: 1px;
	letter-spacing: 2px;
}


.img_caption.left, .img_caption.right {

	margin-top: 3px;

}


/* Heading */

h1 {font-size: 160%;}

h2 {font-size: 120%;}

h3 {font-size: 100%;}

h4 {font-size: 95%;}


p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {

	margin: 1em 0;

	padding: 0;

}

p{
    padding-left:10px;
	padding-right:10px;
}

ul {

	list-style: none;

}


ul li {

	background: url(../images/bullet.gif) no-repeat 15px 8px;

	line-height: 160%;

	padding-left: 28px;

}


ol li {

	line-height: 180%;

	margin-left: 35px;

}


th {

	font-weight: bold;

	padding: 8px;

	text-align: left;

}


fieldset {

	border: none;

	padding: 10px 5px;

	background: url(../images/dot.gif) repeat-x top;

}


fieldset a {

	font-weight: bold;

}


fieldset.input {

	padding: 0;

	background: none;

}


hr {

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	border-top: 0;

	height: 1px;

}


br {

	height: 1px;

	font-size: 1px;

}


td, th, div {

	font-size: 100%;

}

/* Font Styling 

--------------------------------------------------------- */

.nobg{
	border:none;
	background:none;
	background-image:none;
	text-indent:0px;
	padding:0;
	margin:10px 0px;
	display:block;
}


/* BREADCRUMBS 

--------------------------------------------------------- */
span.breadcrumbs{
   
    display:block;
	clear:both;
	margin-bottom:8px;
	line-height:14px;
}

span.breadcrumbs img{

	vertical-align:top;
	padding:0px;
}


/* FORM

--------------------------------------------------------- */

form {

	margin: 0;

	padding: 0;

}


form label {

	cursor: pointer;

}


input, select, textarea, .inputbox, .button {

	font-family: inherit;

	font-size: 100%;

}


.inputbox {

	padding: 2px;

	border: 1px solid #CCCCCC;

	background: #FFFFFF;

	color: #333333;

	font-size: 100%;

}


.button {

	padding: 2px 8px;

	border: 1px solid #ccc;

	background: #f1f5f6;

	letter-spacing: 1px;

	color: #333;

}


* html .button { /*IE 6*/

	padding: 0 5px !important;

}


*+html .button { /*IE 7*/

	padding: 0 5px !important;

}


/* JOOMLA STYLE

--------------------------------------------------------- */

.article_separator {

	clear: both;

	display: block;

	height: 15px;

	margin: 0;

	/*background: url(../images/dot.gif) repeat-x center;*/

}


.column_separator {

	padding: 0 25px;

}


/* content tables */

.sectiontableheader {
	background: #333333;
	padding: 2px 8px;
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif, "Lucida Console";
	text-transform: uppercase;
	letter-spacing: 1px;
}


.sectiontableheader a,

.sectiontableheader a:hover,

.sectiontableheader a:active,

.sectiontableheader a:focus {


}


tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

	padding: 8px;

	background: url(../images/dot.gif) repeat-x bottom;

}


table.contentpane {

	border: none;

	width: 100%;

}


table.contentpaneopen {

	border: none;

	border-collapse: collapse;

	border-spacing: 0;

}


table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 30%;

	float: right;

}


table.contenttoc td {

	background: url(../images/bullet.gif) no-repeat 12px 8px;

	padding: 1px 5px 1px 20px;

}


table.contenttoc th {

	border-bottom: 1px solid #CCCCCC;

	padding: 0 0 3px;

	text-indent: 5px;

}


table.poll {

	border-collapse: collapse;

	padding: 0;

	width: 100%;

}


table.pollstableborder {

	border: none;

	padding: 0;

	text-align: left;

	width: 100%;

}


table.pollstableborder img {

	vertical-align: baseline;

}


table.pollstableborder td {

	border-collapse: collapse;

	border-spacing: 0;

	padding: 4px !important;

	background: none;

}


table.pollstableborder tr.sectiontableentry1 td {

	background: #E6E6E6;

}


table.searchintro {

	padding: 10px 0;

	width: 100%;

}


table.searchintro td {

	padding: 5px!important;

}


.blog_more {

	margin: 15px 0 0;

	padding: 10px 0 0;

	background: url(../images/dot.gif) repeat-x top;

}


.blog_more strong {

	display: block;

	margin: 0 0 5px;

	text-transform: uppercase;

}


.blog_more ul {

	margin: 0;

	padding: 0;

}


.blog_more ul li {

	background: url(../images/bullet.gif) no-repeat 4px 8px;

	margin: 0;

	padding: 0 0 0 12px;

}


.category {

	font-weight: bold;

}


h1.componentheading, .componentheading{

	font-size: 140%;

}


.contentdescription {

	padding-bottom: 30px;

}


h2.contentheading, .contentheading{

	font-size:120%;
}


table.blog .contentheading {

	font-size: 120%;

}


a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

}


a.readon {

	text-align: center;

	width: 135px;

	height: 27px;

	line-height: 27px;

	display: block;
	
	float:right;

}


a.readon:hover, a.readon:focus, a.readon:active {


}


table.contentpaneopen td, table.contentpane td {

}


table.contentpaneopen, table.contentpane, table.blog {

	width: 100%;

}


.moduletable {

	padding: 0;

}

/*-----Pagination ----------*/

ul.pagination {

	margin: 15px auto 0;

	padding: 10px 0 0;

	background: url(../images/dot.gif) repeat-x top;
	
    display:block; text-align:center;	
}

p.counter{
    text-align:center;	
}

ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;

}


ul.pagination li span{

	padding: 2px 5px;

}


ul.pagination a {

	padding: 2px 3px;

	text-decoration: none;

	background: #666666;

	color: #FFFFFF;

}


ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

	background: #0358A8;

	color: #FFFFFF;

}


.pagenavbar {

	background: url(../images/icon-pages.gif) no-repeat center left;

	font-weight: bold;

	padding-left: 14px;

}


.pagenavcounter {

	background: url(../images/icon-pages.gif) no-repeat 0 11px;

	font-weight: bold;

	padding: 8px 14px 0 14px;

}


.smalldark {

	text-align: left;

}


div.syndicate div {

	text-align: center;

}


.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

	background: none;

}


ul.latestnews a, ul.mostread a {

	color: #666666;

}


/* META

--------------------------------------------------------- */

.article-toolswrap {

	display: block;

	margin: 0 0 10px;

	padding: 0;

	position: relative;

}


.article-tools {

	display: block;

	padding: 0 10px 0 0;

}


.article-meta {

	width: 70%;

	float: left;

	color: #999999;

}


.createby {

}


.createdate {

	padding-right: 6px;

	margin-right: 5px;

	background: url(../images/vline.gif) no-repeat right;

}


.createdate-icon { /*for clendar style*/

	margin: 0 10px 0 0;

	background: url(../images/calendar.gif) no-repeat;

	display: block;

	float: left;

	width: 40px;

	height: 44px;

	text-align: center;

}


.date {

	font-size: 20px;

	line-height: 20px;

}


.month {

	color: #FFFFFF;

	font: 9px/20px Tahoma, Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	display: block;

	letter-spacing: 1px;

}


.modifydate {

	/*width: 100%;*/

	display: block;

	color: #0358A8;

	margin: 15px 0;

}


.article-section {

	padding-left: 6px;

	margin-left: 5px;

	background: url(../images/vline.gif) no-repeat left center;

}


.article-section a {

	color: #999999;

}


.article-category a {

	color: #999999;

}


div.buttonheading {

	position: absolute;

	top: 0;

	right: 10px;

}


.buttonheading img {

	margin: 0 0 0 5px;

	border: 0;

	float: right;

}


/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#tp,

#header{

	width: 957px;

	margin: 0 auto;

	clear: both;

}

#header {
    height:81px;	
}

img.logo{
    float:left;
	width:258px;
	height:41px;
	margin-top:15px;
}

.prehead{
    float:right;
	height:15px;
	margin-top:5px;
}
.prehead p{
    padding:0px; margin:0px;
	font-size:12px;	color:#ccc;
}

#mainnav{
   /*width: 690px;*/
   width:710px;
   float:right;
	
}

#container{
    width:951px;
	margin: 0 auto;
	clear:both;
}

#feature{
    float:right;
	width:431px;
	height:312px;
	border-bottom:2px solid #f4f4f4;
	margin:0px;
	padding:0px;
	overflow:hidden;
} 
#feature p{
    margin-left:15px;	
}


#mainbody {

	width: 601px;

	float: left;
	
	margin-top:10px;
	
	padding-left:30px;
	
	padding-right:20px;


}

#footer{
	width: 957px;

	margin: 0 auto;

	clear: both;

}

/* PRIMARY COLUMN

--------------------------------------------------------- */

#content {

	clear: both;

	display: block;

	float: right;

}

#current-content {

	padding: 0 0 20px;

}

/* COLUMNS

--------------------------------------------------------- */

#col2 {

	float: right;

	overflow: hidden;

	width:290px;
	
	margin-top:10px;
	
	padding-right:10px;

}


#col2 div.innerpad {


}


/* COLLAPSIBLE LAYOUT

--------------------------------------------------------- */

#containerwrap,

#containerwrap-fl,

#containerwrap-f {
	padding:0;
	
	margin: 0;
}


/*content + right*/

#containerwrap-fl #content {

	width: 95%;/* neccessary. this is the padding for the content area. */
	float:left;

}


#containerwrap-fl #current-content {

	/*padding-left: 5px;*/

}

#containerwrap-fl .contentheading, #containerwrap-fl h2.contentheading{
    background:url(../images/h2_bg.gif) no-repeat left top; 
}


/*full*/

#containerwrap-f #mainbody {

	float:left;
    margin-top:10px;
    padding-left:30px;
    padding-right:30px;
	width: 895px;

}


#containerwrap-f #content {

	width: 895px;

}


#ja-containerwrap-f #ja-current-content {

	padding-left: 0;

	padding-right: 0;

}

#containerwrap-f .contentheading, #containerwrap-f h2.contentheading{
    background:url(../images/h2_bg_w.gif) no-repeat left top; 
}


/* MODULE

--------------------------------------------------------- */

div.moduletable_menu h3,
div.moduletable_hilite h3,
div.moduletable_login h3{
	background: url(../images/navi/module_title_bg.gif) no-repeat left top!important;
	width:290px;
	height:38px;
	line-height:38px;
	font-weight:bold;
	color:#666;
}

div.moduletable_hilite h3,
div.moduletable_login h3{
    padding:0px;
	margin:0px;
}


div.moduletable,

div.moduletable_menu,

div.moduletable_hilite,

div.moduletable_login{

	margin: 0 0 20px;

	padding: 0;
	
	clear:both;

}
div.moduletable_hilite,
div.modueltable_login{
	 background-color:#f4f4f4;
	 width:288px;
	
}


div.moduletable_center{
    text-align:center;	
}

/* mis */

div.banneritem_text {

	padding: 5px 0 !important;

}


div.advs {

	clear: both;

	display: block;

	float: left;

	width: 210px;
	
	margin-bottom:20px;

}

div.advs img{
    padding:0px;	
}


/* HEADER

--------------------------------------------------------- */
#wrap_all{
    width:957px;
	margin:0 auto;
	padding:0;
}


#header {
	padding: 0px;
	line-height: normal;
	position: relative;
	text-align: center;
	z-index: 0;
	width:957px;
	height:90px;
}


#header img{
    padding:0px;	
}

div.breadcrumbs{
	float:left;
	height:25px;
	margin:0px;
	clear:none;
	width:641px;
	padding-left:10px;
	padding-top:10px;
} 

div.bookmarks{
    float:right;
	width:290px;
	margin:0;
	padding-right:10px;
	padding-top:10px;
	height:25px;
}

div.fontchanger{ float:right; height:20px; width:120px;  }
div.fontchanger ul.usertools-font { list-style:none; list-style-image:none;   }
div.fontchanger ul.usertools-font li{ list-style:none; list-style-image:none !important;  display:block; float:left; margin-right:0px; padding:0px;     }

#tpwrap {

	background: #333333;

	color: #CCCCCC;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	height: 26px;

	letter-spacing: 1px;

}


#tpwrap a {

	color: #CCCCCC;

}


#tpwrap a:hover, #tpwrap a:active, #tpwrap a:focus {

	color: #FFFFFF;

}


#tp {

	position: relative;

	z-index: 999;

}


/* MAIN NAVIGATION

--------------------------------------------------------- */

#mainnavwrap {
	/*width:695px;*/
	width:715px;
	float:right;
	z-index:1;
	position:relative;
	padding:0px;
	margin: 0px 0px 0px 5px;
}

#mainnav {
	font-size:13px; /* global navi is not flaxible */
	margin-bottom:0px;
	padding-bottom:0px;
}


#mainnav a, #subnav a {

	outline: none;

	line-height: normal;
	
}

#mainnav a:hover{
	
    color:#0099cc;	
}


#subnavwrap {

	margin-top: -1px;

}


#subnav ul {

	list-style: none;

	margin: 0;

	padding: 0;

}


#subnav li {

	background: none;

	margin: 0;

	padding: 0;

	display: inline;

}


#subnav a {
	display: block;
	float: left;
	outline: none;
	padding: 5px 15px;
	margin: 0;
	text-decoration: none;
	color: #cccccc;
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif, "Lucida Console";
	letter-spacing: 1px;
}


#subnav a:hover,

#subnav a:active,

#subnav a:focus {

	color: #0099cc;

	text-decoration: underline;

}


#subnav li.active a {

	color: #0099cc;

	font-weight: bold;

}


/* breadcrumbs */

#pathway {

	text-transform: uppercase;

	float: left;

	padding-top: 4px;

}


#pathway strong {

	margin-right: 5px;

}


#pathway img {

	margin: 1px 5px;

}


/* Default Joomla! Menu */

ul.menu {
	list-style: none;
	margin: 0;
	display: block;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:286px;
}


ul.menu li {
	display: block;
	list-style-image:none;
    background-image:none;
	padding: 0px 0px 5px 0px;
	margin: 0 5px;
}


ul.menu li a {
	display: block;
	outline: none;
	/*padding: 5px 5px 5px 10px;*/
	margin: 0;
	text-decoration: none;
	color: #0099cc;
	height:34px;
	line-height:34px;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
	text-indent:8px;
}


ul.menu li a:hover,

ul.menu li a:active,

ul.menu li a:focus {
	color: #0099cc;
	text-decoration: underline;
	/*padding: 5px 5px 5px 10px;*/
	margin:0px;
	font-weight:normal;
	height:34px;
	
}


ul.menu li.active a {
	font-weight:bold;

	color: #0099cc;
	
	border-bottom:1px dotted #ccc;

}


ul.menu li ul {

	list-style: none;

	margin: 0;

	padding: 0;

}


ul.menu li li {

	border: none;

	background: none;

	padding: 0;

}


ul.menu li li a {

	border: none;

	padding: 8px 5px 2px 20px !important;

	text-transform: none;

	font-weight: normal !important;

	background: url(../images/icon-arrow2.gif) no-repeat 10px center !important;
	
	border-bottom:1px dotted #ccc;

}


ul.menu li li a:hover,

ul.menu li li a:active,

ul.menu li li a:focus {

	color: #0099cc;

	text-decoration: underline;

}


ul.menu li li.active a {

	color: #0099cc;

	font-weight: bold;

}


ul.menu li li li a {

	color: #0099cc !important;

	font-weight: normal !important;

	padding-left: 34px !important;

	background: url(../images/bullet.gif) no-repeat 30px 13px !important;

}


ul.menu li li li.active a {

	font-weight: bold !important;

}


/* SPOTLIGHT

--------------------------------------------------------- */

/* Spotlight Box Style */

.box-full, .box-left, .box-center, .box-right {
	float: left;
	overflow: hidden;
	
	/*height:150px; /* need to adjust depends on the contents */
	margin-top:8px;
	
}

.box-left,
.box-center{
	background: url(../images/dot.gif) repeat-y right top;
}

/* Top spotlight */

#topsl {
	margin: 0px;
	padding: 0;
	height: 312px;
	overflow: hidden;
	width:520px;
	float:left;
	
	border-bottom:2px solid #f4f4f4;
}

*html #topsl{
    /*margin:0 0 20px 0px; /* IE6 hack */	
}

/* Spotlight */

#spotlight,
#spotlight2{

	clear: both;

	margin: 0;

	padding: 0 10px;
	
	background-color:#f4f4f4;

}

#spotlight3{
    clear:both;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#spotlight div.box_s{
    width:270px;
	float:left;
}

#spotlight div.box_w{
    width:390px;
	float:left;
}

#spotlight div.moduletable{

	padding:4px;
	/*border:1px solid #dfdfdf;*/
	border-right:1px dotted #dfdfdf;
	background-color:#fff;
	margin:10px 5px;

}
#spotlight3 div.moduletable{
							
	padding:4px;
	border:1px solid #dfdfdf;
	background-color:#fff;
	margin:10px 0px;
}
							
							
#spotlight div.box_w div.moduletable{
    padding:4px; 
	/*border:1px solid #f499c1;*/
	/*background-color:#fff0fa;*/
	margin:10px 5px;
	border:none;
}

#spotlight div.moduletable h3,
#spotlight3 div.moduletable h3{
	margin: 0 0px;
	padding: 0;
	color: #0099cc;
	letter-spacing: 2px;
	border: none;
	font: bold 100%/35px "MS UI Gothic", "ＭＳ Ｐゴシック", MS P Gothic, "ＭＳ ゴシック", sans-serif, "Lucida Console";
	background: url(../images/dot.gif) repeat-x left bottom;
	height: 35px;
}

.inner_top_banner{
    clear:both;
	margin:0;
	padding:0;
	background-color:#f4f4f4;
}


/* Accent Gray Border Color */


div.grayline{
    width:100%;
	background-color:#f4f4f4;
	height:8px;
	margin-top:5px;
	clear:both;
}


/* Bottom Spotlight */

#spotlight_btm {

	clear: both;

	padding: 0;
		
	width:955px;
	
	margin: 0 auto;
	
	font-size:12px;

}


#spotlight_btm div.moduletable {

	background-color:#fff;

}

#spotlight_btm div.fbox{
	padding:6px;
	margin:10px 8px;
	height:250px;
	background-color:#fff;
}


#spotlight_btm div.moduletable h3 {
	padding: 0;
	color: #0099cc;
	letter-spacing: 2px;
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif, "Lucida Console";

}


/* FOOTER

--------------------------------------------------------- */
#footer_wrap{
    width:955px;
	margin:0 auto;
	margin:0px;
	padding:0px;
}
#footer {
	clear: both;
	/*position: relative;*/
	padding:0px;
	margin: 0px auto;
	width:955px;
}

#footer div.copyright {
	font-size: 95%;
	text-align:center;
	display:block;
	margin-top:10px;
}


#footer ul {

	margin: 0 20px;

	padding: 0;

	display:block;
	
	clear:both;
	
	text-align:center;

}


#footer li {

	margin: 0;

	padding: 0;

	line-height: 1.6;

	background: url(../images/vline.gif) no-repeat center left;
	color:#fff;
	
	float:left;

}


#footer li a {

	display: inline;
	padding: 0 10px;
	color:#fff;
	float:left;

}

/* SPOTLIGHT FOOTER MENU

----------------------------------------------------------- */
ul.menu_footer{
    list-style:none;
	background-image:none;
	display:block;
}

ul.menu_footer li{
    list-style:none;
	background-image:none;
	padding:0px;
	margin:0px;
	float:left;
}

ul.menu_footer li a{
    list-style:none;
	float:left;
    padding: 0px 10px;
	border-right:1px solid #ccc;
	height:20px;
	line-height:20px;
	color:#0099cc;
	text-decoration:none;
	margin:3px 0px;
}

ul.menu_footer li.item30 a{
    border-right:none;	
}

ul.menu_footer li a:hover, ul.menu_footer li a:active{
    text-decoration:underline;
	color:#0099cc;
}

ul.menu_footer li a:visited{
    color:#0099cc;
	text-decoration:none;
}

/* MISCELLANOUS

----------------------------------------------------------- */

ul.accessibility {

	position: absolute;

	top: -100%;

}


li.firstitem, #subnav li.first-item a, #subnav a.first-item {

	background: none !important;

}


/* Login */

a.login-switch {

	padding-left: 12px;

	padding-right: 8px;

}


#login {
	text-align: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 15px;
}


* html #login { /*IE 6*/

	width: 370px;

}


#login form {

	float: left;

	margin-top: 5px;

}


#login form label {

	float: left;

}


label.login-user span {

	display: block;

	float: left;
	
	padding-right:5px;

}


label.login-password span {

	display: block;

	float: left; 
	
	padding-right:5px;

}


#login form input.button {
    font-size:11px;
	float:left;
}


#login form #mod_login_username,

#login form #mod_login_password {

	width: 110px;

	margin: 1px 8px 0 0;

	font-size: 11px !important;

	padding: 2px;

}


#login form a {

	color: #0358a8;

	padding: 0 5px 0 10px;

	text-decoration: none;

}


#login form a:hover,

#login form a:active,

#login form a:focus {

	color: #333;

	text-decoration: underline;

}


.login-links {
	padding-top: 5px;
	clear: both;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom:10px;
}


div#login {

	padding-left: 12px;
	padding-right: 8px;
	padding-top:10px;

}

div#login a{
	display:block;
	clear:both;
	text-align:center;
	margin-top:5px;
	width:85px;
	border:1px solid #CCC;
	background-color:#f1f5f6;
	height:15px;
	line-height:15px;
	color:#333;
	font-size:11px;
}

div#login div.login-links a{
	border:none !important;
	background-color:#fff !important;
	font-size:11px;
	width:auto;
	float:left;
	margin:0;
	padding-top:0px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
	line-height:15px;
}


div#login .button {

	float: left;

}


/*usertools*/

#usertools {

	float: right;

	text-align: right;

	padding-top: 4px;

}


#usertools ul {

	margin: 0;

	padding: 0 10px 0 0;

	display: inline;

}


#usertools ul li {

	margin: 0;

	padding: 0;

	display: inline;

	background: none;

}


/* Search */

a.search-switch {

	background: url(../images/vline.gif) no-repeat left center;

	padding-left: 12px;

}

h3.search_nobg{
    margin-bottom:0px; 
	padding-bottom:0px;
	height:20px; 
	margin-top:5px;
	background:none;
    text-indent:0px;
}

#search {
	padding: 0 15px 0 10px;
	background: url(../images/bino.jpg) no-repeat right 25px;
	overflow: hidden;
	border: 1px solid #CCCCCC !important;
	border-top: none;
	text-align: left;
	height:70px;
	margin-bottom:10px;
}


#search .inputbox {
	margin-top: 5px;
	border-top: 2px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
}


/*others*/

#banner {

	padding: 20px 0 0;

	text-align: center;

	overflow: hidden;

	width: 100%;

	clear: both;

}


div.back_button a,

div.back_button a:hover,

div.back_button a:active {

	background: none!important;

	display: block;

	margin: 10px 0;

	text-decoration: none!important;

}


.clr {

	clear: both;

}


.hasTip img {

	border: none;

}


div.innerdiv {

	padding: 10px 0 12px !important;

	background: url(../images/dot.gif) repeat-x bottom !important;

}


div.innerdiv span.caption {

	background: #333333;

	color: #FFFFFF;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 1px;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

}


div.innerdiv img.border {

	padding: 2px;

	border: 1px solid #CCCCCC;

	margin-right: 10px;

}


/* Tooltips */

.tool-tip {

	background: #FFFFFF;

	border: 1px solid #CCCCCC;

	float: left;

    max-width: 200px;

	padding: 5px;

	z-index: 999;

	color: #333333;
	
}


.tool-title {

	background: url(../../system/images/selector-arrow.png) no-repeat;

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	margin-top: -15px;

	padding: 0;

	padding-bottom: 5px;

	padding-top: 15px;

}


.tool-text {

	font-size: 100%;

	margin: 0;

}


#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul {

	margin: 0;

	padding: 0;

}


#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.notice ul li {

	background: none;

	color: #333F;

	margin: 0;

	padding: 5px;

}


/* System Standard Messages */

#system-message dd.message ul {
	border: none;
	background-color: #FC0;
	color:#666;
}


/* System Error Messages */

#system-message dd.error ul {
	border: none;
	background-color: #FC0;
	color:#666;
}


/* System Notice Messages */

#system-message dd.notice ul {
	border: none;
	background-color: #FC0;
	color:#666;
}


/* Clearfix */

.clearfix:after {

	clear: both;

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}


* html > body .clearfix {

	display: block;

	width: 100%;

}


* html .clearfix {

	height: 1%;

}


/*-----------------------------------------*/
/*---------ABOVE SECTION---------------*/
/*-----------------------------------------*/

#above{
	padding:0px;
}

#above img{
	padding:1px;
}

/*-----------------------------------------*/
/*---------NEWS SECTION--------------------*/
/*-----------------------------------------*/

div.junewsultra{
	width:100%; /* added */
	background:url(../images/news_shadow.gif) no-repeat center bottom;
	padding-bottom:5px; /* neccessary for shadows positioning*/
}
div.junewsultra div.newsinner{
	border:2px solid #edf1f5;
	padding: 0 0 15px 0px;
	margin:0;
}

div.junews{
    border-bottom:1px solid #ccc;
	width:95%;
	padding:10px 8px;
	margin:0 auto;
}
.ju_news_dates{
    margin-right:15px;	
	display:block;
	clear:both;
	font-size:90%;
}

a.latestnews{
    background:url(../images/icon-arrow.gif) no-repeat 5px center;
	padding-left:25px;
	font-size:110%;
}

a.junews_small{
	background:url(../images/previous_news.gif) no-repeat left 0%;
	padding-left: 5px;
	color:#fff;
	margin-left:420px;
	display:block;
	height:19px;
	line-height:19px;
	font-size:13px;
}
a:hover.junews_small{
	background:url(../images/previous_news.gif) no-repeat scroll left 100%;
	height:19px;
	color:#fff;
	text-decoration:none;
}

/* Back to TOP 

a#btt{
    display:block;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}

*/
div.hilite01{
	display:block;
	border:1px solid #FC6;
	background-color: #FFC;
	padding: 5px;
	width:90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}