/*
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:      'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		font-size:        12px;
		min-width:        500px;
		padding:          0;
		margin:           0;
		color:            #4d4d4d;
		background-color: #fffdf0;
		line-height:      1.5;
	}
	
	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:               1040px;
		background-image:    url( ../images/layout/bg.png );
		background-repeat:   repeat-y;
		background-position: top center;
	}
	
	div.layMargin
	{
		margin: 0 45px;
	}
	
	div.layMargin img.navLeft
	{
		width:       19px;
		height:      74px;
		position:    absolute;
		top:         92px;
		margin-left: -19px;
	}
	
	div.layHeader
	{
		height:              103px;
		background-image:    url( ../images/layout/header_bg.png );
		background-repeat:   repeat-x;
		background-position: top left;
		text-align:          center;
	}
	
	div.layHeader img.logo
	{
		width:        502px;
		height:       103px;
		margin-bottom: -3px;
	}
	
	div.layHeader div.contact
	{
		width:               201px;
		height:              224px;
		position:            relative;
		z-index:             20;
		margin-bottom:       -224px;
		top:                 -65px;
		left:                777px;
		background-image:    url( ../images/layout/contact_bg.png );
		background-position: top left;
		background-repeat:   no-repeat;
		text-align:          left;
	}
	
	div.layHeader div.IE7
	{
		left: 403px;
		top:  -68px;
	}
	
	div.layHeader div.admin
	{
		padding-top:      17px;
		width:            201px;
		height:           113px;
		background-image: url( ../images/layout/admin_bg.png );
	}
	
	div.layHeader div.admin a
	{
		margin-left: 30px;
		font-size:   11px !important;
	}
	
	div.layHeader div.contact a.contact
	{
		display:         block;
		padding-top:     25px;
		margin-left:     30px;
		font-size:       14px;
		color:           #65171d;
		text-decoration: none;
		min-height:      43px;
	}
	
	div.layHeader div.contact div.phone
	{
		font-size:   14px;
		color:       #fffdf0;
		min-height:  40px;
		margin-left: 30px;
		line-height: 39px;
	}
	
	div.layHeader div.contact div.phoneIE6
	{
		font-size:   14px;
		color:       #fffdf0;
		min-height:  40px;
		margin-left: 30px;
		margin-top:  20px;
		line-height: 39px;
	}
	
	div.layHeader div.contact div.links
	{
		font-size:   14px;
		margin-left: 30px;
		margin-top:  10px;
		line-height: 24px;
	}
	
	div.layHeader div.contact a
	{
		font-size:       14px;
		color:           #65171d;
		text-decoration: none;
	}
	
	div.layHeader div.contact a:hover
	{
		text-decoration: underline;
	}
	
	div.layNav
	{
		height: 60px;
		background-image:    url( ../images/layout/nav_bg.png );
		background-repeat:   repeat-x;
		background-position: top center;
		text-align:          center;
		color:               #fff;
		font-size:           14px;
		line-height:         39px;
	}
	
	div.layNav a
	{
		color:           #fffdf0;
		font-size:       14px;
		text-decoration: none;
		margin-right:    28px;
	}
	
	div.layNav a:hover
	{
		text-decoration: underline;
	}
	
	div.layBody
	{
		margin: -10px 42px 0 42px;
		min-height: 350px;
	}
	
	div.layFooter
	{
		margin-left:         auto;
		margin-right:        auto;
		text-align:          center;
		width:               1040px;
		min-height:          60px;
		padding-top:         35px;
		background-image:    url( ../images/layout/footer_bg.png );
		background-repeat:   no-repeat;
		background-position: top center;
		font-size:           12px;
	}
	
	div.layFooter div.contact
	{
		margin-top: 20px;
		text-align: center;
	}
	
	div.layFooter div.contact div.copyright
	{
		font-size:  10px;
		margin-top: 6px;
	}
	
	div.layFooter a
	{
		color:           #792326;
		text-decoration: none;
		margin:          0 10px;
	}
	
	div.layFooter a:hover
	{
		color:           #792326;
		text-decoration: underline;
	}
	
	div.layFooter div.contact div.copyright a
	{
		margin: 0;
	}
	
	div.layRibbon
	{
		height:              60px;
		background-image:    url( ../images/layout/nav_bg.png );
		background-repeat:   repeat-x;
		background-position: top left;
		position:            absolute;
		top:                 103px;
		left:                0;
	}
	
	table.layPage
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        1000px;
	}
	
	td.layHeader
	{
		background-color: #ccc;
	}
	
	td.layNavLeft
	{
		background-color: #999;
		vertical-align:   top;
		width:            200px;
		padding:          0px;
	}
	
	td.layBody
	{
		background-color: #fff;
		vertical-align:   top;
		padding:          0px;
	}
	
	td.layNavRight
	{
		background-color: #999;
		width:            200px;
		vertical-align:   top;
		padding:          0px;
	}
	
	td.layFooter
	{
		background-color: #ccc;
		text-align:       right;
	}
	
	td.layFooterLogo
	{
		width:      60px;
		text-align: center;
		padding:    6px;
	}
	
	/* Admin Layout *********************************/
	td.layHeaderAdmin
	{
		background-color: #fff;
		border-bottom:    1px solid #000;
	}
	
	td.layNavLeftAdmin
	{
		background-color: #ececec;
		vertical-align:   top;
		width:            180px;
		padding:          0px;
	}	
	
	.btnLeft
	{
		background-image:    url( ../images/layout/cp_buttonLeft.png );
		background-repeat:   no-repeat;
		background-position: top right;
		height:				 54px;
		padding:             0px;
		margin:              0px;
	}
	
	.btnRight
	{
		background-image:    url( ../images/layout/cp_buttonRight.png );
		background-repeat:   no-repeat;
		background-position: top left;
		height:				 54px;
		padding:             0px;
		margin:              0px;
	}
	
	/* Backgrounds **********************************/
	
	
	/* Ribbons **************************************/
	div.sideRibbon
	{
		position:    absolute;
		top:         160px;
		width:       307px;
		margin-left: -61px;
		color:       #333;
	}
	
	div.sideRibbon h2
	{
		font-size:   24px;
		color:       #fefdf3;
		font-weight: normal;
		margin:      0;
		padding:     0;
	}
	
	div.sideRibbon div.ribbonTop
	{
		background-image:    url( ../images/layout/ribbon_top.png ); 
		background-repeat:   no-repeat; 
		background-position: top left; 
		min-height:          250px;
		width:               307px;
		padding:             42px 0 6px 0;  
	}
	
	div.sideRibbon div.ribbonTop div.margin
	{
		margin: 0 85px 0 58px;
	}
	
	div.sideRibbon div.ribbonBottom
	{
		background-image:    url( ../images/layout/ribbon_bottom.png ); 
		background-repeat:   no-repeat; 
		background-position: bottom left; 
		min-height:          14px;
		width:               307px;
		padding-bottom:      16px;
	}
	
	div.sideRibbon div.ribbonBottom div.margin
	{
		margin: 0 18px 0 10px;
	}
	
}