/*
 * note this file has a site url dependency
 * in the declaration for div#topmenu
 * it uses a repeating graphic that colors the navigation menu
 * the graphic file is explicitly referenced in the csc site
 */


/*
 ***************************************
 * Page Structural Area Definitions
 ***************************************
 */

body { padding: 4px; margin: 0px; background: #d6dff7; width: 710px;}

h4, h5 { font-size: 10pt; }
h4 {font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; text-decoration: none;}
h5 {font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; }

h3 { margin-top: 0em; }              

img.bord {border: 2px solid #4a7dbd; }

div#content {
   padding: 4px;
   margin-top: 36px;
}
@media screen {
   div#content { margin-left: 140px;}
}
@media print {
   div.content { display: none; }
   div#content { margin-left: 4px; }
}



div.topbutton {
   background: red; 
   color: white;
   padding: 3px 36px; 
   margin: 0px 8px 8px 0px; 
   border: 1px solid black;
   font-weight: bold;
	font-size: 1.0em;
	text-align: center;
	display: inline;
}
                 
@media print {
   div.topbutton {  display: none }
}

div.topbutton a:link, div.topbutton a:visited {
   text-decoration: none;
   color: white;
}

div.topbutton a:hover {
   text-decoration: none;
   color: black;
}  

div.leftbutton {
   background: #4a7dbd; 
   color: black;
   padding: 3px; 
   margin: 3px; 
   border: 1px solid black; 
   font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	width: 120px;
}

@media print {
   div.leftbutton {  display: none }
}

div.leftbutton a:link, div.leftbutton a:visited {
   text-decoration: none;
   color: white;
}

div.leftbutton a:hover {
   text-decoration: none;
   color: black;
}


div#pagefoot {
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 3px;
	clear: both;
	text-align: center;
	font-size: 0.75em;
}

@media screen {
   div#pagefoot { 
	   color: white;
   }
   div#pagefoot a:link, div#pagefoot a:visited {color: #e0e0e0;}
   div#pagefoot a:hover { font-weight: bold;}
}
@media print {
   div#pagefoot {
   	border-top-width: 1px;
   	border-top-color: #081d89;
   	border-top-style: solid; 
	   color: #707070;
   }
   div#pagefoot a:link, div#pagefoot a:visited {color: #707070;}
}


/*
 *************************************
 * general color related styles
 *************************************
 */

a:link {color: #990000;}
a:visited {color: #990099;}


td.shaded, tr.shaded {
	background: #e8e8e8;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
}

/* major characteristics of highlightblock are defined in common_style */
.highlightblock {
	background: #e8e8e8;
	border: 1px solid #697398;
	}
.insidetitle {
	background: #697398;
	color: white;
	border: 1px solid #697398;
}


/*
 ***************************************************************************
 * table dispform for input forms and event info boxes and club info boxes
 ***************************************************************************
 */
table.dispform {
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 1px;
	border: 1px solid #663300;
	background: #e8e8e8;
	}
table.dispform td {
	padding: 3px 4px 3px 4px;
}
table.dispform th {
   font-weight: bold;
   text-align: left;
   background: #8eb4d8;
	padding: 3px 4px 3px 4px;
 	white-space: nowrap;
}
table.dispform td.topbar {
	background: #663300;                               
	color: white;
	padding: 4px 4px 4px 4px;
	text-align: center;
	font-weight: bold;
}
 
 table.sponsorlogos td {
    padding: 4px 12px 12px 0px;
 }