/* My first css stylesheet file - 08/26/17 */
@charset "UTF-8";
body
{
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color:  beige;
}

/*  Main ID applied to <div>*/
#container
{
    width:              960px;
    height:             1900px; 
    background-color:   white;
    margin-top:         10px;
    margin-left:        auto;
    margin-right:       auto;
}
p
{
	font-family: Verdana, Arial, sans-serif;
	font-size:	14px;
    line-height: 0.5;
    margin-left: 10px;
}	

h1
{
	color: red;
    background-color: yellow;
    line-height:        0.5;
    font-size:          40px;
    text-align:     center;
}

h2
{
	color: black;
    font-size:         30px;
    line-height:        0.5;
    text-align:         left;
    text-align:         center;
}
h4
{
    color: black;
	
    font-size:         20px;
    line-height:        0.5;
    text-align:         left;
    margin-left:        10px;  
}
.leftbox
{
	width:	9%;
	height:	110px;
	float:	left;
	background-color:		yellow;
    margin-left:		10px;
    margin-bottom:      15px;

	padding-top:		12px;
	padding-left:		14px;
	padding-right:		5px;
	padding-bottom:		none;
	
	border-top-width:		thin;
	border-right-width:		thin;
	border-bottom-width:	thin;
	border-left-width:		thin;

	border-top-color:		black;
	border-right-color:		black;
	border-bottom-color:	black;
	border-left-color:		black;

	border-top-style:		solid;
	border-right-style:		solid;
	border-bottom-style:	solid;
	border-left-style:		solid;
}

.rightbox
{
	width:	85%;
	height:	120px;
	float:	left;
	background-color:		yellow;
	text-align:			center;
    margin-left:		4px;
    margin-bottom:      15px;

	padding-top:		2px;
	padding-left:		5px;
	padding-right:		5px;
	border-top-width:		thin;
	border-right-width:		thin;
	border-bottom-width:	thin;
	border-left-width:		thin;

	border-top-color:		black;
	border-right-color:		black;
	border-bottom-color:	black;
	border-left-color:		black;
	
	border-top-style:		solid;
	border-right-style:		solid;
	border-bottom-style:	solid;
	border-left-style:		solid;
	
}

.button
{
    font-family:        arial, sans-seriff;
    font-size:          2px;
    text-decoration:    none;
    background-color:   beige;
    border:             thin solid gray;
    margin-left:        10px;
    height:             3px;
}
.exitbutton
{
	font-family:        arial, sans-seriff;
    font-size:          1.5 em;
    text-decoration:    none;
    background-color:   beige;
    border:             thin solid gray;
    margin-left:        25px;
    padding:            5px 15px 5px 15px;
    border-radius:      8px;
    box-shadow:         4px 6px 3px lightgray;
    -webkit-box-shadow: 4px 6px 3px lightgray;
    -moz-box-shadow:    4px 6px 3px lightgray;
}