html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body{line-height:1; font-family: arial;}

h1{font-size: 25px;}h2{font-size: 21px;}h3{font-size: 18px;}h4{font-size: 16px;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

nav ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}

ins{background-color:#ff9;color:#000;text-decoration:none}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}

del{text-decoration:line-through}

abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

table{border-collapse:collapse;border-spacing:0}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

input,select{vertical-align:middle}



body,html {

	background-color: #708090;

}

strong {

	color: #FFFFFF;

}

header {

    background: #FFFFFF;

    padding: 20px 30px;

    max-width: 940px;

    margin: auto;

}

nav {

    display: inline-block;

}

nav ul li a {

    background: #AEC6CF;

    padding: 2px 10px;

    font-size: 20px;

    text-decoration: none;

    font-weight: bold;

    color: #444;

    border-radius: 10px;

}

nav ul li a:hover {

	background: #708090;

}

nav ul li {

    display: inline-block;

    margin: 10px;

}

nav ul {

    list-style: none;

}

#pageContent {

    max-width: 1000px;

    margin: auto;

    border: none;

}

main {

	float: left;

	width: 60%;

}

aside {

	background-color: #FFFFFF;

	float: right;

	width: 30%;

    padding-bottom: 20px;

    padding-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

    margin-bottom: 20px;



}

article {

	background-color: #FFFFFF;

    border-bottom: 2px dotted #999;

    padding-bottom: 20px;

    padding-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

    margin-bottom: 20px;

}

article h2 {

    font-weight: normal;

    margin-bottom: 12px;

}

article p {

	

}

article ul li {

	margin-left: 20px;

}

article ol li {

	margin-left: 20px;

}

main section {

	

}

footer {

	background: #FFFFFF;

	padding: 20px 30px;

	max-width: 940px;

	margin: auto;

	clear: both;

}

footer p {

	padding: 20px;

}

address {

	text-align: right;

    padding: 10px 20px 30px 10px;

}

aside > div {

	margin: 10px auto;

	background: #FFFFFF;

	min-height: 100px;



}

#logo {

    display: inline-block;

    vertical-align: middle;

    font-size: 30px;

    margin-right: 75px;

    color: #000;

}

#logo img {

    width: 940px;

    vertical-align: middle;

    margin-right: 10px;

}

body > section {

    max-width: 1000px;

    margin: auto;

    padding: 30px 0px;

    border-bottom: 1px solid #999;

    color: #333;

}

@media screen and (max-width: 1000px) {

	body > section {

		padding: 30px 20px;

	}

}

@media screen and (max-width: 600px) {

	main {

		float: none;

		width: 100%;

	}

	aside {

		float: none;

		width: 100%;

	}



}


    th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.bordered tr {
    background: #e1e9d1;
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

/* header gradient */
.bordered th {
    background-color: #b2B8b1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9ea597), to(#8ccff7));
    background-image: -webkit-linear-gradient(top, #9ea597, #b2B8b1);
    background-image:    -moz-linear-gradient(top, #9ea597, #8ccff7);
    background-image:     -ms-linear-gradient(top, #9ea597, #b2B8b1);
    background-image:      -o-linear-gradient(top, #9ea597, #b2B8b1);
    background-image:         linear-gradient(top, #9ea597, #b2B8b1);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}