/*
Name:        default.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     18 August 2009
Notes:       This file should contain ONLY definitions for the base microsite template
*/

@media all
{
	/* Default Tags *********************************/	
	body
	{
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size:   12px;
		color:       #666;
		min-width:   900px;
		padding:     0;
		margin:      0;
		line-height: 1.5em;
	}
	
	table
	{
		border-collapse: collapse;
		border: 0px;
	}
	
	td
	{
		padding: 0px;
	}
	
	img
	{
		border: 0px;
	}
	
	p
	{
		margin:  10px 0;
	}
	
	a
	{
		color: #666;
		text-decoration: underline;
	}
	
	a:hover
	{
		color: #000;
		text-decoration: underline;
	}
	
	h1
	{
		color:       #000;
		font-size:   18px;
		font-weight: bold;
	}
	
	h1 div.sub
	{
		margin-top: 4px;
		font-size: 16px;
	}
	
	h2
	{
		color:       #333;
		font-size:   16px;
		font-weight: bold;
	}
	
	h2 div.sub
	{
		margin-top: 4px;
		font-size: 14px;
	}
	
	h3
	{
		color:       #666;
		font-size:   14px;
		font-weight: bold;
	}
	
	h3 div.sub
	{
		margin-top: 4px;
		font-size: 12px;
	}
	
	/* Default Layout ********************************/	
	div.layPage
	{
		width: 900px;
	}
	
	div.layHeader
	{
		height:        80px;
		line-height:   80px;
		font-size:     30px;
		font-family:   "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
		padding-left:  15px;
		padding-right: 120px;
		overflow:      hidden;
	}
	
	div.layNavigation
	{
		height:        20px;
		line-height:   20px;
		font-size:     11px;
		padding-left:  60px;
		border-top:    1px solid #333;
		border-bottom: 1px solid #333;
		overflow:      hidden;
	}
	
	div.layContent
	{
		margin: 30px 262px 30px 128px;
		min-height: 540px;
	}
	
	div.layFooter
	{
		height:      20px;
		line-height: 20px;
		font-size:   10px;
		text-align:  center;
		border-top:  1px solid #666;
		overflow:    hidden;
	}
	
	table.basic
	{
		margin:  0px;
		padding: 0px;
		width:   100%;
	}
	
	/* Default Links *********************************/
	div.layNavigation a
	{
		color:           #333;
		text-decoration: none;
		margin-right:    30px;
	}
	
	div.layNavigation a:hover
	{
		text-decoration: underline;
	}
	
	div.layFooter a
	{
		color:           #696969;
		text-decoration: none;
		margin-left:     35px;
	}
	
	div.layFooter a:hover
	{
		text-decoration: underline;
	}
	
	/* Default Images ********************************/
	div.layHeader img.logo
	{
		position: absolute;
		top:      0;
		left:     0;
	}
	
	div.layHeader img.pamLogo
	{
		width:          82px;
		height:         70px;
		float:          right;
		vertical-align: middle;
		margin-top:     5px;
	}
	
	/* Tile links ***********************************/
	
	a.linkTile
	{
		text-decoration: none;
	}
	
	a.linkTile:hover
	{
		text-decoration: none;
	}
	
	a.linkTile div
	{
		font-size: 10px;
		color:     #333;
		padding:   10px 5px;
	}
	
	a.linkTile div:hover
	{
		background-color: #eee;
	}
	
	a.linkTile div h1
	{
		font-size:   12px;
		font-weight: bold;
		color:       #000;
		margin:      0;
		padding:     0;
	}
	
	/* Wrap *************************************/
	.wrap
	{
		float:			right;
		width:			75px;
		padding-right:	15px;
		padding-top:	8px;
		line-height:	0px;
	}
	
	/* Media section ********************************/
	div.mediaStrip
	{
		width: 480px;
		margin: 5px 0;
	}
	
	div.mediaLeft
	{
		float: left;
		width: 48px;
	}
	
	div.mediaRight
	{
		float: right;
		width: 48px;
	}
	
	div.mediaLeft a, div.mediaRight a
	{
		text-decoration: none;
		display:         block;
		width:           48px;
		height:          54px;
		text-align:      center;
		
	}
	
	div.mediaRight a:hover, div.mediaRight a:hover
	{
		text-decoration:  none;
		background-color: #eee;
	}
	
	div.mediaMask
	{
		overflow: hidden;
		position: relative;
		width:    384px;
		height:   54px;
	}
	
	div.mediaMask a
	{
		text-decoration: none;
		display:         block;
		width:           96px;
		height:          54px;
		float:           left;
		text-align:      center;
	}
	
	div.mediaMask a:hover
	{
		text-decoration: none;
		background-color: #eee;
	}
	
	div.mediaDisplay
	{
		width: 480px;
		text-align: center;
	}
	
	div.mediaDesc
	{
		text-align: left;
		padding: 5px;
		padding-top: 0;
	}
	
	div.mediaRating
	{
		width: 480px;
		text-align: center;
		margin-top: 10px;
	}
	
	/* Events section *******************************/
	table.filter
	{
		margin:   0px;
		padding:  0px;
	}
	
	table.filter td.viewType
	{
		width: 175px;
		height: 22px;
	}
	
	table.filter td.viewType img
	{
		width:  85px;
		height: 19px;
	}
	
	table.filter td.viewType select
	{
		width: 173px;
		height: 20px;
		color: #999;
	}
	
	table.filter td.dateLabel
	{
		width:      105px;
		height:     22px;
		text-align: right;
		color:      #666;
		font-size:  10px;
	}
	
	table.filter td.dateField
	{
		width:  180px;
		height: 22px;
		position: relative;
		z-index:  3;
	}
	
	table.filter td.dateField input
	{
		width:    115px;
		height:   13px;
		color:    #999;
	}
	
	
	table.listing
	{
		margin:   0px;
		padding:  0px;
		width:    692px;
		position: relative;
	}
	
	table.listing td
	{
		padding:          8px 0;
		border-top:       1px solid #cacaca;
		vertical-align:   top;
	}
	
	table.listing td.image
	{
		width: 100px;
	}
	
	table.listing td.image
	{
		width: 100px;
	}
	
	table.listing td.image img.purchase
	{
		width:      100px;
		height:     19px;
		margin-top: 5px;
	}
	
	table.listing td.times
	{
		width: 111px;
		padding-left: 12px;
		font-size: 11px;
		color: #666;
	}
	
	table.listing td.info h2
	{
		margin-top: 0;
	}
	
	table.listing td.info a
	{
		color: #666;
		text-decoration: underline;
	}
	
	table.listing td.info a:hover
	{
		color: #000;
		text-decoration: underline;
	}
	
	table.calendar
	{
		margin:      0px;
		padding:     0px;
		margin-left: 20px;
		border:      3px solid #858585;
		position:    relative;
		left:        -138px;
		width:       800px;
	}
	
	table.calendar th
	{
		background-color: #b2b2b2;
		text-align:       center;
		color:            #000;
		font-size:        12px;
		font-weight:      normal;
		width:            14.24%;
		padding:          5px 0;
	}
	
	table.calendar th.title
	{
		background-color: #454545;
		text-align:       center;
		vertical-align:   top;
		color:            #fff;
		font-size:        16px;
		font-weight:      bold;
		padding:          5px 0;
	}
	
	table.calendar th.title a, table.calendar th.title a:hover
	{
		color:       #fff;
		font-size:   12px;
		font-weight: normal;
	}
	
	table.calendar th.title a.left
	{
		float: left;
		margin-left: 5px;
	}
	
	table.calendar th.title a.right
	{
		float: right;
		margin-right: 5px;
	}
	
	table.calendar td.date
	{
		background-color: #fff;
		border:           2px solid #b2b2b2;
		padding:          5px;
		vertical-align:   top;
		height:           120px;
		color:            #666;
		font-size:        14px;
		font-weight:      bold;
	}
	
	table.calendar td.date a
	{
		color:           #666;
		font-size:       10px;
		font-weight:     normal;
		text-decoration: none;
		display:         block;
		margin:          0 0 5px 5px;
	}
	
	table.calendar td.date a:hover
	{
		text-decoration: underline;
	}
	
	img.calSmall
	{
		width:  30px;
		height: 19px;
	}
	
	p.small
	{
		font-size: 10px;
	}
	
	/* Sponsors section *****************************/	
	table.sponsors
	{
		margin:      0px;
		padding:     0px;
		position:    relative;
		width:       692px;
	}
	
	table.sponsors td
	{
		padding-bottom: 5px;
		vertical-align: top;
	}
	
	table.sponsors td.header h2
	{
		border-top: 1px solid #cacaca;
		margin-top:    8px;
		margin-bottom: 5px;
		padding-top:   8px;
	}
	
	table.sponsors td.header h2.top
	{
		border: 0;
	}
	
	table.sponsors td.col
	{
		width: 50%;
		white-space: nowrap;
		padding-right: 10px;
	}
	
	/* Visit section ********************************/	
	table.sponsors td.visitHeader
	{
		border-top: 1px solid #cacaca;
	}
	
	table.sponsors td.visitHeader h2
	{
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	table.sponsors td.visitBottom
	{
		padding-bottom: 11px;
	}
	
	table.sponsors td.visitTop h2
	{
		margin-bottom: 8px;
	}
	
	table.sponsors td.visitDay, table.sponsors td.visitPrice
	{
		width: 55px;
	}
	
	table.sponsors td.visitHours
	{
		width: 140px;
	}
	
	/* About section ********************************/
	table.sponsors td.aboutColLeft
	{
		width:        50%;
		padding:      8px 25px 8px 0;
		border-right: 1px solid #cacaca;
	}
	
	table.sponsors td.aboutColRight
	{
		width:   50%;
		padding: 8px 0 8px 25px;
	}
	
	table.sponsors td.aboutColLeft img.float, table.sponsors td.aboutColRight img.float
	{
		float: left;
		padding: 0 15px 15px 0;
	}
	
	table.sponsors td.aboutContent
	{
		padding: 8px 0;
	}
	
	table.sponsors td.hrule
	{
		border-top: 1px solid #cacaca;
	}
	
	table.sponsors td.aboutImageLeft
	{
		padding:    8px 0;
		text-align: left;
		width:      10px;
	}
	
	table.sponsors td.aboutImageLeft img
	{
		margin-right: 100px;
	}
	
	table.sponsors td.aboutImageRight
	{
		padding:    8px 0;
		text-align: right;
		width:      10px;
	}
	
	table.sponsors td.aboutImageRight img
	{
		margin-left: 100px;
	}
	
	table.sponsors td.aboutColLeft p,  table.sponsors td.aboutColRight p,  table.sponsors td.aboutContent p,
	table.sponsors td.aboutColLeft h1, table.sponsors td.aboutColRight h1, table.sponsors td.aboutContent h1,
	table.sponsors td.aboutColLeft h2, table.sponsors td.aboutColRight h2, table.sponsors td.aboutContent h2,
	table.sponsors td.aboutColLeft h3, table.sponsors td.aboutColRight h3, table.sponsors td.aboutContent h3
	{
		margin-top: 0;
	}
}