/* 
Education Page styles for smithdiving.com
Bob Haider
bobhaider@mac.com
Updated: Apr 2004
*/

/* The display area for the main page is a text area to the left and a menu area to the right. the display area has a top and bottom graphic that further defines the display space and should be the first and last elements displayed */

#maindisplay {
	background: #ffffff url(../images/pagedisplays/newseventspage/nepdisplaybg.gif) repeat-y center ;
	}

#maindisplay:before {
	content: url(../images/pagedisplays/newseventspage/nepdisplaytop.gif);
	text-align: center;
	}

#maindisplay:after {
	content: url(../images/pagedisplays/newseventspage/nepdisplaybtm.gif);
	text-align: center;
	}

/* display area - text areas */

#textarea {
	float: right;
	background: #ffffff url(../images/pagedisplays/newseventspage/nepdisplaybg.gif) repeat-y right ;
	}

/* Table Defs */

table.eventdetails {
	width: 80%;
	border-collapse: collapse;
	border: 1px gray solid; 
	}

th.eventcol {
	width: 24%;
	text-align: center;
	border: 1px black solid;
	padding-top: .3em;
	padding-bottom: .3em; 
	}

th.datecol {
	width: 38%;
	text-align: center;
	border: 1px black solid; 
	}

th.locationcol  {
	width: 38%;
	text-align: center;
	border: 1px black solid; 
	}

td.eventcell {
	padding-top: .3em;
	padding-bottom: .3em; 
	text-align: center;
	border: 1px gray solid; 
	vertical-align: middle; 
	}

td.datecell {
	text-align: center;
	border: 1px gray solid; 
	padding-top: .4em;
	padding-bottom: .4em;
	vertical-align: middle; 
	}

td.locationcell {
	text-align: center;
	border: 1px gray solid; 
	padding-top: .4em;
	padding-bottom: .4em;
	vertical-align: middle; 
	}

/* display area - menu */

#menuarea {
	float: left;
	background: #ffffc4 url(../images/pagedisplays/newseventspage/nepdisplaybg.gif) repeat-y left ;
	}

/* Main Page Table */

table.mainpage {
	width: 100%;
	border-collapse: collapse;
	}

td.mpcell {
	width: 50%;
	border: 1px gray solid;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top; 
	}

/* Photo Gallery Table Defs */
table.photogallery {
	width: 100%;
	border: 0;
	}

td.thumbcell {
	vertical-align: top;
	text-align: center;
	width: 25%;
	border: none; 
	}

div.thumbmatting {
	width: 125px;
	height: 125px;
	border: 1px #b3b3b3 solid;
	background-color: #ffffc4;
	vertical-align: middle; 
	}

div.poolmenuthum {
	margin-top:23px;
	border: 1px gray solid;
	margin-right: auto;
	margin-left: auto;
	width: 100px;
	height: 75px;
	}

div.thumblurb {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: smaller; 
	}

img.thumbpositionw {
	position: relative;
	background-color: #000;
	margin-top: 23px; 
	margin-right: auto;
	margin-left: auto;
	border: 1px gray solid;
	width: 100px;
	height: 75px;
	}

img.thumbpositiont {
	position: relative;
	background-color: #000;
	margin-top: 10px; 
	margin-right: auto;
	margin-left: auto;
	border: 1px gray solid;
	width: 75px;
	height: 100px;
	}

/* Photo Galleries Table Defs */
table.photogalleries {
	width: 100%;
	border: 1px gray solid;
	border-collapse: collapse;
	}

td.gallerytype {
	vertical-align: middle;
	text-align: center;
	width: 33%;
	font-weight: bolder;
	border: 1px black solid;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: larger; 
	}
td.gallery {
	vertical-align: top;
	text-align: center;
	width: 33%;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px gray solid;
	}
/* Photo Gallery Table Defs */
table.photo {
	width: 100%;
	border: none;
	}

td.photocell {
	vertical-align: top;
	text-align: center;
	width: 100%;
	border: none; 
	}

div.photomatting {
	width: 100%;
	height: 100%;
	border: 1px #b3b3b3 solid;
	background-color: #ffffc4;
	vertical-align: middle; 
	}

div.poolmenuimg {
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 3%; 
	margin-left: auto;
	border: 1px gray solid;
	width: 500px;
	height: 375px;
	}

div.photoblurb {
	margin-top: .5em;
	margin-bottom: .5em;
	}

img.photoposition {
	position: relative;
	background-color: #000;
	margin-top: 10px; 
	margin-right: auto;
	margin-bottom: 12px; 
	margin-left: auto;
	border: 1px gray solid;
	}

img.photopositionw {
	position: relative;
	background-color: #000;
	margin-top: 2%; 
	margin-right: auto;
	margin-bottom: 3%; 
	margin-left: auto;
	border: 1px gray solid;
	width: 500px;
	height: 375px;
	}

img.photopositiont {
	position: relative;
	background-color: #000;
	margin-top: 4%; 
	margin-right: auto;
	margin-bottom: 6%; 
	margin-left: auto;
	border: 1px gray solid;
	width: 450px;
	height: 600px;
	}
/*List info */

ol {
	font-size: 12px; 
	}

dl {
	font-size: 12px; 
	}
	
dt {
	font-weight: bold;
	padding-top: .5em;
	padding-bottom: .5em; 
	}

dd {
	padding-bottom: .7em; 
	}

dt span {
	float: right;
	font-weight: normal; 
	}
	
dt.clue {
	font-style: italic;
	text-decoration: underline; 
	}
	
dd.clue {
	font-style: italic;
	font-weight: normal;
	text-decoration: none; 
	}

ul.mfg {
	font-weight: bold;
	list-style-type: none; 
	}

ul.newProd {
	font-weight: normal;
	margin-bottom: 1em;
	list-style-type: disc; 
	}
ul span {
	text-decoration: underline; 
	}