/* CSS Document */

html, body {
width:1800px;
height: 100%;

}


body
{
background-image:url(weather013.gif); 
background-repeat:repeat-x; 
background-color:#FFFFFF;
/*font-family:"Arial",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;*/
font-family:"Verdana",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;

color:#333;
/*font-size:16px;*/
font-size:14px;

/*margin:0 auto;*/
/*margin-left:25px;*/ 

margin-top: 10vh;
transform: translateY(-5%);
margin-left: 25vh;


padding:0;
 
}
#wrapper {
width:1100px;
height:100px;
/*background-color:#FFFFFF;*/
margin:0 auto;
margin-left:100px;
/*border-left:2px solid #ccc;
border-right:2px solid #ccc;*/
}


#select_join option{
   font-size: 55px;
font-family:"Verdana",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;
}

#content {
/*width:675px;*/
/* width 800 - width of the content*/
width:800px;
float:left;
padding:10px;
font-family:"Verdana",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;
font-size:16px;
margin-left:100px;

}


#content1 {
/*width:675px;*/
/* width 800 - width of the content*/
width:1000px;
float:left;
padding:10px;
margin-left:100px;

}
#header {
width:100%;
height:85px;
margin:0px;
margin-top:50px;
margin-bottom:55px;
margin-left:10px;
padding-top:10px;
font-size:25px;
}

#sidebar {
width:300px;
float:right;
margin-bottom:25px;

}
#sidebar a {
text-decoration:none;
}
#sidebar li {
list-style:none;
}


#footer{
background-image:url(weather_rain.ico); 
background-repeat:repeat-x;
/*width:130%;*/
width:1500px;
/*width:100%;*/
height:auto;
/*margin-left:22%;*/
margin-left:100px;
float:left;
font-family:"Verdana",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;
color:white;
font-size:14px;
padding-left:60px;
background-color:#006600;
}


#foo1
{
padding-top:0cm;
font-size:14px;
margin-right:80px;
font-family:"Verdana",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;
/*color:#333; */
color:white;
float:right;
}

#boxed
{ 
width:700px;
padding:20px;
border:1px;
border-style:dotted solid;
border-color:#006600;
margin:0px;
}

/* boxed 2:for home page paragraph*/
#boxed2 
{
width:950px;
padding:10px;
border:1px;
border-style:dotted solid;
border-color:#006600;
/*margin:0px;*/
margin-left:10px;
font-size:14px;
font-family:"Verdana",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;
}
#boxed3
{
width:900px;
padding:10px;
border:1px;
border-style:dotted solid;
border-color:#006600;
margin:0px;
/*margin-left:10px;*/
font-size:14px;
font-family:"Verdana",MyriadPro,LucidaGrande,Lucida Sans Unicode,SegoeUI,Helvetica,sans-serif;
}

#button {
background:#ADD7F4;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0;
}

#button:hover {
background-color:#EA575B;
}


#boxed1
{
width:900px;
padding:200px;
border:1px dotted;
/*margin:0px;*/
margin-left:10px;

}
label{
    display: inline-block;
    float: left;
    /*clear: left;*/
    width: 80px;
    text-align: left;
}

     
}