/*
Name:        layout.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     24 March 2009
Notes:       This file should contain ONLY definitions for what appears in site layout templates
*/

@media all
{
	/* Default Tags *********************************/	
	body
	{
		text-align:  center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:   12px;
		line-height: 17px;
		color:       #333;
		min-width:   500px;
		padding:     0;
		margin:      0;
	}
	
	table
	{
		border-collapse: collapse;
		border: 0px;
	}
	
	td
	{
		padding: 0px;
	}
	
	img
	{
		border: 0px;
	}
	
	form
	{
		margin: 0;
	}
	
	/* Public Layout ********************************/	
	
	div.layNav
	{
		color:            #000;
		height:           50px;
		line-height:      28px;
		font-family:      "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
		font-size:        12px;
		padding:          0 4px;
	}
	
	div.layNav a.aacn
	{
		position:        relative;
		top:             4px;
		left:            769px;
		z-index:         3;
		text-decoration: none;
	}
	
	div.layNav a.aacn img
	{
		width:  123px;
		height: 44px;
	}
	
	div.layNav div.search
	{
		float:     right;
		color:     #000;
		font-size: 9px;
	}
	
	div.layNav div.search input
	{
		width: 123px;
	}
	
	div.layMasthead
	{
		height:     250px;
		overflow-y: hidden;
	}
	
	div.layMastheadAdmin
	{
		background-color: #007ac3;
		height:           72px;
	}
	
	div.layMasthead p
	{
		margin:  0;
		padding: 0;
	}
	
	div.layContentHome
	{
		margin:         0 40px;
		padding-bottom: 10px;
		line-height:    17px;
	}
	
	div.layContent
	{
		padding:             0 375px 10px 40px;
		line-height:         17px;
		position:            relative;
		min-height:          475px;
		z-index:             2;
		background-image:    url( ../images/innergradient.png );
		background-repeat:   repeat-y;
		background-position: top right;
	}
	
	div.laySide
	{
		width:          900px;
		text-align:     right;
		min-height:     475px;
		z-index:        0;
		position:       absolute;
		top:            28px;
		z-index:        1;
		overflow-y: hidden;
	}
	
	div.laySide p
	{
		margin:  0;
		padding: 0;
	}
	
	div.layCTA
	{
		padding:             0 18px;
		background-position: bottom left;
		background-repeat:   repeat-x;
		height:              170px;
	}
	
	div.layCTA div.rule
	{
		background-color: #666;
		height:           1px;
		font-size:        0;
		line-height:      0;
	}
	
	div.layCTA div.tile
	{
		width:   235px;
		padding: 0 25px;
		margin:  7px 0;
		float:   left;
		line-height: 17px;
	}
	
	div.layCTA div.tile a.go
	{
		display:         block;
		margin-left:     auto;
		margin-right:    auto;
		margin-top:      5px;
		width:           79px;
		height:          20px;
		text-decoration: none;
	}
	
	div.layCTA div.tile a.go img
	{
		width:           79px;
		height:          20px;
	}
	
	div.layCTA h2
	{
		color:     #626e4d;
		font-size: 11px;
		margin:    0;
	}
	
	div.layCTA div.gpcSeasonal, div.layCTA div.apcRegister
	{
		border-left:  1px solid #666;
		border-right: 1px solid #666;
	}
	
	div.layCTA div.gpcCalendar, div.layCTA div.apcCalendar
	{
		background-image:    url( ../images/imagebank/aacngpc/calendar.png );
		background-position: top left;
		background-repeat:   no-repeat;
		padding-top:         40px;
	}
	
	div.layCTA div.gpcSignup
	{
		background-image:    url( ../images/imagebank/aacngpc/signup.png );
		background-position: top left;
		background-repeat:   no-repeat;
		padding-top:         40px;
	}
	
	div.layCTA div.apcAward
	{
		background-image:    url( ../images/imagebank/advancedpreceptorconference/award.png );
		background-position: top left;
		background-repeat:   no-repeat;
		padding-top:         40px;
	}
	
	div.layCTA div.apcRegister
	{
		background-image:    url( ../images/imagebank/advancedpreceptorconference/register.png );
		background-position: top left;
		background-repeat:   no-repeat;
		padding-top:         40px;
	}
	
	div.layCTA div.gpcSeasonal
	{
		text-align: center;
	}
		
	/* Admin Layout *********************************/

	
	td.layNavLeftAdmin
	{
		background-color: #ececec;
		vertical-align:   top;
		width:            180px;
		padding:          0px;
	}
	
	td.layFooterAdmin
	{
		background-color: #fff;
		border-bottom:    1px solid #000;
	}
	
	div.adminNavFloat
	{
		float:         right;
		text-align:    right;
		padding-top:   20px;
		padding-right: 10px;}
	
	.adminBody
	{
		background-color: #bfbfbf;
	}
	
	
	
	
	/*  **********************************/
	
	.layNavLeft
	{
		background-color: #fff;
		width:200px;
		padding: 12px 0px 0px 10px;
	}
	
	.sideImg
	{
		padding:15px;
	}
	
	.layPage
	{
		margin-left:       auto;
		margin-right:      auto;
		text-align:        left;
		width:             900px;
		padding:           0 10px;
		background-color:  #fff;
		background-image:  url( ../images/bg.gif );
		background-repeat: repeat-y;
		margin-top:20px;
	}	
	
	.layHeader
	{
		background-color: #fff;
		padding:0;
		margin:0;
	}
	

	
	.layFooter
	{
		background-color:#fff;
		text-align:    left;
		color:         #999;
	}
	
	.layFooter a:hover
	{
		color: #ececec;
	}
	
	.layFooter span.avibe a
	{
		font-size:		10px;
		color:			#999;
		text-decoration: none;
	}	
	
	.layFooter span.avibe a:hover
	{
		color:#000;
		text-decoration: underline;
	}	
	
	.copyright
	{
		display:		inline;
		padding-left:	40px;
		padding-right:	100px;
		font-size:		10px;
	}
	
	.layPageAdmin
	{
		margin:       	   auto;
		text-align:        left;
		width:             920px;
		padding:           0 10px;
		background-color:  #fff;
		margin-top:20px;
	}
	
	.bodyAdmin
	{
		background-color:  #aec6f2;
	}
	
	.navBody
	{
		width:700px;	
	}
	
}