/*****************************************************************************************
* Application: GOP Template Website                                                      *
*                                                                                        *
* Page name:   style.css                                                                 *
*                                                                                        *
* Programmer:  Timothy D. Johnson                                                        *
*                                                                                        *
* Version:     1.0                                                                       *
*                                                                                        *
* Description: Provides the formatting script for the website.                           *
*                                                                                        *
* Date:        12/25/2024                                                                *
******************************************************************************************
*                                      FILE UPDATES                                      *
******************************************************************************************
* Programmer:                                                                            *
*                                                                                        *
* Version:                                                                               *
*                                                                                        *
* Changes:                                                                               *
*                                                                                        *
* Date:                                                                                  *
*****************************************************************************************/

body
{
    margin: 0;
    padding: 0;
	font-family: "Helvetica Neue";
}

div.paragraph
{
	margin: 0 auto;
	width: 50%;
}

.section_title
{
	font-size: 32px;
	font-weight: bold;
	color: #000;
}

.section_text
{
	font-size: 20px;
	color: #9c0404;
}

a.menu
{
	font-family: Helvetica;
}

/* All Anchor Items */
#menu a
{
	display: block;
}

/* All Unordered Lists */
#menu ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

/* All Sub Menu Items */
#topMenu li ul
{
	position: absolute; 
	left: -999em;
}

#topMenu li:hover ul, #topMenu li.showMenu ul
{
	left: auto;
}

/* Menu Customization */
#menu
{
    background-color: #e00707;
	font-family: Helvetica;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	margin: auto;
	width: 1200px;
}

#menu li
{
	float: left;
}

#topMenu a
{
	text-decoration: none;
	width: 200px;
}

.topMenuLink a
{
	color: #fff;
	text-align: center;
}

.topMenuLink a:hover
{
	color: #ff0000;
	background-color: #f29b9b;
}

#contact
{
	padding: 15px;
}

#contact label
{
	display: block;
	font-weight: bold;
}

.large_fields
{
	font-size: 12px;
	width: 100%;
	box-sizing: border-box;
	font-family: Helvetica;
}

#contact textarea
{
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	font-family: Helvetica;
	resize: none;
}

#contact input[type=text], #contact input[type=email], #contact textarea
{
	padding: 10px;
}

.button_style
{
	font-size: 10px;
	font-family: arial;
	color: #ffffff;
	width: 150px;
	height: 25px;
	background-color: #ff7171;
	border: 2px outset #cc3333;
	text-align: center;
}

.button_style:hover
{
	font-size: 10px;
	font-family: arial;
	color: #ff2222;
	width: 150px;
	height: 25px;
	background-color: #ffbbcc;
	border: 2px inset #cc3333;
	text-align: center;
}