/* -----------------------------------
   General Attribute Section
   ----------------------------------- */

h1      {
        font-size: 12pt;
        color: #000;
        }

h2      {
        font-size: 12pt;
        color: blue;
	margin: 0px;
        }

h3      {
        font-size: 8pt;
        color: #c63;
        }

h4      {
        font-size: 8pt;
        color: #00f;
        }

h5      {
        font-family: cursive,modern,sans-serif;
        font-size: 12pt;
        color: #00f;
        }

h6      {
        font-family: modern, sans-serif;
        font-size: 12pt;
        color: #000;
        }
#text_red
	{
        color: #f00;
	}

body	{
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 10pt;
        }

a       {
	color: blue;
	font-size: 10pt;
        text-decoration: none;
	background-color: transparent;
        font-weight: normal;
        }

a:hover
        {
        color: red;
        text-decoration: none;
	background-color: transparent;
        }

blockquote
	{
	margin-left: 10px;
	margin-right: 10px;
	}
table th
        {
        font-size: 12pt;
	font-weight: bold;
        color: white;
        background-color: #1a73df;
	text-align: center;
	border: 0px;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
        }

/* -----------------------------------
   Classes Section
   ----------------------------------- */

.content
	{
	width: 950px;
	background-color: #FCF8EB;
	border-left: solid 2px silver;
	border-top: solid 2px silver;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	font-size: 10pt;
	font-family: tahoma, verdana, arial, sans-serif;
	}

.main_menu
	{
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        white-space: nowrap;
	margin: 0px;
	padding: 0px;
	border: 1px solid navy;
	border-top: 1px solid silver;
	background-color: #0080ff;
	}

.main_menu a, visited, active
        {
        color: white;
        text-decoration: none;
        font-weight: normal;
        font-size: 10pt;
        }

.main_menu a:hover
        {
        color: cyan;
        text-decoration: none;
        font-weight: normal;
        font-size: 10pt;
        }

.submenu
	{
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        white-space: nowrap;
	margin: 0px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid navy;
	border-top: 1px solid silver;
	background-color: #0080ff;
	}
.submenu a, visited, active
        {
        color: white;
        text-decoration: none;
        font-weight: normal;
        font-size: 10pt;
        }

.submenu a:hover
        {
        color: cyan;
        text-decoration: none;
        font-weight: normal;
        font-size: 10pt;
        }

.textsection
        {
	margin: 0px;
        margin-bottom: 10px;
	width: 100%;
        border: solid 2px #c0c0c0;
        font-family: verdana, tahoma, arial, sans-serif;
        color: black;
        background-color: white;
        text-align: left;
        vertical-align: top;
	border-spacing: 0px;
        }

.textsection p
        {
        color: blue;
        background-color: #c0e7e2;
        text-align: center;
	line-height: 120%;
        }

.textsection blockquote
        {
        color: black;
        }

.textsection img
        {
        margin: 3px;
        border: 0px;
        vertical-align: top;
        }

.sponsor
        {
        margin: 0px;
        margin-bottom: 10px;
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 8pt;
        color: black;
        background-color: white;
        text-align: left;
        vertical-align: top;
        border: solid 4px #1a73df;
        }
.sponsor p
        {
        font-weight: bold;
        font-variant: small-caps;
	height: 30px;
	color: navy;
        background-color: #c0e7e2;
        text-align: center;
	vertical-align: middle;
	}
.sponsor img
        {
        margin: 0px;
        border: 0px;
        vertical-align: baseline;
        }

.block
	{
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
	}

.s_block
	{
	width: 220px;
	text-align: center;
	vertical-align: top;
	}

.t_block
	{
        padding: 5px;
	background-image: url('../images/t_block.jpg');
        border: 2px red solid;
	display: none;
	}

.v_block
	{
        background-image: url('../images/v_block.jpg');
        border-top: 2px silver solid;
        border-right: 2px black solid;
        border-bottom: 2px black solid;
        border-left: 2px silver solid;
	}

.banner
	{
        background: url('../images/hpga_menu_lg.jpg') repeat-x;
	color: black;
	font-style: normal;
	font-size: 14pt;
	font-weight: normal;
	text-align: center;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
	}

