/*
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:   11px;
		background-color: #0a303d;
		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.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;
	}
	
	div.layNav
	{
		color:            #fff;
		background-color: #4c5832;
		height:           28px;
		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:     #bfce9e;
		font-size: 9px;
	}
	
	div.layNav div.search input
	{
		width: 123px;
	}
	
	div.layMasthead
	{
		height:     250px;
		overflow-y: hidden;
	}
	
	div.layMastheadAdmin
	{
		background-color: #0a303d;
		height:           60px;
		line-height:      60px;
		padding-left:     8px;
	}
	
	div.layMastheadAdmin img
	{
		width: 346px;
		height: 44px;
		vertical-align: middle;
		margin-top: 8px;
	}
	
	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-image:    url( ../images/ctabg.gif );
		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;
	}
	
	div.layFooter
	{
		margin-left:   auto;
		margin-right:  auto;
		margin-top:    6px;
		margin-bottom: 6px;
		text-align:    left;
		width:         900px;
		color:         #999;
	}
	
	div.layFooter a
	{
		color: #999;
	}
	
	div.layFooter a:hover
	{
		color: #ececec;
	}
	
	div.layFooter span.avibe
	{
		float:       right;
		margin-left: 150px;
	}
	
	div.layFooter span.avibe a
	{
		text-decoration: none;
	}
	
	div.layFooter span.aacngpc
	{
		float: right;
	}
	
	/* Admin Layout *********************************/
	td.layHeaderAdmin
	{
		background-color: #fff;
		border-bottom:    1px solid #000;
	}
	
	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;
	}
	
	
	/* Backgrounds **********************************/
	
}
