/******** General tags ********/
body{
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#ffffff url(images/background-800px.gif) top center repeat-y;
color:#404040;
line-height:1.2em;
margin:0 auto;
padding:0;
}

a{
text-decoration:none;
color:#4088b8;
font-weight:bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}
/* p{margin:0 0 18px 10px;} */
ul,ol,dl{font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
font-size:3.2em;
letter-spacing:-3px;
margin:0 0 30px 25px;
color:#37a;
}


h2{
font-size:1.5em;
color:#4088b8;
border-bottom:4px solid #aaa;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:2px solid #aaa;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
clear:both;
}

h4{
font-weight:bold;
font-size:1.1em;
color:#4088b8;
margin:0;
padding:0;
}

/******** Main container ********/
#container{
color:#404040;
width:760px;
margin:10px auto;
padding:0;
}

#header{
margin:0;
height:100px;
text-align:center;
background-image:url('images/gradient.jpg')
}


#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 0px 25px;
line-height:1.2em;
}

/******** sidebar ********/
#sidebar{
float:left;
width:185px;
margin:0 0 5px 0;
padding:1px 0 0 0;
/* background-color:#efe; */
}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 8px 0px;}

/******** Content variations ********/
#content{
line-height:1.5em;
width:545px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#content h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
clear:both;
text-align:center;
color:#808080;
font-size:0.9em;
border-top:4px solid #ddd;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
background-color:#ffc;
}

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}

/******** Various classes ********/

.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.textcentre{text-align:center;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}


#inputDiv
{
/* background-color:#ddd; */
padding:0em 3em 0em 3em;
}

#appDiv{
/* background-color:#fee;*/
padding:1em;
}

.icon{
/* background-color:#fee; */
float:left;
clear:both;
}

.appdesc{
/* background-color:#eef; */
margin-left:80px;
padding:0;
}

.application{
clear:both;
border-bottom:2px solid #eee;
}


#question
{
font-size:1.5em;
color:#48b;
font-weight:bold;
letter-spacing:-1px;
line-height:1.2em;
text-align:center;
margin:1em;
}

#inputbox{
 padding: 5px;
 width: 10em;
 margin-left:150px;
}

#inputbox p{
 padding:0;
 margin:0;
}