@charset "utf-8";
/*--------------------------------------------
CSS Information
File name:template.css
- template
--------------------------------------------*/
/*--------------------------------------------
TABLE OF CONTENTS
----------------------------------------------
BODY
1.Document:  　　　　  #document
2.Header:    　　　　　#Header
3.Nav:  　　　　　     #nav
4.Contents:  　　　　　#contents
5.Main:  　　　　　　　#main
6.Side:                #side
7.Footer               #footer
--------------------------------------------*/
/*---------------------------*/
/*document　　　　　　       */
#document {
width:100%;
height:100%;
min-height:100%;
background:#FFF7DF;
}
body > #document { height:auto; }
#header-inner, #contents-inner, #footer-inner {
width:980px;
margin:0 auto;
text-align:left;
background:#FFF;
}
/*---------------------------*/
/*header                     */
#header, #header-inner { min-height:115px; }
* html #header, * html #header-inner { height:115px; }
#header {
width:100%;
background:url(../images/tmp_header_bg01.jpg) repeat-x 0 0;
}
#header-inner {
position:relative;
background:url(../images/tmp_header_bg01.jpg) repeat-x 0 0;
/zoom:1;
}
#header h1#siteId, #header p#siteId {
float:left;
padding:30px 0 0 0;
}
#header div#header-utilityArea {
display:inline;
float:left;
width:567px;
margin-top:19px;
margin-left:112px;
}
#search #header div#header-utilityArea { float:right; }
#header div#header-utilityArea ul.utilityNav { float:left; }
#header div#header-utilityArea ul.utilityNav li {
display:inline;
float:left;
margin-right:17px;
}
#header div#header-utilityArea ul.utilityNav li a { display:block; }
/*--fontsizeControl--*/
#header div#header-utilityArea #fontsizeControl {
display:inline;
float:left;
width:156px;
margin-left:46px;
}
#header div#header-utilityArea #fontsizeControl p {
float:left;
width:86px;
height:22px;
margin:0;
background:transparent url(../images/tmp_header_txt01.gif) no-repeat 0 0;
text-indent:-1000px;
overflow:hidden;
}
#header div#header-utilityArea #fontsizeControl li#switchFontSizeMedium {
width:35px;
background-position:0 0;
}
#header div#header-utilityArea #fontsizeControl li#switchFontSizeMedium.active { background-position:0 -24px; }
#header div#header-utilityArea #fontsizeControl li#switchFontSizeBig {
width:35px;
background-position:-35px 0;
}
#header div#header-utilityArea #fontsizeControl li#switchFontSizeBig.active { background-position:-35px -24px; }
#header div#header-utilityArea #fontsizeControl li {
display:inline;
float:left;
height:24px;
margin:2px 0 0 0;
background:url(../images/tmp_header_btn.gif) no-repeat 0 0;
text-indent:-1000px;
cursor:pointer;
overflow:hidden;
}
#header #searchArea {
margin-top:17px;
float:right;
}
#search #header #searchArea {
float:none;
margin:0;
}
#search #header #searchArea #cse-search-box {
position:relative;
top:150px;
left:0;
width:1000px;
float:left;
margin:0;
}
#search #header #searchArea #cse-search-box input.search-box {
width:600px;
vertical-align:top;
}
#search #header #searchArea #cse-search-box input.submitA01 {
width:29px;
margin-top:0px;
margin-left:3px;
vertical-align:top;
}
#header #searchArea #cse-search-box { width:152px; }
#header #searchArea #cse-search-box input { vertical-align:middle; }
#header #searchArea #cse-search-box input.search-box {
width:106px;
padding:4px 6px;
outline:none;
font-size:93%;
}
#header #searchArea #cse-search-box .idleField {
border:1px solid #D0C7BF;
background:#FFF;
color:#CE7F95;
}
#header #searchArea #cse-search-box .focusField {
border:1px solid #CE7F95;
background:#FEFEFE;
color: #333;
}
#header #searchArea #cse-search-box input.submitA01 {
width:29px;
margin-top:3px;
margin-left:3px;
}
/*---------------------------*/
/*nav                  */
ul#nav {
position:absolute;
top:60px;
left:162px;
width:818px;
height:40px;
}
ul#nav li {
display:inline;
float:left;
}
ul#nav li a, ul#nav li img { display:block; }
/*---------------------------*/
/*contents                   */
#contents {
width:100%;
padding-top:10px;
padding-bottom:32px;
background:#FFF;
}
#topicPath { margin:4px 0 16px; }
#topicPath p {
font-size:85%;
line-height:1;
}
#topicPath img {
vertical-align:midlde;
margin-top:-1px;
margin-right:3px;
}
#topicPath p strong {
color:#653E18;
font-weight:normal;
}
#topicPath p a {
color:#9B0533;
text-decoration:none;
}
#topicPath p a:hover {
color:#9B0533;
text-decoration:underline;
}
#recommendations h1 { margin-bottom:20px; }
/*---------------------------*/
/*main                       */
.home #main {
width:980px;
background:#FFF;
}
.main-side01 #main {
float:left;
width:750px;
background:#FFF;
}
.side-main01 #main {
position:relative;
float:right;
width:750px;
margin-top:-60px;
/zoom:1;
}
#main #cse-search-results { margin-top:50px; }
/*---------------------------*/
/*side                       */
.main-side01 #side {
float:right;
width:200px;
}
.side-main01 #side {
float:left;
width:200px;
}
/*---------------------------*/
/*footer                     */
#footer, #footer-inner { background:#FFF7DF url(../images/tmp_footer_bg01.gif) repeat-x 0 0; }
#footer {
clear:both;
width:100%;
}
#footer-inner { padding-bottom:10px; }
div#footer-utilityArea {
position:relative;
zoom:1;
}
ul#footer-utilityNav { height:26px; }
ul#footer-utilityNav li {
float:left;
margin-right:23px;
}
ul#footer-utilityNav li a { display:block; }
div#footer-utilityArea p.pageTop {
position:absolute;
top:0;
right:0;
}
div#footer-utilityArea p.copyright {
clear:both;
height:8px;
margin:5px 0 40px;
}
div#footer-utilityArea p.copyright img { display:block; }
div#footer-referenceArea { background:url(../images/tmp_footer-referenceArea_bg01.gif) repeat-y 0 0; }
div#footer-referenceArea div.reference-column01, div#footer-referenceArea div.reference-column02, div#footer-referenceArea div.reference-column03, div#footer-referenceArea div.reference-column04 {
display:inline;
float:left;
margin-left:12px;
margin-right:10px;
}
div#footer-referenceArea div.reference-column01 { width:132px; }
div#footer-referenceArea div.reference-column02 { width:452px; }
div#footer-referenceArea div.reference-column03 { width:140px; }
div#footer-referenceArea div.reference-column04 { width:168px; }
div#footer-referenceArea dl { color:#653E18; }
div#footer-referenceArea dl dt {
margin-bottom:0.6em;
font-weight:bold;
font-size:85%;
word-wrap: break-word;
}
div#footer-referenceArea dl dd a {
display:block;
color:#653E18;
text-decoration:none;
line-height:1.8;
/zoom :1;
font-size:77%;
}
div#footer-referenceArea dl a:hover { text-decoration:underline; }
dd.columnAreaA01 ul.columnLi01, dd.columnAreaA01 ul.columnLi02, dd.columnAreaA01 ul.columnLi03, dd.columnAreaA01 ul.columnLi04 {
float:left;
margin-right:10px;
}
dd.columnAreaA01 ul.columnLi01 { width:110px; }
dd.columnAreaA01 ul.columnLi02 { width:94px; }
dd.columnAreaA01 ul.columnLi03 { width:103px; }
dd.columnAreaA01 ul.columnLi04 {
width:113px;
margin-right:0;
}
div#footer-referenceArea a.footer-link-externalA01 { position:relative; }
div#footer-referenceArea a.footer-link-externalA01 img {
position:absolute;
bottom:6px;
margin-left:2px;
}