.banner2
	{
        background: url('../images/hpga_banner_bkgd.gif') repeat-x;
	color: black;
	font-style: italic;
	font-size: 12pt;
	font-weight: bold;
	line-height: 200%;
        border-top: 2px silver solid;
        border-right: 2px black solid;
        border-bottom: 2px black solid;
        border-left: 2px silver solid;
	text-align: center;
	}

.banner3
	{
	background-color: red;
	color: white;
	padding: 4px;
	font-size: 10pt;
	font-weight: 700;
	text-align: center;
	border: 2px solid navy;
	padding: 5px;
	}

.banner4
	{
        background: url('../images/hpga_menu_lg.jpg') repeat-x;
	color: navy;
	padding: 4px;
	font-size: 10pt;
	font-weight: 700;
	text-align: center;
	border: 1px solid navy;
	padding: 5px;
	}

.tab_hdr
	{
        background: url('../images/hpga_menu_lg.jpg') repeat-x;
	color: black;
        font-family: verdana,tahoma,arial,sans-serif;
	font-style: normal;
	font-size: 14pt;
	font-weight: normal;
	text-align: center;
	height: 40px;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
	}

.tab_hdr a
	{
	color: black;
	background-color: transparent;
	font-size: 14pt;
	font-weight: normal;
        text-decoration: none;
        }

	
.tab_hdr a:hover
        {
        color: blue;
	background-color: transparent;
        text-decoration: none;
        }

.panel
	{
	text-align: left;
	margin: 0px;
	padding: 10px;
	border: 1px solid silver;
	border-bottom: 4px solid silver;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
        background: url('../images/h_block.gif') repeat-x;
	background-color: #fff;
	}

.pop_panel
        {
        background:#c6ac6c;
        margin: 4px;
        text-align: left;
        position: absolute;
	top: 100px;
	left: 100px;
        padding: 10px;
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 10pt;
        font-weight: normal;
	z-index: 1;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        -moz-box-shadow: 2px 2px 5px #333;
        -webkit-box-shadow: 2px 2px 5px #333;
        box-shadow: 2px 2px 5px #333;

        behavior: url('/ie-css3.htc');
        }

.blue_panel
	{
	text-align: justify;
	margin: 0px;
	padding: 10px;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
        background: url('../images/blue_bkgnd.gif');
	}

.blue_form
	{
        background: url('../images/blue_bkgnd.gif');
	}

.form
	{
	width: 500px;
	border-left: solid 2px silver;
	border-top: solid 2px silver;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	text-align: center;
	font-size: 10pt;
	font-family: tahoma, verdana, arial, sans-serif;
	}

.button
	{
	list-style-type: none; 
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
	text-align: center;
        text-decoration: none;
        white-space: nowrap;
	margin: 5px;
	padding: 5px; 
	border: 1px solid navy;
	background-color: #0D8BBE;
	}

.button a, visited, active
        {
        color: white;
        font-weight: bold;
        font-size: 10pt;
        text-decoration: none;
	margin: 5px;
	margin-left: 0px;
	padding: 0px;
	border: 0px;
        }

.button a:hover
        {
        color: cyan;
        font-weight: bold;
        font-size: 10pt;
        text-decoration: none;
	border: 0px;
        }

.footertext
	{
	background-color: #0D8BBE;
	font-size: small;
	color: white;
	text-align: center;
	line-height: 150%;
	}
.header2
	{
	font-size: 14pt;
	font-weight: bold;
	border: 2px solid #eeeedd;
	background-color: #1a73df;
	color: white;
	text-decoration: none;
	text-align: center;
	line-height:150%;
	}

.photobox
	{
	text-align: center;
	vertical-align: top;
	margin-bottom: 0px;
	padding: 10px;
	}

.photobox img
	{
	background-color: transparent;
	}

.photobox p
	{
	color: white;
	font-size: small;
	font-weight: bold;
        background-image: url('../images/hpga_banner_bkgd.gif');
	}

.tn_img_r
	{
	float: right; 
	margin: 0px; 
	margin-bottom: 5px;
	font-size: 8pt;
	}
.tn_img_r p
	{
	font-size: 8pt;
	background-color:white;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: 1px #c63 solid;
	border-bottom: 1px #c63 solid;
	}


