body { 
font-family: Arial, sans-serif; 
line-height: 1.4;
font-size: 12px;
background: #eee;
margin: 0;
padding: 0;
}

a { color: #47838F; text-decoration: none;}
a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 0; }
h2 { margin: 0; padding: 0; }

#wrap { 
width: 1000px;
margin: 0 auto;
}

#header {
height: 100px;
background: #eee url(/img/header.jpg) no-repeat;
}
#header h1 {
margin: 0;
padding: 23px 0 0 30px;
font-weight: 100;
font-size: 25px;
letter-spacing: -2px;
}
#header h1 a { text-decoration: none; color: #47838F; }
#header h1 a:hover { text-decoration: none; border-bottom: 1px solid #47838F; }

#header h2 { padding: 0 0 0 30px; margin: 0; color: #18464F; font-weight: 100; }

#menu {
background: #eee url(/img/menu.jpg) no-repeat;
height: 30px;
line-height: 30px;
}

#menu ul {
list-style-type: none;
margin: 0;
padding-left: 20px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #434343;
font-size: 12px;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
background: url(/img/menuover.png) repeat-x;
}

#bottom { background: #eee url(/img/bottom.jpg) no-repeat; padding: 10px 0; }

#contentwrap {
background: #3c4043 url(/img/content.jpg) repeat-y;
padding: 0 30px 0 20px;
}

#content {
float: left;
width: 730px;
margin-top: 20px;
}
#content h2 {
margin: 0;
color: #1f1f1f;
line-height: 30px;
font-size: 17px;
font-weight: 100;
}

#content p { padding: 0 0 10px 0; color: #232323;}
#content ul { padding: 0 20px 10px 30px; }

#sidebar {
float: right;
width: 200px;
background: #eee;
margin-top: 20px;
}

#sidebar h3 {
height: 30px;
line-height: 30px;
font-weight: 600;
font-size: 12px;
margin: 0; padding: 0 0 0 10px; 
color: #434343;
background: #D0DEE1 url(/img/sidebarh3.jpg) no-repeat;
}

#sidebar p { padding: 0 10px 10px 10px; color: #232323; }

#sidebar ul {
padding: 10px 0 25px 30px;
margin: 0;
}

#sidebar ul li {
padding: 0;
margin: 0;
}

#sidebar ul ul { padding: 2px 0 2px 20px; }

#footer { 
text-align: center;
color: #111;
font-size: 12px;
padding-bottom: 10px;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #111; }
#footer a:hover { text-decoration: underline; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

#nav {
    margin:0; 
    padding:0; 
    list-style:none;
}   
     
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
    float:left; 
    display:block; 
    position:relative;
    z-index:500; 
    margin:0 1px;
}
     
/* this is the parent menu */
#nav li a {
    display:block; 
    
    font-weight:700;  

    text-decoration:none; 
    color:#fff; 
    text-align:left; 
    color:#333;
}

#nav li a:hover {
    color:#fff;
}
 
/* you can make a different style for default selected value */
#nav a.selected {
    color:#f00;
}
     
/* submenu, it's hidden by default */
#nav ul {
    position:absolute; 
    left:0; 
    display:none; 
    margin:0 0 0 -1px; 
    padding:0; 
    list-style:none;
}
 
#nav ul li { 
    float:left; 
    width: 250px;
    border-top:1px solid #fff;
    background: #d2dde1;
    text-align: left;
}
 
/* display block will make the link fill the whole area of LI */
#nav ul a {
    display:block;  
    padding: 8px 5px; 
    color:#666;
}
 
#nav ul a:hover {
    text-decoration:underline;  
}