/*
Name:        layout.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     24 March 2009
Modified:    18 April 2012 by Roxanne Martinez - added additional fonts in the event that Calibri is unavailable
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:   10px;
		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 ********************************/
	table.layPage
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        951px;
	}

	td.layHeader
	{
		/*background-color: #ccc;*/
		padding-top:      20px;
		width:            909px;
		padding-right:    25px;
	}

	td.layNavLeft
	{
		background-color: #fff;
		vertical-align:   top;
		width:            200px;
		padding:          0px;
	}

	td.layBody
	{
		background-color: #fff;
		vertical-align:   top;
		padding:          0px;
	}

	td.layNavRight
	{
		background-color: #fff;
		width:            200px;
		vertical-align:   top;
		padding:          0px;
	}

	td.layFooter
	{
		background-color: #575757;
		text-align:       right;
	}

	td.layFooter td
	{
		padding:          10px 15px 10px 15px;
	}

	tr.footerRow
	{
		background-color: #575757;
	}

	td.layFooterLogo
	{
		width:      60px;
		text-align: center;
		padding:    6px;
	}

	td.layFooterFB
	{
		text-align: center;
	}

	div.logo
	{
		background:       url(/images/logo.png) no-repeat;
		height:           52px;
		width:            543px;
		margin-top:       20px;
		padding-bottom:   32px;
	}

	div.logoMember
	{
		background:       url(/images/member_header.png) no-repeat;
		height:           32px;
		width:            564px;
		padding-bottom:   10px;
	}

	div.logoAdmin
	{
		background:       url(/images/logoAdmin.png) no-repeat;
		height:           52px;
		width:            264px;
		margin-top:       20px;
		padding-bottom:   32px;
	}

	a.logoLink
	{
		width:               543px;
		height:              52px;
		background-image:    url(/images/spacer.gif);
		background-repeat:   no-repeat;
		text-indent:         -9999px;
		display:             block;
	}

	a.logoLink2
	{
		width:               564px;
		height:              32px;
		background-image:    url(/images/spacer.gif);
		background-repeat:   no-repeat;
		text-indent:         -9999px;
		display:             block;
	}

	td.copyright
	{
		text-align:      left;
	}

	.layBanner
	{
		background:      url(/images/banner_home.jpg) no-repeat;
		height:          228px;
		width:           909px;
	}

	ul.nav
	{
		display: inline;
		list-style: none;
		padding: 0;
	}

	ul.nav li
	{
		float: left;
		padding-left: 13px;
		padding-right: 13px;
		list-style: none;
		display: inline;
	}

	a.home, a.work, a.about, a.contact, a.blog
	{
		width:               95px;
		height:              36px;
		background-repeat:   no-repeat;
		background-position: top left;
		text-indent:         -9999px;
		display:             block;
	}

	.layNav
	{
		background:     url(/images/navRepeatX.png) repeat-x;
		height:         36px;
		position:       relative;
		/*width:          899px;
		margin-left:    5px; */
	}

	tr.footerRow td, tr.footerRow td a
	{
		font-family:    Calibri, Arial, Helvetica, sans-serif;
		font-size:      12px;
		font-weight:    normal;
		color:          #ccc;
		text-decoration:none;
	}

	tr.footerRow td
	{
		padding:        10px 20px 10px 20px;
	}

	tr.footerRow td a:hover
	{
		color:           #fff;
		text-decoration: underline;
		font-size:       12px;
	}

	div.white, div.white2
	{
		width:            909px;
		background-color: #fff;
	}

	table.mainLay
	{
		height:           400px;
		background-color: #fff;
	}

	body.layTemplate
	{
		background:          url(/images/BGupperLeft.jpg) no-repeat;
		background-position: top left;
		background-color:    #fef1c9;
	}

	td.leftShadow
	{
		background:    url(/images/sideShadowLeft.png) no-repeat;
		height:        620px;
		width:         21px;
	}

	td.rightShadow
	{
		background:    url(/images/sideShadowRight.png) no-repeat;
		height:        620px;
		width:         21px;
	}

	a.home
	{
		background:          url(../images/btns/a.png);
	}

	a.home:hover, a.work:hover, a.about:hover, a.contact:hover, a.blog:hover
	{
		background-position: bottom left;
	}

	a.work
	{
		background:          url(../images/btns/b.png);
	}

	a.about
	{
		background:          url(../images/btns/c.png);
	}

	a.contact
	{
		background:          url(../images/btns/d.png);
	}

	a.blog
	{
		background:          url(../images/btns/e.png);
	}

	a.forgotPW, a.forgotPWa
	{
		font-family:     Verdana;
		font-size:       10px;
		font-weight:     normal;
		color:           #000;
		text-decoration: none;
	}

	a.forgotPW:hover, a.forgotPWa:hover
	{
		font-family:     Verdana;
		font-size:       10px;
		font-weight:     normal;
		text-decoration: underline;
	}

	a.forgotPWa
	{
		margin-left:     32px;
	}

	div.pwContainer
	{
		float:           right;
		vertical-align:  text-top;
		padding-right:   70px;
		padding-top:     2px;
	}

	div.navL, div.navR
	{
		height:          36px;
		width:           5px;
	}

	div.footL, div.footR
	{
		height:          115px;
		width:           4px;
	}

	div.navL
	{
		background:     transparent url(/images/navLeft.png) no-repeat;
		float:          left;
	}

	div.navR
	{
		background:     transparent url(/images/navRight.png) no-repeat;
		float:          right;
	}

	.navBG
	{
		background:     transparent url(/images/navRepeatX.png) repeat-x;
		width:			100%;
	}

	div.footL
	{
		background:     transparent url(/images/footLeft.png) no-repeat;
		float:          left;
	}

	div.footR
	{
		background:     transparent url(/images/footRight.png) no-repeat;
		float:          right;
	}

	td.navBody
	{
		padding:        20px;
	}

	td.homeBody
	{
		padding:        0px 20px 20px 20px;
	}

	input.loginBtn
	{
		width:               38px;
		height:              24px;
		vertical-align:      bottom;
		/*background:          url(../images/go.png);
		background-repeat:   no-repeat;
		background-position: top left;
		text-indent:         -1000px;
		display:             block;
		float:               right;*/
	}

	input.loginBtn:hover
	{
		/*background-position: bottom left;*/
	}

	input.textField
	{
		width:               113px;
		height:              17px;
		color:               #666;
		font-size:           12px;
		font-family:         Verdana;
		font-weight:         normal;
	}

	form.login
	{
		padding-top:         8px;
	}

	div.cabinet
	{
		height:           105px;
		width:            120px;
		position:            relative;
		left:                775px;
		top:                 -136px;
		z-index:             3000;
		background:       url(/images/fileCabinet.png) no-repeat;
		display:             block;
	}

	a.CTAa, a.CTAb, a.CTAc
	{
		width:               330px;
		height:              138px;
		position:            relative;
		left:                639px;
		top:                 -50px;
		z-index:             3001;
		background-image:    url(/images/CTA_a.png);
		background-repeat:   no-repeat;
		background-position: top left;
		text-indent:         -9999px;
		display:             block;
		margin-bottom:       6px;
	}

	a.CTAb
	{
		z-index:             3002;
		background-image:    url(/images/CTA_b.png);
	}

	a.CTAc
	{
		z-index:             3003;
		background-image:    url(/images/CTA_c.png);
	}

	a.CTAa:hover, a.CTAb:hover, a.CTAc:hover
	{
		background-position: bottom left;
	}

	div.CTAd
	{
		position:            relative;
		left:                639px;
		top:                 -50px;
		z-index:             3000;
		width:               330px;
		height:              138px;
		background-image:    url(/images/CTA_d.png);
		background-repeat:   no-repeat;
	}

	ul.latestPosts
	{
		list-style:         none;
		padding-top:        55px;
		/*margin-top:         58px;
		margin-right:       40px;
		margin-left:        30px;*/
	}

	ul.latestPosts li a
	{
		color:              #000;
		text-decoration:    underline;
		font-family:        Verdana;
		font-size:          12px;
	}

	ul.latestPosts li a:hover
	{
		font-size:          12px;
	}

	ul.latestPosts li
	{
		color:              #000;
		padding-bottom:     4px;
	}

	.contentRepeat
	{
		background:         url(/images/BGcontentRepeatY.png) repeat-y;
		padding:            10px 0px 10px 10px;
		margin-bottom:      50px;
		font-family:        Verdana;
		font-size:          12px;
		line-height:        20px;
	}

	table.contentRepeat td
	{
		padding:            10px;
	}

	.contentRepeat h1
	{
		padding-bottom:      5px;
	}

	a.signout, a.signouta
	{
		color:               #fff;
		float:               right;
		margin-top:          10px;
		margin-right:        10px;
	}

	a.signout:hover, a.signouta:hover
	{
		color:               #fff;
	}

	a.signouta
	{
		margin-left:15px;
	}

	div.memberNav
	{
		background-color:   #fff;
		padding:            5px;
	}

	div.memberNav table td
	{
		padding-left:       10px;
		padding-right:      10px;
	}

	div.hand
	{
		background: url(/images/hand.png) no-repeat;
		width: 72px;
		height: 33px;
	}

	div.phone
	{
		background: url(/images/phone.png) no-repeat;
		width: 124px;
		height: 117px;
	}

	/* Dropdown menus *******************************/
	.menu {
		width:       		173px;
		line-height: 		15px;
		left: 				0px;
		margin-top: 		-2px;
		padding: 			0;
		display: 			block;
		z-index: 			3000;
		position: 			absolute;
		margin-left:		31px;
		color:              #fff;
		filter: alpha(opacity=80);
		-moz-opacity:       0.8;
		-khtml-opacity:     0.8;
		opacity:            0.8;
	}

	.menu a, .menu a:link, .menu a:visited, .menu a:active {
		display:			block;
		background-color: 	#888;
		color: 				#fff;
		padding: 			6px 10px 6px 10px;
		list-style-type: 	none;
		z-index: 			3000;
		text-align: 		left;
		font-family: 		Verdana;
		font-size: 			13px;
		font-weight: 		normal;
		filter: alpha(opacity=100);
		-moz-opacity:       1;
		-khtml-opacity:     1;
		opacity:            1;
	}

	.menu a:hover{
		color:            	#fff;
		background-color:   #333;
		text-decoration:    none;
		font-size:          13px;
	}

	* html div.menu a {
		width: 100%;
		text-align:left;
	}

	div.navDiv
	{
		background-color: 	#666;
		filter: alpha(opacity=100);
	}

	/* spacing in between nav text links */

	#menu_work  {
		width: 				173px;
		top:                38px;
		left:               103px;
	}

	#menu_about {
		width: 				173px;
		top:                38px;
		left:               224px;
	}

	#menu_contact {
		width: 				173px;
		top:                38px;
		left:               345px;
	}

	/* Admin Layout *********************************/
	td.layHeaderAdmin
	{
		background-color: #fff;
		border-bottom:    1px solid #000;
	}

	td.layNavLeftAdmin
	{
		background-color: #ececec;
		vertical-align:   top;
		width:            170px;
		padding:          0px;
	}

	td.layFooterAdmin
	{
		background-color: #575757;
		border-top:    1px solid #000;
	}

	div.adminNavFloat
	{
		float:         right;
		text-align:    right;
		padding-top:   20px;
		padding-right: 10px;
	}

	.adminBody
	{
		background-color: #bfbfbf;
	}

	.cpLeft
	{
		width:			10%;
		padding-right:	10px;
	}


	/* Backgrounds **********************************/
		div.bigBG
	{
		background:       url(/images/bigBG.png) no-repeat;
		margin:       	  20px 20px 20px 20px;
		height:           293px;
		width:            491px;
		padding:   		  20px;
	}

	div.bigBG2
	{
		background:       url(/images/bigBG2.png) no-repeat;
		margin:       	  20px 20px 20px 20px;
		height:           320px;
		width:            491px;
		padding:   		  20px;
	}
}