.tn_img_l
	{
	float: left; 
	margin: 10px; 
	margin-bottom: 5px;
	font-size: 8pt;
	}

.smallcaps
	{
        font-variant: small-caps;
	}

/* -----------------------------------
   Identifier Section
   ----------------------------------- */

ul#adblock
	{
        list-style-type: none;
	text-indent: 0px;
	margin-left: 0px;
	}

#adblock li
        {
        font-weight: normal;
        white-space: nowrap;
	text-align: center;
	background-color: white;
	margin: 2px;
	padding: 2px;
        border-top: 1px silver solid;
        border-left: 1px silver solid;
        border-right: 2px gray solid;
        border-bottom: 2px gray solid;
        }
#divhdr
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: navy;
	text-align: center;
        white-space: nowrap;
        background-image: url('../images/hpga_menu.gif');
	margin: 0px;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
        }

.card_header
	{
	font-size:12pt;
	border-top: 2px solid navy;
	border-left: 2px solid navy;
	border-bottom: 2px solid silver;
	border-right: 2px solid silver;
	background-color: #0D8BBE;
	color:white;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	padding-left: 20px;
	}
#bluhdr
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        color: white;
	text-align: center;
	vertical-align: middle;
	height: 25px;
        white-space: nowrap;
        background: url('../images/bluhdr.gif') repeat-x;
	padding-top: 5px;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
        }

#redhot
        {
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: yellow;
	text-align: center;
	height: 20px;
        white-space: nowrap;
        background: url('../images/redhot.gif') repeat-x;
	margin: 0px;
	padding: 0px;
        border-top: 1px silver solid;
        border-right: 1px black solid;
        border-bottom: 1px black solid;
        border-left: 1px silver solid;
        }


div#contact-info
	{
	margin:0px;
	margin-left:10px;
	margin-right:10px;
	background: #9BD1FA;
	white-space: nowrap;
	font-size: 10pt;
	}

div#contact-info h2 
	{
	text-align: center;
	font-size: 10pt;
	background-color: navy;
	color: white;
	}

div#info-panel
	{
	background-color: #9BD1FA;
	color: #000000;
	}

div.rounded div
	{
	height: 1px;
	overflow: hidden;
	}
#red-panel {
	padding: 5px;
	text-align: center;
	font-size: 10pt;
	background-color: red;
	color: white;
	}
/* IE-CSS3-enabled elements: */
h1 {
        font-size: 16pt;
        margin: 0px;
	position: relative;
        text-align: justify;
        text-shadow: 1px 1px 2px #888888;
        behavior: url('/ie-css3.htc');
}

.box1 {
        background: white;
        width: 50px;
        height: 50px;
        margin: 0 auto 0px auto;
        padding: 0px;
        border: 0px;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        behavior: url('/ie-css3.htc');
}
.box2 {
        background: white;
        width: 100px;
        height: 100px;
        margin: 0 auto 10px auto;
        padding: 0px;
        border: 5px solid #c6ac6c;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        -moz-box-shadow: 4px 4px 5px #aaa;
        -webkit-box-shadow: 4px 4px 5px #aaa;
        box-shadow: 4px 4px 5px #aaa;

        behavior: url('/ie-css3.htc');
}

/* The script works with absolutely positioned elements too */
.box3 {
        background: white;
        width: 100px;
        height: 100px;
        margin: 0 auto 10px auto;
        padding: 0px;
        border: 0px;

        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;

        -moz-box-shadow: 10px 10px 20px #000;
        -webkit-box-shadow: 10px 10px 10px #000;
        box-shadow: 10px 10px 20px #000;

        behavior: url('/ie-css3.htc');
}

.box2 div {
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 13pt;
        color: #ffd550;
        _bottom: 21px; /* IE6 */
        _width: 108%; /* IE6 */
        /* IE6 workarounds are ugly, I know. Just feeling lazy right now... */
}

.rel {
        margin: 30px 0 0 33px;
        padding: 0;
        position: relative;
        zoom: 1; /* IE6 */
}

.code {
        padding: 0 1ex;
        background: #fff;
        border: 1px solid #ddd;
        white-space: nowrap;
}