@charset "UTF-8";
/* CSS Document */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.2;
	width:1024px;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
z-index:1000;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* Beginning of Hebert Alumni Styles  */

body {
	font: 14px, Verdana, Arial, Helvetica, sans-serif;
	background: #0000C0;
	margin: 0;
	padding: 0;
	color: #FFCC00;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFCC00;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #FFCC00;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 1024px;
	background: #0000C0;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.container p {
	margin-top:10px;
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
	background: #0000C0;
	z-index :1000;
}
/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.

*/
.sidebar1 {
	float: left;
	width: 212px;
	background: #0000C0;
	padding-bottom: 10px;
}

.announcement {
	padding:10px;
	font-size:16px;
	text-align:center;
	background:rgba(2,40,242,1.00);
	color:#0000C0;
	border:rgba(244,203,3,1.00) solid thin;
	margin-bottom:20px;
}
.content {
	padding: 10px 0;
	width: 600px;
	float: left;
}
aside {
	float: left;
	width: 212px;
	background: #0000C0;
	padding: 10px 0;
}
.sub_content {
	width:1024;
	padding: 10px 0;
	min-height:500px;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
nav {
	width:1005px;
	height:25px;
	padding-left:20px;
	border-top: 4px solid #FFCC00;
	border-bottom: 4px solid #FFCC00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
        z-index: 1000;
}
nav ul {
	list-style: none; /* this removes the list marker */
}
nav ul li {
	float:left;
}
nav ul a, nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 3px 7px 3px 7px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: Auto;
	height:19px;
	text-decoration: none;
	background: #0000C0;
}
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #FFCC00;
	color: #0000C0;
}

.subNav ul li {
	height:auto;
}
nav ul {
	margin:0;
	padding:0;
	list-style: none; 
	border:none;
}
nav ul li {
	float:left;
	text-align:center;
	min-width:90px;
	margin-left:2px;
	height:auto;;
}
nav ul a, nav ul a:visited, nav ul a:link { 
	display: block; 
	width: auto;
	background: #0000C0;
	color: #FFCC00;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
}
nav ul a:hover, nav ul a:active, nav ul a:focus, subNav ul a:hover, subNav ul a:active, subNav ul a:focus {
    text-decoration: none;
    height: 19px;
    background: #FFCC00;
    color: #0000C0;
    width: auto;
}
nav li.subNav ul, nav li.subNav li.subNav ul {
    display: none;
    width: auto;
}
nav li.subNav ul li {
	float:none;
}
nav li.subNav:hover ul, nav li.subNav li.subNav:hover ul {
    display: block;
    position: absolute;
    width: 199px;
    margin-top: 0px;
    magin-bottom: 0px;
}
nav li.subNav li, nav li.subNav li.subNav li {
	border-bottom:1px solid #FFCC00;
	border-top:1px solid #FFCC00;
	border-left:1px solid #FFCC00;
	border-right:1px solid #FFCC00;
}
nav li.subNav li.subNav:hover ul , nav li.subNav ul li.subNav:hover ul{
    display: block;
    position: absolute;
    left: 100px;
    min-width: 200px;
    width: auto;
    margin-top: -10px;
}
nav li.subNav li.subNav li.subNav ul, nav li.subNav li.subNav li.subNav li.subNav ul {
    display: none;
    width: auto;
}
nav li.subNav li.subNav li.subNav:hover ul, nav li.subNav li.subNav li.subNav li.subNav:hover ul {
	display:block;
	position:absolute;
	width:auto;
	margin-top:0px;
}
 nav li.subNav li.subNav li.subNav:hover ul {
	display:block;
	position:absolute;
	left:115px;
	width:auto;
	margin-top:-30px;
}
nav li.subNav li.subNav:hover ul li, nav li.subNav li.subNav li.subNav:hover ul li {
	text-align:center;
	min-width:90px;
	margin-left:2px;
	height:auto;
}

/* ~~ The footer ~~ */
footer {
	font-size: 1em;
	padding-top: 0px;
	padding-right: 5em;
	padding-left: 5em;
	padding-bottom: 1em;
	background: #0000C0;
	border-top: 2px solid #FFCC00;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}


footer p#copyright {
	font-size: 1em;
	padding-top: 0em;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}

/* The End of Default Styles */
#leftHeader {
	float: left;
	background-image: url(../_images/PantherLeft.png);
	background-position:bottom;
}

#rightHeader {
	float:right;
	background-image:url(../_images/PantherRight.png);
	background-position:bottom;
}
.headerSides {
	text-align: center;
	width: 252px;
	height: 179px;
	margin-bottom: 5px;
	border: 4px solid #FFCC00;
	background-repeat: no-repeat;
	background-position: center;
	color: #FFCC00;
	font-size: 16px;
	background-origin: content-box;
}
.headerSides div {
	margin-top: 10px;
}
.blankSides {
	text-align:center;
	width:260px;
	height:187px;
	margin-bottom:5px;
	background-color:#0000C0;
	color:#FFCC00;
	font-size:16px;
}
#headerName, #headerName1 {
	width:100%;
	height:40px;
	padding:10px 0px 0px 0px;
	margin-bottom:10px;
}
#headerName h1, #headerName1 h1 {
	font-size:36px;
	text-align:center;
}
#headerName1 {
	border-bottom:4px solid #FFCC00;
	height:auto;
}
.log_block {
	border: hidden;
	height: auto;
	font-size: 24px;
	width: 100%-10px;
	margin: 0px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
}
.counter {
	text-align:center;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:36px;
}
.counter div {
	border:double #FFCC0 thick;
	font-family:"Courier New", Courier, monospace;
	font-size:36px;
	font-weight:bold;
	width:200px;
	height:50px;
	padding-top:10px;
	margin: 20px 0px 20px 190px;
	background:#000;
}
#office1 {
	text-align:left;
	font-size:18px;
	width:280px;
	margin-left:10px;
}
#office2 {
	text-align:right;
	font-size:18px;
	width:280px;
	margin-right:10px;
}
#classBanner {
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:195px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	font-weight:bold;
	text-align:center;
	display:block;
}
#classBanner div {
	margin: 0px 260px 20px 260px;
	padding-top:50px; 
}
#HOF_Logo {
	margin-left:25px;
}
.classBody {
	min-height:500px;
	width:100%;
}
.history {
	text-align:justify;
	margin-top:15px;
}
.history span {
	text-align:center;
	font-size:large;
	width:auto;
	display:block;
	margin-right:15px;
	margin-bottom:0px;
	margin-left:15px;
	margin-top:10px;
}

