/* 1. General Appearance */

body {
	margin:0px;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	text-align:left;
	font-size:small;
	color:#808080;
    background:#0069AA;
}

a, a:visited, a:active {
text-decoration:none;
color:#315699;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

img {
border-style:none;
}

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
}

h2, h3, h5, h6 {
text-align:center;
}

h4 {
text-align:center;
color:#315699;
}

em {
color:#315699;
}

p {
	font-size:14px;
	}



/* 2. Layout Architecture */

#container {
position:relative;
width:600px;
margin:50px auto;
height:700px;
}

#nav {
position:relative;
width:100%;
height:30px;
background-color:#b2d7f2;
}

#content {
	position:relative;
	width:100%;
	background-color:#f9fff5;
	height:500px;
	box-shadow:0 0 10px #333333;
    -moz-box-shadow:0 0 10px #333333;
    -webkit-box-shadow:0 0 10px #333333;
}

#inner {
position:relative;
float:left;
width:390px;
padding:40px 25px 0px 25px;
}


#box {
position:absolute;
top:20px;
right:-50px;
float:right;
-moz-border-radius:1em;
-webkit-border-radius:1em;
background-color:#ffffff;
width:200px;
height:380px;
padding:0px 5px 15px 5px;
	border:solid 2px #E1E6DD;
}

#footer {
position:relative;
height:30px;
margin-top:10px;
}


/* 3. Header Info */

.logo {
position:relative;
top:20px;
left:10px;}


/* Form */

form {
margin-top:10px;
}

.ss-q-title {
display:block;
margin:0 0 3px 0;
font-weight:bold;
text-align:left;
font-size:10px;
color:##315699;
}

.ss-q-short {
	border:solid 2px #E1E6DD;
    color:#0069AA;
    font-size:.9em;
    line-height:1em;
    font-weight:bold;
    padding:5px;
    background:#f9fff5;
    }
    
#ss-form {
position:relative;
left:7px;
top:0px;
margin:-25px 0px 0px 0px;
}