/*
 ##################################################################
 ##################################################################
 # THIS IS THE DEFAULT STYLE SHEET FOR THE TRANSFERINIOWA WEBSITE #
 ##################################################################
 ##################################################################
 */

/*
 ####################################################################
 # GLOBAL ELEMENTS
 ####################################################################
 */
/* set default font face, size for all text (unless overridden below).
   Also set bg color, and default line height */
body { margin:15px 0px 0px 0px; font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size:12px; background-color:#CCC; text-align: left; line-height: 18px; }

/* default link styles unless overridden below */
a { color: #c30; text-decoration: none; font-weight: 500; }
a:hover { color: #003681; text-decoration: underline; }

/* default images to not have a border */
img { border: 0px; }


/*
 ####################################################################
 # override the album class from our lightbox
 ####################################################################
*/
/* these styles must remain in order to prevent the lightbox.css from changing the image borders */
.album img, img.album { border: 0px; padding: 0px; }
img:hover, .album img:hover { border: 0px; }


/*
 ####################################################################
 # CLASSES FOR LAYOUT ELEMENTS
 ####################################################################
*/
/* container for the whole page to handle centering and width */
div#container { border: 1px solid white; width: 750px; margin-left: auto; margin-right: auto; }
table#main { }

/* ################################################################*/
/* header style to define the header space */
#header td { height: 120px; background-color: #003681; border-bottom: 1px solid white; }

/* ################################################################*/
/* menu styles to control top menu space and font */
#menu td { height: 36px; background-color: #98B8CF; white-space: nowrap; border-bottom: 1px solid white; font-size: 11px; }
#menu a { font-weight: 600; color: #336666; text-decoration:none; letter-spacing:.1em; padding: 0px 10px 0px 10px; }
#menu a:hover { color: #003681; }

/* ################################################################*/
/* left body column */
#left { width: 200px; height: 582px; vertical-align: top; background-color: #CCC; border-bottom: 1px solid white; }
#left .school_one, #left .school_two { border-bottom: 1px solid white; }

/* ################################################################*/
/* right body column */
td#body { width: 547px; background-color: #EEE; border-left: 1px solid white; border-bottom: 1px solid white; vertical-align: top; padding: 10px; background-image: url(../images/flagbg.jpg); }
#body h1 { font:20px georgia; color: #CC3300; letter-spacing:.1em; line-height:26px; padding-top: 10px; margin: 0px; }
#body h2 { font:16px georgia; color: #669999; font-weight:bold; line-height:20px; letter-spacing:.1em; padding-top: 10px; margin: 0px; }
#body h3 { font-size:13px; color:#333333; font-weight: bold; padding-top: 5px; margin: 0px; }
#body h4 { font-size:12px; color:#333333; font-weight: bold; padding-top: 5px; margin: 0px; }
#body p { margin: 0px 0px 10px 0px; }
/* style to reset the padding on the bottom of the p */
#body p#reset, #body p#reset_p { margin: 0px; padding: 0px; }

/* overriding any browser default styles for tables. */
#body table { border-spacing: 0px; border-collapse: collapse; border-color: #98B8CF; }
/* set background color and text alignment for th tags */
#body table th { background-color: #98B8CF; text-align: center; }
/* set default cell padding for td */
#body table td { padding-left: 5px; padding-right: 5px; }
/* #border - style for a border on only the table */
#body table#border, #body table.border { border: 1px solid #98B8CF; }
/* #cell_border - style for a border on all cells */
#body table#cell_border, #body table#cell_border td, #body table.cell_border, #body table.cell_border td { border: 1px solid #98B8CF; }
/* #column_border - style for a border on the columns only */
#body table#column_border, #body table.column_border  { border-bottom: 1px solid #98B8CF; border-top: 1px solid #98B8CF; }
#body table#column_border td, #body table#column_border th, #body table.column_border td, #body table.column_border th { border-left: 1px solid #98B8CF; border-right: 1px solid #98B8CF; }
/* reset table style to remove border and padding */
#body table#reset, #body table#reset_table, #body table.reset, #body table.reset_table { border: 0px; padding: 0px; }

/* padding */
.padding, .padding td, #padding, #padding td { padding: 5px; }

/* THE FOLLOWING ARE TEXT-STYLING CLASSES. */
.small{font-size:9px;}
.small a, .small a:link, .small a:visited, .small a:active{font-size:9px; color:#444;}
.small a:hover {color: #003681; text-decoration: underline; }


/* the custom style for the nameplates table on the main and the transfer process pages */
/*#nameplates { position: absolute; bottom: 46px; width: 529px; } /* this does not work with safari */
#nameplates { width: 529px; background-color: #FFF; }
#nameplates td { padding: 5px; text-align: center; vertical-align: bottom; }

/* ################################################################*/
/* footer style */
#footer td { background-color: #003681; height: 26px; vertical-align: middle; padding: 5px 5px 5px 5px; color: #ccc; font-size: 11px; }
#footer a { color: #ccc; font-weight: normal; }
#footer a:hover { color: #fff; }