.history ul li {
	margin-left:100px;
	margin-top:10px;
}

.history h2 {
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}
aside section.sidePictures {
	height:300px;
}
aside section.sidePictures img {
	width:204px;
	border: 4px solid #FFCC00;
}
.officersBody {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
}
.styleOfficers
{
	flex: 1 0 200px;
	height:300px;
	border-style:solid;
	border-color:#FFCC00;
	border-width:medium;
	text-align: center;
	padding: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.styleOfficers img
{
    width: auto;
    height: 209px;
}
div.styleOfficers h3
{
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 16px;
    height: 50px;
}

div.styleOfficers p
{
	text-align:center;
	padding:0;
	margin:0;
	font-size:15px;;
}


div.registration {
	background-color:#FFF;
	color:#000;
	width:950px;
	font-size:18px;
	font-family:"Times New Roman", serif;
	margin: 2px auto;
}

div.for_print {
	width:100%;
	margin: 0px auto;
}

div.registration input[type="text"] {
	height:20px;
}

div.registration div.title {
	position:relative;
	left:0;
	z-index:0;
	width:600px;
	background-color:#FFF;
	display:inline-block;
}
div.registration div.title h2 {

}
div.registration div.title h1  {
	font-variant: small-caps;
	font-weight: normal;
}


div.registration input[type="text"] {
	border: none;
	border-bottom: #000000 solid thin;
	padding-left: 10px;
}

div.registration h1 {
	font-size: 30px;
	text-align:center;
}


div.registration h2 {
	font-size: 24px;
	text-align:center;
}

div.registration h3 {
	text-align:center;
	width:80%;
	margin: 0 auto;
}
section#personal_data {
	width:90%;
	border:medium solid rgba(0,0,0,1.00);
	margin: 10px auto;
}
#personal_data h3 {
	font-size: 0.9em;

}


section.registration_fees {
	width:90%;
	border:none;
	margin: 10px 30px;
	padding:0;
}

section.hall_of_fame {
	width:90%;
	border:medium solid rgba(207,150,50,1.00);
	background:rgba(207,150,50,0.5);
	padding:10px;
	margin: 10px auto;
}

section.hall_of_fame p {
	text-align:center;
}

section.hall_of_fame p em {
	font-size:20px;
}

section.scholarship {
    width: 95%;
    padding: 10px;
    margin: 10px auto;
    border: thin solid #FFCC00;
    border-radius: 35px;
}

section.scholarship p {
    text-align: left;
    font-size: 1.2em;
}
section.scholarship a h1 {
    text-align: center;
    font-size: 1.5em;
    margin-top: 15px;
}
.donate label {
	margin-left:15px;
}


div#fees_all {
	display:inline-block;
	width:95%;
}

div#fees_left {
	display:inline-block;
	width:33%;
}
div#fees_right {
	display:inline-block;
	width:65%;
}
section.registration_fees h1 {
	text-align:left;
	font-size:28px;
}

section.registration_fees p {
	font-size:14px;
	margin-left:40px;
}
section.registration_fees p label {
	margin-left:50px;
}

section.registration_fees div#fees_right input[type=text] {
	width:100px;
}


section.total {
	width:90%;
	border:none;
	background:rgba(254,232,43,1.00);
	padding:10px;;
	margin: 10px auto;
}

section.total p{
	font-size:24px;
	text-align:center;
}

section.total p input[type="text"] {
	font-size: 24px;
	border: medium rgba(5,5,5,1.00) solid;
	height: 40px;
	width: 150px;
	background: rgba(254,232,43,1.00);
}

section.info {
	width:90%;
	border:none;
	padding: 0px 10px;
	margin: 0px auto;
}

section.info p {
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

section.info p#addr{
	width: 50%;
	margin: 10px auto;
	text-align:left;
}

section.scholarship p.centered {
	text-align:center;
}

input#hall_of_fame_qty {
	width: 50px;
	margin:0 5px;
}


.block0 {
	display:inline-block;
}
.block {
	padding: 5px 5px 5px 5px;
	display:inline-block;
	border-left:medium rgba(0,0,0,1.00) solid;
	border-radius:10px;
}

.for_print .block {
	border: none;
}



.input_line {
	display: block;
	height: 35px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	width: 100%;
}

.large_gap {
	margin-bottom:30px;
}

.portrait_line {
	display: block;
	height: 50px;
	margin-top: 1px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
	background-color: rgba(166,231,247,.60);
	padding-top: 5px;
	padding-bottom: 20px;
}

div.portrait_line h1 {
	text-align: left;
	font-size:24px;
}

div.portrait_line p label {
	margin-right:25px;
}

div.input_line span.input_block {
	display: inline;
	float: left;
	width: 16%;
	padding: 0px;
	margin: 0px 0px;
	text-align: center;
}



.partial_line {
	display:block;
	text-align:center;
	margin:0 0 0 0 ;
	width:100%;
}

div.partial_line h1 {
	text-align:center;
	font-size: 1em;
	padding: 5px 0px 2px 0px; 
}

div.partial_line label {
	margin-right:15px;
}

div.input_line span.input_block_md {
	display: inline;
	float: left;
	width: 18%;
	padding: 0px;
	margin: 0px 0px;
	text-align: center;
}

div.input_line span.input_block_end {
	display: inline;
	float: left;
	width: 7%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}
div.input_line span.input_block_end2 {
	display: inline;
	float: left;
	padding: 0px;
	width: 5%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}


div.input_line span.input_block_end1 {
	display: inline;
	float: left;
	width: 11%;
	/* [disabled]padding-top: 0; */
	padding-right: 4px;
	/* [disabled]padding-bottom: 0; */
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
	text-align: right;
	padding-left: 0px;
}

div.input_line span.input_block_long {
	display:inline;
	float:left;
	width:100%;
	padding: 0px;
	margin: 0px 0px;
	text-align:left;
}

div.input_line span.input_block_short {
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px 0px;
	text-align: left;
	width: 30%;
}


div.input_line span.input_block_medium {
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px 0px;
	margin-left: 0px;
	text-align: left;
	width: 40%;
}
.input_block input, .input_block_end input ,  .input_block_end1 input,  .input_block_end2 input{
	width: 80%;
}

span.input_block label, span.input_block_end label, span.input_block_md label {
	margin-top: 0px;


}

