@import url(http://fonts.googleapis.com/css?family=Roboto:300);


@font-face {
	font-family: harabara;
	src: url('/fonts/Harabara_0.ttf');
}

* {
	margin: 0;
}

html, body {
	height: 100%;
	background-color: #FAFAFA;
	font-family: 'Roboto', tahoma, sans-serif;
}

h1 {
	color: #666;
	font-family: 'Roboto', tahoma, sans-serif;
	font-size: 1.6em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h3 {
	color: #444;
	font-family: harabara, verdana, sans-serif;
	-webkit-text-stroke-width: 0.1px;
	-webkit-font-smoothing: antialiased;
}

p, ul {
	margin-bottom: 1.5em;
}


.content-list li {
	margin-bottom: 0.5em;
}






.wrapper {
	min-height: 100%;
	height: auto !important;
	height:	100%;
	margin: 0 auto -100px;
}

.contentbox-header {
	border-color: #ddd;
	background-color: #ddd;
	border-radius: 6px 6px 6px 6px;
	border-width: 1px;
	border-style: solid;
	margin-top: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
	font-family: 'Roboto', tahoma, sans-serif;
	font-size: 1em;
}


.contentbox {
	background-color: #FFF;
	border-color: #ddd;
	border-radius: 6px 6px 6px 6px;
	border-width: 1px;
	border-style: solid;
	margin-top: 40px;
	margin-bottom: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
	font-family: 'Roboto', tahoma, sans-serif;
	font-size: 1.2em;
}

.result-box-outside {
	padding: 5px 10px 5px 10px;
}

.result-box-inside {
	background-color: #007FC6;
	color: #FFF;
	border-radius: 6px 6px 6px 6px;
}

.result-box-selected {
	background-color: #47a447;
}

.note {
	margin-top: 3em;
	font-size: 0.6em;
}

.info p {
	margin-bottom: 1em;
}

.footer, .push {
	height: 100px;
}

.footer {
	background-color: #666;
	color: #ddd;
	padding-top: 30px;
}

a.footer-link
{
	padding-right: 30px;
	color: #ddd;
}


.chitikaAdContainer { text-align:center; }




/* CUSTOM NAVBAR */

/* My additions */

.navbar-brand {
	margin: 0;
	padding: 0;
	max-width: 80%;
}


.topheader_logo {
	display: block;
	max-width: 100%;
	width: 380px;
	margin-left: -8%;
	height: auto;
}

/* Obtained and modified from From http://smarchal.com/twbscolor/?bd=007fc6&bh=006195&cd=ffffff&ch=ffffff */

.navbar-default {
    background-color: #007fc6;
    border-color: #006195;
    border: 0;
}
.navbar-default .navbar-brand {
    color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #dddde1;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #dddde1;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #dddde1;
    background-color: #006195;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #dddde1;
    background-color: #006195;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #dddde1;
    border-bottom-color: #dddde1;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #dddde1;
    border-bottom-color: #dddde1;
}
.navbar-default .navbar-toggle {
    border-color: #006195;
    background-color: #006195;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #006195;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #dddde1;
    color: #dddde1;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #dddde1;
    }
}