html, body
{
	background:#fff;
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
}
#header
{
	width:100%;
	background-color:#333;
}
#innerHeader
{
	width:1000px;
	padding:20px;
	margin:0px auto;
}
#innerHeader h1
{
	float:left;
	margin-right:60px;
}
#innerHeader h1 a
{
	text-decoration: none;
}

#main
{
	width: 1000px; 
	height: auto; 
	margin-left: auto; 
	margin-right: auto;
	padding: 20px;
	padding-top:0px;
}
ul.menu
{
	margin:0px;
	padding:0px;
	margin-top:5px;
}
ul.menu li, ul.menu li a
{
	display: inline;
	color:#F2F2F2;
	text-decoration: none;
	margin:0px;
	margin-left:3px;
	font-family: 'Arial';
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight: 400;
}
ul.menu li a:hover
{
	text-decoration: underline;
}
ul.menu li + li:before{
    content: " | ";
    padding: 0 3px;
    color:#999;
}
h1, h1 a, h1 a:hover, h1 a:active
{
	font-family: 'Merriweather', serif;
	font-size:24px;
	font-weight: 700;
	color:white;
	margin:0px;
}
h1 a:active
{
        position:relative;
        top:1px;
}
h2
{
	font-family: 'Merriweather', serif;
	font-size:20px;
	font-weight: 700;	
}
.right-content
{
	width: 420px;
	float: right;
	padding: 20px;
	font-family: 'Merriweather', serif;
	font-size:18px;
	line-height: 28px;
	font-weight: 400;
	border: 0px solid black;
	margin-top: 0px;
	color: #333;
}
.right-content a
{
	color:#a73f2d;
	text-decoration: none;
}
.right-content a:hover
{
	text-decoration: underline;
}

ul.source
{
	margin-top:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}
.left-content
{
	border: 0px solid black;
	margin-top: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 540px;
}
.form-box
{
	width:480px;
	height: auto;
	background-color: #DCE9BE;
	padding:10px 20px;
}
#formTable td
{
	padding-right: 40px;
}
#formTable tr
{
	height:44px;
}
select {
    padding:10px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-size: 12px;
    background: #f8f8f8;
    color:#666;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:30px}
}

label {position:relative}
label:after {
    content:'>';
    font:16px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; top:0px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
#submitButton {
        
        background-color:#a73f2d;
        
        border:0px solid #241d13;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:17px;
        font-weight:bold;
        padding:9px 23px;
        text-decoration:none;
        font-weight: normal;
        
    }
#submitButton:hover {
        
        background-color:#b34332;
    }
#submitButton:active {
        position:relative;
        top:1px;
    }
ol.nameList
{
	margin-left:60px;
	padding:0px;
}
ol.nameList li
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height: 26px;
	font-weight: 400;
}
ul.nameList li
{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height: 26px;
	font-weight: 400;
}

.alphabet
{
	font-family:Arial;
	font-size: 13px;
	margin-top: 10px;
	background-color: #DCE9BE;
	padding: 5px;
	text-align: center;
}
.alphabet a
{
	color:#000;
}
.alphabet a:hover
{
	text-decoration: none;
}
#app
{
	border-top:3px solid #CCC;
	margin-top:10px;
	padding-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding:10px;
	background-color:#FEA;
	border-bottom:3px solid #CCC;
	line-height: 24px;
}
#app span
{
	font-weight:bold;
	color:#F63;
}

#amz
{
	width:420px;
	text-align: center;
	background-color:#e7e7e7;
}

@media (max-width: 1000px) {
 
	body
	{
		width:100%;
		overflow-x: hidden;
	}

 	#innerHeader, #main
 	{
		width:100%;
		overflow: hidden;
	}
	#innerHeader h1
	{
		float:none;
	}	
	#main
	{
		padding:0px;
	}

	.left-content
	{
		width:100%;
		overflow: hidden;
	}
	.form-box
	{
		width:100%;
	}
	#nameq
	{
		display:none;
	}
	input[type="radio"]	
	{
		margin-right:3px;
	}
	h2
	{
		margin-left:20px;
	}
	ul.menu
	{
		display: none;	
	}
	.right-content
	{
		display:none;
	}
}