span.input_block input, span.input_block_end input, span.input_block_md input {
	margin-bottom: 0px;
}

div.input_line span input[type="text"], input[type="text"]#donation, input[type="text"]#partial_amount, .hall_of_fame input[type="text"], input#date_input, input#alumnus_class,
span input[type=text]#check_no, span input[type=text]#date_received {
	border-bottom:solid thin rgba(7,7,7,1.00);	
	
	border-left:none;
	border-right:none;
	border-top:none;
	font-size: 16px;
}

.hall_of_fame input[type="text"] {
	background:none;
}

.input_block_end input, .input_block_end label {
	width:90%;
}
div.input_line span.input_block label, div.input_line span.input_block_end label, div.input_line span.input_block_end2 label  , div.input_line span.input_block_md label{
	font-size: 0.6em;
}

div.input_line span.input_block_end label.line_label {
	font-size: 16px;
	display: inline-block;
	padding-top: 42px;
}

div.input_line span.input_block_end1 label.line_label {
	font-size: 16px;
	display: inline-block;
	padding-top: 42px;
}


div.input_line span.input_block_long label  {
	font-size: 16px;
}

div.input_line span.input_block_short label  {
	font-size: 16px;
}

div.input_line span.input_block_medium label  {
	font-size: 16px;
}

div.input_line span.input_block_long input  {
	width: 60%;
}

div.input_line span.input_block_short input  {
	width: 50%;
	margin-left: 10px;
}
div.input_line span.input_block_medium input  {
	width: 61%;
	margin-left: 10px;
}


.left_label {
	margin-right:20px;
}

.half_line {
	font-size:10px;
}
#reg_head_img {
	display:inline-block;
	width: 150px;
	margin-left: 50px;
}
form#reg {
	margin-top: 0px;
	border: none;
	background-color: white;
	width: 100%;
	padding-bottom: 20px;
}

.for_print form#reg {
	padding-bottom: 0px;
}

h2.under_img {
	margin-left:200px;
}

#date_span {
	margin-left:720px;
}

#date_span input {
	font-size:16px;
}


.registration_form {
	background-color:#FFF;
	color:#000;
	/* [disabled]background-image:url(../../_images/Registration.png); */
	/* [disabled]background-repeat:no-repeat; */
	/* [disabled]background-position:top; */
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	float:left;
}

.registration_form input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;     /* not currently supported */
    -o-appearance: checkbox;      /* not currently supported */
	font-size:24px;
}

#user_input {
	padding-left:40px;
}

.story {
	background-color:#FFF;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
}

p.basic-paragraph, p.normal-line, p.underline {
	margin-top:10px;
}
p.no-hyphenation {
}
p.underline {
	text-decoration:underline;
}
header.story {
	text-align:center;
}
header.story img {
	width: 150px;
	float:left;
	margin-left:20px;
	margin-top:5px;
}
header.story h1 {
	font-size:30px;
	margin-bottom:0;
}
header.story h1, header.story p {
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
}
header.story div.left_top {
	float:left;
	clear:left;
	margin-left:20px;
	font-size:30px;
	font-weight:bold;
}
header.story div.right_top {
	float:right;
	clear:right;
	margin-right:25px;
}
section#alumnus_data, section#guest_data {
	background-color: #FFF;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	width: 92%;
	clear: both;
	border: 4px solid #000;
	padding: 10px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
section#alumnus_data h1, section#guest_data h1 {
	font-size:25px;
}
.center {
	text-align:center;
}
header.story div.top_center {
	margin-left:170px;
	margin-right:170px;
}
#second_row1, #second_row2 {
	margin-left:35px;
}
section.fees {
	background-color:#FFF;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	width:92%;
	clear:both;
	padding: 10px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	margin-left:45px;
	font-size:18px;
	line-height:1.0;
}
.italic {
	font-style:italic;
}

.payment {
	background-color:#FFF;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	width:100%;
	clear:both;
	padding: 0px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	margin-left:0px;
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
.payment span#total {
	border:4px solid #000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:5px;
	margin-left:10px;
	margin-right:10px;
	width:100px;
}
.payment p.indented-paragraph {
	margin-left:300px;
	text-align:left;
}
.for_use_only {
	float:left;
	background-color:#CCC;
	margin-left:10px;
	margin-right:10px;
	font-size:18px;
	border: 4px solid #000;
	padding: 5px;
	width:95%
}
.underline_inputs {
	border-bottom:2px solid #000;
	padding-bottom:5px;
	font-size:13px;
}
.turn_off {
	color:#999;
}
.basic-paragraph table {
	margin-left:100px;
}
#spryradio3 table {
	display:inline;
}
.submission {
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0;
	margin-right:0;
	text-align:center;
	width:100%;
	float:left;
}


.whole_line {
	display:block;
	width:100%;
	clear:right;
	float:left;
	margin-top: 0px;
	margin-bottom:0px;
}
.unlined_div {
	height: 50px;
	width: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 5px;
	text-align: left;
	font-size: 18px;
	margin-left: 10px;
	color: #000;
}
.lined_div {
	height:50px;
	width:auto;
	background-image:url(../../_images/line.png);
	background-repeat:repeat-x;
	background-position:left top;
	float:left;
	padding-top: 8px;
	padding-bottom:0px;
	text-align:center;
	font-size:15px;
}

div.printed_registration {
	line-height: .90;
}

div.printed_registration .unlined_div {
	height: 40px;
	width: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 5px;
	text-align: left;
	font-size: 18px;
	margin-left: 10px;
	color: #000;
}
div.printed_registration .lined_div {
	height:40px;
	width:auto;
	background-image:url(../../_images/line.png);
	background-repeat:repeat-x;
	background-position:left top;
	float:left;
	padding-top: 8px;
	padding-bottom:0px;
	text-align:center;
	font-size:15px;
}

.alumnus_data h1 {
	margin-bottom: -30px;
}

input#alumnus_class {
	height:20px;
	width:70px;
	margin-left:5px;
}

