/***********************************************/
/* HTML tag styles                             */
/***********************************************/
*,*#*,*.*{
margin: 0;
padding: 0;
}
body{
	margin: 0 auto;
	text-align: center;
	font-size: 90%;
	font-family: sans-serif;
	color: #000;
	line-height: 1.2;
	background: #F0F9FF url("images/bg.jpg") repeat-x;
}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
	color: #900;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/************** header tag styles **************/
h1{
 margin: 0;
 font: bold 120% sans-serif;
 color: #000;
 width: 361px;
 height: 67px;
 text-indent: -9999px;
 background: url(images/title.gif);
 overflow: hidden;
 float: left;
}
h2{
 font: bold 114% sans-serif;
 color: #000;
}
h3{
 font: bold 100% sans-serif;
 color: #000;
}
h4{
 font: 100% sans-serif;
 color: #333333;
}
h5{
 font: 100% sans-serif;
 color: #334d55;
}

/*************** list tag styles ***************/
ul{
  list-style-type: none;
}

/*************** other tag styles **************/
img{
  border: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/************ base frame styles ***************/
#wrapper{
  position: relative;
  min-width: 750px;
  max-width: 910px;
  margin: 0 auto;
  padding: 0 5px;
  text-align: left;
  background: url(images/bg-wrapper.gif) repeat-y;
}
/* hide from IE \*/
*html #wrapper {
  position: relative;
  width: 910px;
  width : expression(  (document.documentElement.clientWidth > 920)? "910px" :  (document.documentElement.clientWidth < 800)? "750px" :  "790px");
}
/* end IE */

#header{
  position: relative;
  min-width: 740px;
  max-width: 900px;
  height: 70px;
  background: #ffc url(images/bg-title.jpg);
}
/* hide from IE \*/
*html #header {
  width : expression(  (document.documentElement.clientWidth > 920)? "900px" :  (document.documentElement.clientWidth < 800)? "740px" :  "780px");
}
/* end IE */

#headerNav{
  width: 300px;
  float: right;
  text-align: right;
  padding-right: 10px;
}

#globalNav{
  clear: both;
  width: 900px;
  margin: 0;
  padding: 0;
  height: 240px;
  text-align: center;
}
/* hide from IE \*/
*html #globalNav {
  width : expression(  (document.documentElement.clientWidth > 920)? "900px" :  (document.documentElement.clientWidth < 800)? "740px" :  "780px");
}
/* end IE */

#globalNav li{
  float: left;
  display: block;
  height: 240px;
  width: 225px;
}
/* hide from IE \*/
*html #globalNav li {
  width : expression(  (document.documentElement.clientWidth > 920)? "225px" :  (document.documentElement.clientWidth < 800)? "185px" :  "195px");
}
/* end IE */

#contents {
  clear: both;
  min-width: 740px;
  max-width: 900px;
  text-align: left;
  padding: 0 0 0 5px;
}
/* hide from IE \*/
*html #contents{
  width : expression(  (document.documentElement.clientWidth > 920)? "900px" :  (document.documentElement.clientWidth < 800)? "740px" :  "780px");
}
/* end IE */

#contents .mnavi {
  float: left;
  display: block;
  margin: 3px 3px 0 0;
  min-width: 170px;
  width: 210px;
}
/* hide from IE \*/
*html #contents .mnavi {
  width : expression(  (document.documentElement.clientWidth > 920)? "210px" :  (document.documentElement.clientWidth < 800)? "170px" :  "180px");
}
/* end IE */

#contents2 {
  clear: both;
  min-width: 740px;
  max-width: 900px;
  text-align: left;
  border: 3px solid #000;
  padding: 0 0 0 5px;
  margin: 5px 0 0 0;
}
/* hide from IE \*/
*html #contents2{
  width : expression(  (document.documentElement.clientWidth > 920)? "900px" :  (document.documentElement.clientWidth < 800)? "740px" :  "780px");
}
/* end IE */

#contents2 #weather{
 float: left;
 width: 330px; 
 padding: 5px;
/* margin-top: 100px; */
}
#content2 #project{
 float: right;
 width: 59%;
 /* border: 3px solid #ccc; */
 padding: 5px;
 margin: 5px;
}

#footer {
  clear: both;
  min-width: 740px;
  max-width: 900px;
  text-align: left;
  padding: 5px 5px 0 0;
  margin: 5px 0 0 0;
}
/* hide from IE \*/
*html #footer{
  width : expression(  (document.documentElement.clientWidth > 920)? "900px" :  (document.documentElement.clientWidth < 800)? "740px" :  "780px");
}
/* end IE */

/***********************************************/
/* Component Divs                              */
/***********************************************/
/************ pagetopnav styles ***************/
#skipLinks {display: none;}

/************* headerNav styles ****************/
#headerNav span{
text-indent: -9999px;
}
#headerNav #hNav1{
display: block;
width: 104px;
height: 34px;
background: url(images/btn_tnavi1.gif) no-repeat;
}
#headerNav a#hNav2{
display: block;
float: right;
width: 148px;
height: 34px;
background: url(images/btn_tnavi2.gif) no-repeat;
}

/************* globalNav styles ****************/
#globalNav li a{
  display: block;
  margin-top: 37px;
}
#globalNav li#globalNavT1{
  background: url(images/bg_topimage-1.jpg) no-repeat center center;
}
#globalNav li#globalNavT2{
  background: url(images/bg_topimage-2.jpg) no-repeat center center;
}
#globalNav li#globalNavT3{
  background: url(images/bg_topimage-3.jpg) no-repeat center center;
}
#globalNav li#globalNavT4{
  background: url(images/bg_topimage-4.jpg) no-repeat center center;
  /*padding: 37px 0 0 10px;*/
}

/************* mainNav styles ****************/
#mnavi1{
padding: 2px;
border: 3px solid #86BBD0;
}
#mnavi2{
padding: 2px;
border: 3px solid #01DB64;
}
#mnavi3{
padding: 2px;
border: 3px solid #E7CE6B;
}
#mnavi4{
padding: 2px;
border: 3px solid #F47A54;
}

/************* contents styles ****************/
#contents .mnavi li{
  float: left;
  display: block;
  margin: 3px 2px 0 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
  line-height: 1.5;
}
#contents .mnavi li.show{
  float: left;
  display: block;
  width: 105px;
  height: auto;
  line-height: 1.5;
}
#contents .mnavi li.show2{
  float: left;
  display: block;
  width: 100px;
  height: auto;
  line-height: 1.5;
}
#contents:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
#contents form{
margin: 0 0 0.3em ;
}

/************* project styles ****************/
#project p{
float: left;
margin: 5px;
}
#project #img{
float: right;
width: 160px;
margin: 5px;
}

/************* footer styles ****************/
#footer p{
text-align: right;
margin: 5px;
}
#footer p img{
margin: 0 10px;
}
#footer address{
width: 100%;
height: 70px;
font-style: normal;
text-align: center;
margin: 10px 0 0 0;
background: #ccc;
}