div.printed_registration header .lined_div, div.printed_registration header .unlined_div {
	height:30px;
}
.lined_div input {
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	margin:0;
}
.under_text {
	margin:8px 0 0 0;
	padding:0;
	font-size:12px;
	display:block;
}
#uip_01 {
	float:right;
}
#uip_02 {
	float:right;
	margin-right:20px;
}
#uip_03 {
	margin-left:20px;
}
#uip_04 {
	margin-bottom:20px;
}
#uip_05 {
	margin-bottom:20px;
}
#uip_06 {
}
#uip_07 {
}
#uip_08 {
}
#uip_09 {
}
#uip_10 {
}
#uip_11 {
}
#uip_12 {
}
#uip_13 {
}
#uip_14 {
}
#uip_15 {
}
#uip_16 {
}
#uip_17 {
}
#uip_18 {
}
#uip_19 {
}
.list_members table, .list_members table tr,  .list_members table tr td, .list_members table tr th {
	border:thin dotted;
}
.list_members tr td, header.fixed tr th {
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	width:200px;;
}
.list_members tr td.left_col {
	text-align:right;
}

.for_internal {
	background-color: #cccccc;
	width: 90%;
	border: medium solid rgba(0,0,0,1.00);
	margin: 10px auto;
	margin-bottom: 20px;
	padding: 5px;
}
.for_internal span   {
	margin-left: 20px;
	padding: 0;
	font-size: 21px;
}
#reg .for_internal p {
	font-size: 14px;
}


.for_internal span input[type='text'] {
	background-color: inherit;
	border: none;
	border-bottom: thin solid rgba(0,0,0,1.00);
	width: 100px;
}



header.fixed {
	position:fixed;
	float:left;
}
header.fixed input {
	font:inherit;
	background-color:transparent;
	color:inherit;
	border:hidden;
}
.list_members div.filler {
	width:500px;
	height:400px;
}
header.fixed table, header.fixed table tr, header.fixed table tr th {
	border:thin dotted;
}
header.fixed span.selected {
	padding-left:4px;
	padding-right:4px;
	border:thin solid #FC3;
}
header.fixed span.unselected {
	border:none;
	padding-left:0px;
	padding-right:0px;
}
th.sort_by input {
	color:#F06;
}
.login_class {
	margin:10px 10px 10px 300px;
	text-align:right;
}
.class_image {
	width:100%;
}
.photo_select {
	color: #000;
}

div.payment_page {
	float:left;
	width:100%;
}

div.payment_page p {
	margin-left: 40px;
	font-size: 18px;
	text-align:left;
}

div.payment_page h1 {
	text-align:center;
	font-size:24px;
	margin: 24px 24px 24px 24px;
}

form#temp_form {
	margin: 20px auto;
	width: 95%;
	background-color:#F4BD30;
	
}

form section#info_only {
	font-size:36px;
	color:#1006A0;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	margin:100px auto;
	padding: 50px;
	width:90%;
	text-align:center;
}

div.payment_page div.reg_info {
	float:left;
	width:30%;
	text-align:left;
	font-size:18px;
	margin-left:10%;
	margin-right: 10%;
	margin-top: 18px;
	margin-bottom: 18px;
}

div.payment_page form {
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.attendees_listing table {
	margin-left: 25%;
}
div#hotel_table table {
	margin-left: 15%;
}

div.attendees_listing table,div.attendees_listing tr, div.attendees_listing td {
	border-color:#FFCC00;
	text-align:center;
	border-style:solid;
	border-width:thin;
}
div.attendees_listing th {
	border-color:#FFCC00;
	border-style:solid;
	border-width:thin;
	border-bottom-style:double;
	border-bottom-width:medium;
	padding-top:10px;
}

div.attendees_listing h1, div.attendees_listing h2 {
	text-align:center;
}
div.attendees_listing h1 {
	font-size:x-large;
}
div.attendees_listing h2 {
	font-size:medium;
}
div.list_head table {
	margin-left: 10%;
	text-align:center;
	border:hidden;
	margin-bottom:30px;
}
div.list_head_1 table {
	margin-left: 10%;
	text-align:right;
	border:hidden;
	margin-bottom:10px;
}

div.receipt {
	width:60%;
	margin-left:20%;
	margin-right:20%;
	font-size:18px;
}

div.receipt form, div.receipt .exit_row {
	text-align: center;
}

div.receipt a {
	background:#FFCC00;
	color: #0000C0;
	text-align:center;
	padding: 5px;
}

h1.no_authority {
	font-size:54px;
	margin: 40px 40px 40px 40px;
	text-align:center;
}

.password {
	padding: 50px 50px 50px 350px;
	text-align:right;
	font-size:18px;
}
.button_row {
	text-align:center;
}
.message {
	height:auto;
	padding-left:20px;
	padding-top:5px;
}

.tables_layout {
	background-image:url(../../_images/gala/TableSelection.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding:0;
	margin:0;
	margin-top:400px;
	width:1035px;
	height:800px;
	position:relative; 
	left:0;
	top:0px;
}
.gala_announcement {
	float:left;
	width:1035px;
	height:400px;
	padding:100px 0 0 0;
	clear:both;
	font-size:32px;
	text-align:center;
	color:#9FF;
}
.taken {
	width:43px;
	height:44px;
	position:absolute;
	opacity:50%;
}
#D-01 {
	left:545px;
	top:212px;
	visibility:visible;
}
#D-02 {
	left:545px;
	top:164px;
	visibility:visible;
}#D-03 {
	left:545px;
	top:115px;
	visibility:visible;
}#D-04 {
	left:586px;
	top:189px;
	visibility:visible;
}
#D-05 {
	left:586px;
	top:138px;
	visibility:visible;
}#D-06 {
	left:626px;
	top:212px;
	visibility:visible;
}#D-07 {
	left:626px;
	top:164px;
	visibility:visible;
}#D-08 {
	left:626px;
	top:115px;
	visibility:visible;
}#D-09 {
	left:668px;
	top:281px;
	visibility:visible;
}
#D-10 {
	left:668px;
	top:234px;
	visibility:visible;
}
#D-11 {
	left:668px;
	top:187px;
	visibility:visible;
}
#D-12 {
	left:668px;
	top:138px;
	visibility:visible;
}
#D-13 {
	left:709px;
	top:304px;
	visibility:visible;
}
#D-14 {
	left:709px;
	top:257px;
	visibility:visible;
}
#D-15 {
	left:709px;
	top:209px;
	visibility:visible;
}
#D-16 {
	left:709px;
	top:162px;
	visibility:visible;
}
#D-17 {
	left:709px;
	top:115px;
	visibility:visible;
}
#D-18 {
	left:751px;
	top:328px;
	visibility:visible;
}
#D-19 {
	left:751px;
	top:281px;
	visibility:visible;
}
#D-20 {
	left:751px;
	top:234px;
	visibility:visible;
}
#D-21 {
	left:751px;
	top:187px;
	visibility:visible;
}
#D-22 {
	left:751px;
	top:138px;
	visibility:visible;
}
#D-23 {
	left:789px;
	top:304px;
	visibility:visible;
}
#D-24 {
	left:789px;
	top:257px;
	visibility:visible;
}
#D-25 {
	left:789px;
	top:209px;
	visibility:visible;
}
#D-26 {
	left:789px;
	top:162px;
	visibility:visible;
}
#D-27 {
	left:789px;
	top:115px;
	visibility:visible;
}
#D-28 {
	left:828px;
	top:328px;
	visibility:visible;
}
#D-29 {
	left:828px;
	top:281px;
	visibility:visible;
}
#D-30 {
	left:828px;
	top:234px;
	visibility:visible;
}
#D-31 {
	left:828px;
	top:188px;
	visibility:visible;
}
#D-32 {
	left:828px;
	top:138px;
	visibility:visible;
}
#D-33 {
	left:870px;
	top:304px;
	visibility:visible;
}
#D-34 {
	left:870px;
	top:257px;
	visibility:visible;
}
#D-35 {
	left:870px;
	top:209px;
	visibility:visible;
}
#D-36 {
	left:870px;
	top:162px;
	visibility:visible;
}
#D-37 {
	left:870px;
	top:115px;
	visibility:visible;
}
#D-38 {
	left:911px;
	top:328px;
	visibility:visible;
}
#D-39 {
	left:911px;
	top:281px;
	visibility:visible;
}
#D-40 {
	left:911px;
	top:234px;
	visibility:visible;
}
#D-41 {
	left:911px;
	top:188px;
	visibility:visible;
}
#D-42 {
	left:911px;
	top:138px;
	visibility:visible;
}
#D-43 {
	left:954px;
	top:304px;
	visibility:visible;
}
#D-44 {
	left:954px;
	top:257px;
	visibility:visible;
}
#D-45 {
	left:954px;
	top:209px;
	visibility:visible;
}
#D-46 {
	left:954px;
	top:162px;
	visibility:visible;
}
#C-01 {
	left:546px;
	top:533px;
	visibility:visible;
}
#C-02 {
	left:546px;
	top:580px;
	visibility:visible;
}#C-03 {
	left:546px;
	top:626px;
	visibility:visible;
}#C-04 {
	left:586px;
	top:554px;
	visibility:visible;
}
#C-05 {
	left:586px;
	top:601px;
	visibility:visible;
}#C-06 {
	left:626px;
	top:533px;
	visibility:visible;
}#C-07 {
	left:626px;
	top:580px;
	visibility:visible;
}#C-08 {
	left:626px;
	top:626px;
	visibility:visible;
}#C-09 {
	left:668px;
	top:463px;
	visibility:visible;
}
#C-10 {
	left:668px;
	top:511px;
	visibility:visible;
}
#C-11 {
	left:668px;
	top:558px;
	visibility:visible;
}
#C-12 {
	left:668px;
	top:604px;
	visibility:visible;
}
#C-13 {
	left:709px;
	top:441px;
	visibility:visible;
}
#C-14 {
	left:709px;
	top:488px;
	visibility:visible;
}
#C-15 {
	left:709px;
	top:535px;
	visibility:visible;
}
#C-16 {
	left:709px;
	top:582px;
	visibility:visible;
}
#C-17 {
	left:709px;
	top:629px;
	visibility:visible;
}
#C-18 {
	left:751px;
	top:416px;
	visibility:visible;
}
#C-19 {
	left:751px;
	top:463px;
	visibility:visible;
}
#C-20 {
	left:751px;
	top:511px;
	visibility:visible;
}
#C-21 {
	left:751px;
	top:558px;
	visibility:visible;
}
#C-22 {
	left:751px;
	top:604px;
	visibility:visible;
}
#C-23 {
	left:789px;
	top:441px;
	visibility:visible;
}
#C-24 {
	left:789px;
	top:488px;
	visibility:visible;
}
#C-25 {
	left:789px;
	top:535px;
	visibility:visible;
}
#C-26 {
	left:789px;
	top:582px;
	visibility:visible;
}
#C-27 {
	left:789px;
	top:629px;
	visibility:visible;
}
#C-28 {
	left:828px;
	top:416px;
	visibility:visible;
}
#C-29 {
	left:828px;
	top:463px;
	visibility:visible;
}
#C-30 {
	left:828px;
	top:511px;
	visibility:visible;
}
#C-31 {
	left:828px;
	top:558px;
	visibility:visible;
}
#C-32 {
	left:828px;
	top:604px;
	visibility:visible;
}
#C-33 {
	left:870px;
	top:441px;
	visibility:visible;
}
#C-34 {
	left:870px;
	top:488px;
	visibility:visible;
}
#C-35 {
	left:870px;
	top:535px;
	visibility:visible;
}
#C-36 {
	left:870px;
	top:582px;
	visibility:visible;
}
#C-37 {
	left:870px;
	top:629px;
	visibility:visible;
}
#C-38 {
	left:911px;
	top:416px;
	visibility:visible;
}
#C-39 {
	left:911px;
	top:463px;
	visibility:visible;
}
#C-40 {
	left:911px;
	top:511px;
	visibility:visible;
}
#C-41 {
	left:911px;
	top:558px;
	visibility:visible;
}
#C-42 {
	left:911px;
	top:604px;
	visibility:visible;
}
#C-43 {
	left:954px;
	top:441px;
	visibility:visible;
}
#C-44 {
	left:954px;
	top:488px;
	visibility:visible;
}
#C-45 {
	left:954px;
	top:535px;
	visibility:visible;
}
#C-46 {
	left:954px;
	top:582px;
	visibility:visible;
}
#B-01 {
	left:469px;
	top:212px;
	visibility:visible;
}
#B-02 {
	left:469px;
	top:164px;
	visibility:visible;
}#B-03 {
	left:469px;
	top:115px;
	visibility:visible;
}#B-04 {
	left:428px;
	top:189px;
	visibility:visible;
}
#B-05 {
	left:428px;
	top:138px;
	visibility:visible;
}#B-06 {
	left:387px;
	top:212px;
	visibility:visible;
}#B-07 {
	left:387px;
	top:164px;
	visibility:visible;
}#B-08 {
	left:387px;
	top:115px;
	visibility:visible;
}#B-09 {
	left:346px;
	top:281px;
	visibility:visible;
}
#B-10 {
	left:346px;
	top:234px;
	visibility:visible;
}
#B-11 {
	left:346px;
	top:187px;
	visibility:visible;
}
#B-12 {
	left:346px;
	top:138px;
	visibility:visible;
}
#B-13 {
	left:305px;
	top:304px;
	visibility:visible;
}
#B-14 {
	left:305px;
	top:257px;
	visibility:visible;
}
#B-15 {
	left:305px;
	top:209px;
	visibility:visible;
}
#B-16 {
	left:305px;
	top:162px;
	visibility:visible;
}
#B-17 {
	left:305px;
	top:115px;
	visibility:visible;
}
#B-18 {
	left:264px;
	top:328px;
	visibility:visible;
}
#B-19 {
	left:264px;
	top:281px;
	visibility:visible;
}
#B-20 {
	left:264px;
	top:234px;
	visibility:visible;
}
#B-21 {
	left:264px;
	top:188px;
	visibility:visible;
}
#B-22 {
	left:264px;
	top:138px;
	visibility:visible;
}
#B-23 {
	left:223px;
	top:304px;
	visibility:visible;
}
#B-24 {
	left:223px;
	top:257px;
	visibility:visible;
}
#B-25 {
	left:223px;
	top:209px;
	visibility:visible;
}
#B-26 {
	left:223px;
	top:162px;
	visibility:visible;
}
#B-27 {
	left:223px;
	top:115px;
	visibility:visible;
}
#B-28 {
	left:182px;
	top:328px;
	visibility:visible;
}
#B-29 {
	left:182px;
	top:281px;
	visibility:visible;
}
#B-30 {
	left:182px;
	top:234px;
	visibility:visible;
}
#B-31 {
	left:182px;
	top:188px;
	visibility:visible;
}
#B-32 {
	left:182px;
	top:138px;
	visibility:visible;
}
#B-33 {
	left:141px;
	top:304px;
	visibility:visible;
}
#B-34 {
	left:141px;
	top:257px;
	visibility:visible;
}
#B-35 {
	left:141px;
	top:209px;
	visibility:visible;
}
#B-36 {
	left:141px;
	top:162px;
	visibility:visible;
}
#B-37 {
	left:141px;
	top:115px;
	visibility:visible;
}
#B-38 {
	left:99px;
	top:328px;
	visibility:visible;
}
#B-39 {
	left:99px;
	top:281px;
	visibility:visible;
}
#B-40 {
	left:99px;
	top:234px;
	visibility:visible;
}
#B-41 {
	left:99px;
	top:188px;
	visibility:visible;
}
#B-42 {
	left:99px;
	top:138px;
	visibility:visible;
}
#B-43 {
	left:58px;
	top:304px;
	visibility:visible;
}
#B-44 {
	left:58px;
	top:257px;
	visibility:visible;
}
#B-45 {
	left:58px;
	top:209px;
	visibility:visible;
}
#B-46 {
	left:58px;
	top:162px;
	visibility:visible;
}
#A-01 {
	left:469px;
	top:533px;
	visibility:visible;
}
#A-02 {
	left:469px;
	top:580px;
	visibility:visible;
}#A-03 {
	left:469px;
	top:626px;
	visibility:visible;
}#A-04 {
	left:428px;
	top:554px;
	visibility:visible;
}
#A-05 {
	left:428px;
	top:601px;
	visibility:visible;
}#A-06 {
	left:387px;
	top:533px;
	visibility:visible;
}#A-07 {
	left:387px;
	top:580px;
	visibility:visible;
}#A-08 {
	left:387px;
	top:626px;
	visibility:visible;
}#A-09 {
	left:346px;
	top:463px;
	visibility:visible;
}
#A-10 {
	left:346px;
	top:511px;
	visibility:visible;
}
#A-11 {
	left:346px;
	top:558px;
	visibility:visible;
}
#A-12 {
	left:346px;
	top:604px;
	visibility:visible;
}
#A-13 {
	left:305px;
	top:441px;
	visibility:visible;
}
#A-14 {
	left:305px;
	top:488px;
	visibility:visible;
}
#A-15 {
	left:305px;
	top:535px;
	visibility:visible;
}
#A-16 {
	left:305px;
	top:582px;
	visibility:visible;
}
#A-17 {
	left:305px;
	top:629px;
	visibility:visible;
}
#A-18 {
	left:264px;
	top:416px;
	visibility:visible;
}
#A-19 {
	left:264px;
	top:463px;
	visibility:visible;
}
#A-20 {
	left:264px;
	top:511px;
	visibility:visible;
}
#A-21 {
	left:264px;
	top:558px;
	visibility:visible;
}
#A-22 {
	left:264px;
	top:604px;
	visibility:visible;
}
#A-23 {
	left:223px;
	top:441px;
	visibility:visible;
}
#A-24 {
	left:223px;
	top:488px;
	visibility:visible;
}
#A-25 {
	left:223px;
	top:535px;
	visibility:visible;
}
#A-26 {
	left:223px;
	top:582px;
	visibility:visible;
}
#A-27 {
	left:223px;
	top:629px;
	visibility:visible;
}
#A-28 {
	left:182px;
	top:416px;
	visibility:visible;
}
#A-29 {
	left:182px;
	top:463px;
	visibility:visible;
}
#A-30 {
	left:182px;
	top:511px;
	visibility:visible;
}
#A-31 {
	left:182px;
	top:558px;
	visibility:visible;
}
#A-32 {
	left:182px;
	top:604px;
	visibility:visible;
}
#A-33 {
	left:141px;
	top:441px;
	visibility:visible;
}
#A-34 {
	left:141px;
	top:488px;
	visibility:visible;
}
#A-35 {
	left:141px;
	top:535px;
	visibility:visible;
}
#A-36 {
	left:141px;
	top:582px;
	visibility:visible;
}
#A-37 {
	left:141px;
	top:629px;
	visibility:visible;
}
#A-38 {
	left:99px;
	top:416px;
	visibility:visible;
}
#A-39 {
	left:99px;
	top:463px;
	visibility:visible;
}
#A-40 {
	left:99px;
	top:511px;
	visibility:visible;
}
#A-41 {
	left:99px;
	top:558px;
	visibility:visible;
}
#A-42 {
	left:99px;
	top:604px;
	visibility:visible;
}
#A-43 {
	left:58px;
	top:441px;
	visibility:visible;
}
#A-44 {
	left:58px;
	top:488px;
	visibility:visible;
}
#A-45 {
	left:58px;
	top:535px;
	visibility:visible;
}
#A-46 {
	left:58px;
	top:582px;
	visibility:visible;
}

.reunion_activities {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	margin: 10px 40px 10px 40px;
}

.reunion_activities h2 {
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	margin-top: 24px;
}
.reunion_activities h1 {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;

}

.reunion {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	margin: 10px 40px 10px 40px;
}

.reunion h1 {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
}

.reunion table {
	margin: 10px 100px 10px 100px;
}

.reunion a {
	color:#FF0;
}

.reunion table td {
	padding: 5px 20px 5px 20px;
}

.reunion img {
	text-align:center;
	margin:0 auto;
}

.center {
	text-align:center;
}
div.gala_page {
	color:#000;
	background-color:#fff;
}

div.gala_page table {
	border:medium solid;
	text-align:center;
	margin-left:5%;
}

body {
	-epub-hyphens:auto;
}
div.gala_page table tr, div.gala_page table tr td, div.gala_page table tr th {
	border:solid thin;	
}

div.gala_page table tr.top_row {
	border-top:thin solid;
	border-bottom:hidden;
}
div.gala_page table tr.bottom_row {
	border-top:hidden;
	border-bottom:thin solid;
}

div.gala_page table tr.top_row td.ticket {
	text-decoration:underline;
}

div.gala_page table tr td.ticket {
	font-size:14px;
	padding-bottom: 2px;
	padding-right: 2px;
}

div.gala_page div.buttons {
	text-align:center;
	margin: 20px 0px 20px 0px;
}

div.gala_page p {
	margin-left:5%;
	margin-right:5%;
}

table tr td h2.list_name {
	text-align:left;
}
.bulletin {
	width: 500px;
	border-bottom-color:#FC9;
	border-style:solid;
	border-width:thick;
	margin: 20px;
	font-size:22px;
	padding:20px;
}
.thanks {
	margin-left: 40px;
	font-size: 18px;
	text-align:left;
}
.address {
	margin-left: 60px;
	margin-top: 20 px;
	font-size: 18px;
	text-align:left;
}
#clifton_kyle {
	margin-bottom: 20px;
	border: solid medium;
}

#clifton_kyle a {
	text-decoration:underline;
	color:#0F3;
}
#clifton_kyle h1 {
	text-align:center;
}
.trayInfo td, .trayInfo th {
	text-align:center;
	border: #F4E300 solid 1px;
}
.trayInfo table {
	margin:20px auto;
	font-size:12px;
}
.trayInfo input {
	background: #FFCC00;
	color:#0000C0;
}
th.th_top { 
	border-top: #F4E300 solid 1px;
	border-bottom:none;
}
th.th_bottom { 
	border-top:none; 
	border-bottom: #F4E300 solid 1px;
}

#photo_view {
	position:relative;
	width:584px;
	height:394px;
	margin:0 auto;
}
#outer_view {
	position:relative;
	width:584px;
	height:290px;
	overflow:hidden;
	margin:0 auto;
	margin-bottom: 10px;
        z-index: 0;
}
#photo_view div img {
	height:383px;
}
#photo_view div {
	position:absolute;
	z-index: 0;
}
div.back {
	z-index:1;
	position:absolute;
	top:0;
}
div.back img {
	height:383px;
}
#photo_view div.previous {
	z-index: 2;
}

#photo_view div.current {
	z-index: 3;
}








/*  Rota Pictures CSS --*/


#photo_view div.previous {
	z-index: 2;
}

#photo_view div.current {
	z-index: 3;
}
.chevron {
	position:absolute;
	z-index:4;
	opacity:0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.chevron img {
	width:25	px;
	height:25px;
}
#right-chevron {
	left: 534px;;
	top:  145px;
}
#left-chevron {
	left: 25px;;
	top: 145px;
}

.vis_on {
	opacity: 0.7;
}

.vis_off {
	opacity: 0.0;
}

#indicators_holder {
	position:absolute;
	z-index:4;
	margin: 0 auto;;
	padding: 0 0 0 0;
	top: 240px;
	height: 20px;
	width:100%;
	text-align:center;
}
.indicator {
	display:inline;
	margin-left:15px;
}
.indicator img {
	width:15px;
	height:15px;
}
/*--------End of Rota Pictures CSS ------*/


img#theme_image {
	width:50%;
	margin:0 25%;
}

.error_messages {
	background-color: #fff;
	border: hsla(0,100%,50%,1.00) thick solid;
	color: hsla(0,100%,50%,1.00);
	width: 80%;
	margin: 10px auto;
	padding: 10px;
	text-align: left;
	font-size: 1.00em;
}



.input_error, .error_statement {
	color:#aa0000;
}

.submit_buttons {
	width:90%;
	margin: 20px auto;
	background-color:hsla(240,100%,50%,1.00);
	color: hsla(47,100%,50%,1.00);
	display: block;
	padding:10px;
	border: hsla(47,100%,50%,1.00) medium solid;
}

.submit_buttons input {
	color: hsla(240,100%,50%,1.00);
	background-color: hsla(47,100%,50%,1.00);
	margin-left: 20px;
	font-size: 14px;
}

.submit_buttons {
	display: flex;
	flex-wrap: wrap;
}

.for_print .submit_buttons {
	border: none;
	background-color: inherit;
	margin-bottom: 0px;
}


.registration .input_listing {
	width:70%;
	border: solid thin hsla(47,100%,50%,1.00);
	background-color: hsla(240,100%,50%,1.00);
	padding: 20px;
	font-family:"Courier New", Courier, monospace;
	text-align: center;
	font-size: 14px;
	margin: 20px auto;
	color: hsla(47,100%,50%,1.00)
}

.registration .input_listing h2 {
	font-size: 14px;
}

.paypal_buttons p.pp_payment {
	margin: 30px auto;
}

.paypal_buttons {
	padding: 30px;
}

.paid {
	color: hsla(0,50%,50%,1.00);
}

.publishOnLine {
	text-align:center;
	margin: 30px;
}

section#parade {
	margin-left:30px;
}

section#parade h1 {
	text-align:center;
	font-size:36px;
}

section#parade ol, section#parade ul {
	margin-left: 100px;
}

section#parade img {
	width:900px;
	margin:20px auto;
}

section#attire {
	margin: 100px 10px;
}

section#attire h1 {
	text-align:center;
	font-size:36px;
}

section#attire ul li h2 {
	margin-top: 30px;
	text-align:center;
	font-size:24px;
}

section#attire ul li p {
	text-align:center;
	font-size: 24px;
}

div.Basic-Text-Frame {
	border-style:solid;
}
p.H1---Header {
	color:inherit;
	font-family:"Minion Pro", serif;
	font-size:48px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:center;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
p.H2---Header {
	color:inherit;
	font-family:"Minion Pro SmBd", serif;
	font-size:36px;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	line-height:1.2;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:36px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:center;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
p.Info-Line {
	color:inherit;
	font-family:"Minion Pro", serif;
	font-size:20px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.083;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:1px;
	orphans:1;
	page-break-after:auto;
	page-break-before:avoid;
	text-align:center;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
p.Time-Line {
	color:inherit;
	font-family:"Minion Pro", serif;
	font-size:24px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.143;
	margin-bottom:0;
	margin-left:150px;
	margin-right:0;
	margin-top:20px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
span.CharOverride-1 {
	font-family:Times, serif;
	font-style:normal;
	font-weight:normal;
}

.memories {
	font-size:24px;
	margin: 10px 0px;
}
.memories ul li, .memories p {
	margin: 10px 50px;
}

.memories section.sports img {
	width: 90%;
	margin: 20px 5%;
}

.memories h1 {
	text-align:center;
	font-size:48px;
	margin-top:20px;
}

.memories h2 {
	text-align:center;
	font-size:36px;
	margin-top:20px;
}

.memories section {
	margin-bottom: 100px;
}

form#reunion_evaluation {
	margin-left:50px;
}

orm#reunion_evaluation textarea {
}

article.survey_questions {
	font-size:18px;
	margin:10px 10px;
}

article.survey_questions p {
	padding-left:0px;
}
article.q_top p {
	width: 280px;
}
article.survey_questions table {
	margin-left:80px;
}

article.q_top {
	float:left;
}

article.q_comment, article.q_bottom {
	float:none;
	clear:both;
}

article.submit_roll {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align:center;
}

article.submit_roll input {
	background:#F2B707;
	color:#050FA1;
	font-size:24px;
}

#survey_announcement {
	display: block;
	border:thick solid;
	font-size: 24px;
	padding: 5px;
}

section#new_officers {
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	font-size: 16px;
	margin: 20px auto;
	width: 80%;
	padding: 20px;
}

section#new_officers ul li {
	text-align: center;
	list-style: none;
}

section#new_officers ul li.off_pos {
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom: 0px;
}


section#new_officers ul li.off_name {
	font-size: 1.0em;
	margin-top: 0px;
	margin-bottom: 0px;

}

section#new_officers h1 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 30px;
}

section#champs img {
	width: 600px;
}.vlogo {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.home-page-ad img {
	width: 90%;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
	margin-right: auto;
}
.home-page-ad h4 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 19px;
	padding-right: 19px;
	padding-bottom: 19px;
	padding-left: 19px;
	background-color: hsla(197,80%,79%,1.00);
	color: hsla(257,100%,38%,1.00);
	font-size: 1.3em;
}
.registration .title h3 {
	font-weight: normal;
	font-size: 1em;
}
.super {
	vertical-align: super;
}
.registration .title h2 .super {
	font-size: 0.6em;

}
.second-line {
	display: inline-block;
	margin-top: 0px;
	padding-top: 0px;
	vertical-align: top;

}
.bordered {
	border: 2px solid hsla(0,0%,0%,1.00);
	width: 106%;
	height: 4em;
	min-width: 0px;
	border-radius: 21px;
	margin-left: -3%;
	background-color: hsla(0,0%,100%,1.00);
	margin-bottom: 12px;
}
#please-print {
	margin-left: 45px;
	font-size: 1.2em;
	margin-bottom: -34px;
	padding-top: 11px;
	font-weight: bold;
}
.for_internal input#date_received {
	width: 219px;
}
.registration .instructions {
	margin-left: 100px;
	margin-top: 20px;
	margin-right: 100px;
	margin-bottom: 20px;
	border: 1px solid hsla(0,0%,1%,1.00);
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: hsla(48,100%,47%,1.00);
	color: hsla(260,100%,38%,1.00);
	font-size: 1em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: bold;
}
.input_block_end2 input, .input_block_end2 label {
	width: 90%;
}
#regid_label {
	margin-left: 29px;
	margin-right: -10px;
	font-size: 0.8em;
	padding-top: 7px;
}
.schedule p {
	font-size: 1.5em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.schedule table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	border: medium solid hsla(51,100%,47%,1.00);
	margin-bottom: 20px;
}
.schedule table td {
	border: thin solid hsla(51,100%,47%,1.00);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.schedule p .center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 99%;
}
aside .links-to-classes {
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 1.5em;
	text-align: center;
	border: 1px solid hsla(51,100%,47%,1.00);
	border-radius: 19px;
	margin-bottom: 9px;
	width: 80%;
}
#classes-website-header {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 20px;
}
#reg_number_display {
	width: 30%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 8px double #EEBF00;
	background-color: #F1E2A7;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#reg_number_display h1 {
	color: #4100C0;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#reg_number_display p {
	color: #9D0305;
	font-weight: bold;
	font-size: 2em;
}
#reg_number_print h1 {
    font-weight: bold;
    font-size: 1em;
}
#reg_number_print p {
    color: #9D0305;
    font-weight: bold;
    font-size: 2em;
}

img#emojiH-F {
	width: 20px;
	display:  inline;
}

p#twirlers, p#cheerleaders, p#hotel_registration, p#gatsy, div#cars {
	border: #E5B56F medium solid;
	font-size: 1.5em;
	padding: 20px;
	margin: 20px;
}

div#cars p, div#cars ol {
	margin-bottom: 20px;
}

div#cars ol li {
	margin-bottom: 10px;
}

#scholarship a h1 {
    margin-top: 25px;
    margin-bottom: 25px;
    border: medium solid #F9BE57;
    border-radius: 21px;
    padding-top: 23px;
    padding-right: 23px;
    padding-bottom: 23px;
    padding-left: 23px;
    font-size: 22px;
}

h4#urgent_announcement {
    margin: 20px;
    font-size: 2em;
    color: #2202C0;
    background-color: #FCCC00;
}
#urgent_announcement .urgent_header {
	display: block;
	text-align: center;
	font-size: 2.5em;
}