/* various purples 
#1b1241
#1e0f48
#2c223b
#535480
#8384128
*/

body {
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
    color:              #132435;
    background-color:   #f5f3ed;
}

h1, h2, h3, h4, h5, h6 {
	padding: 5px 0 10px 0;
	margin: 0;
}

div.center {
  margin-left:  auto;
  margin-right: auto;
}

div#container {
 	width:        800px;
 	margin-left:  auto;
 	margin-right: auto;	
 	background-color:	#FFFFFF;	
	border-left:		1px solid #bbb6ac;
	border-right:		1px solid #bbb6ac;
	border-bottom:		1px solid #bbb6ac;
	padding:			0 5px  10px 5px;
}

div#footer {
 	width:			800px;
	margin-left:		auto;
	margin-right: 	auto;
	padding:			10px;
}


div#header {
    position:       relative;
    margin:         0;
	background:     url(../img/identity/AlpicellaPano800x99.jpg) top left no-repeat;
	height:         100px;
}

div#header div#mast {
	float:  left;
	width: 300px;
	margin:  0;
	padding: 5px 0 0 10px;
    font-family:	cursive, "Times New Roman", serif;
    font-size:		34px;
	text-shadow: 	2px 2px 2px #5c6c7b;
	line-height:    1.15;
}

div#header div#tagline {
	width:  		450px;
	float:  		right;
    padding-top:    60px;
    padding-right:	5px;
    font-family:	cursive, "Times New Roman", serif;
    font-size:		24px;
    color:			#1e0f48;
    text-shadow: 	1px 1px 1px #535480;
    text-align: 	right;
	line-height:    1.1;
}

div#mast a {
    color:			#fff;
}

div#content {
	margin-left:  auto;
	margin-right: auto;
}

div#content h1 {
	display:  none;
}

div.slide {
	margin:  0;
    height:         295px;
    overflow:       hidden;
}

div.slide h1 {
    margin:         10px 0 0 10px;
	font-family:	"Times New Roman", serif;
	color:          #218a8b;
	font-size:      24pt;
	font-weight:    normal;
}

div.slide p.content {
	margin-left: 	10px;
	margin-right: 	10px;
    padding-right:  5px;
	font-size:      18px;
	font-weight:    normal;
	font-family:	"Times New Roman", serif;
	line-height:    1.4;
    overflow-y:     auto;
}

div.slide p.content span.leadCap {
    font-size:      24pt; 
    font-weight:    bold;
}

div.slide div.pics {
    margin-top: 	10px;
    margin-left: 	10px;
    margin-right: 	10px;
}

div.slide div.pics img {
	vertical-align: middle;
	padding-right: 5px;
}

div#promo {
	border: 1px solid #EFF5E3;
	background: #F9FFEC;
	width: 780px;
    height: 175px;
	margin-top: 20px;
}
div#promo .column {
    float: left;
	width: 220px;
	clear: right;
	padding: 10px;
}
div#promo .first {
     margin-right: 10px;
}
div#promo .second {
     margin-right: 10px;
}

div#promo div.content {
	width:  200px;
	margin: auto;
	font-family:	"Times New Roman", serif;
}

div#promo div.content h1 {
	color: #405507;
	font-size: 24px;
	line-height: 18px;
	padding: 0 0 10px 0;
	font-weight: normal;
	text-align: center;
}
div#promo div.content h2 {
	color: #405507;
	font-size: 22px;
	line-height: 18px;
	padding: 0 0 10px 0;
	font-weight: normal;
	text-align: center;
}
div#promo div.content h3 {
	color: #405507;
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 10px 0;
	font-weight: normal;
	text-align: center;
}
div#promo div.content p {
	padding: 0;
	font-size: 16px;	
	line-height: 18px;
	text-align: center;
	padding-bottom: 8px;
}
div#promo div.content p.quote {
	color: #405507;
	font-style: italic;
	font-weight: bold;
}
div#promo div.content img {
	display: block;
	padding-top: 5px;
	margin-left:  auto;
	margin-right:  auto;
}

div.front-button {
 	width: 321px;
	display: block;
	height: 60px;
	padding: 0;
	text-align: center;
    clear: both;
}

div.front-button a {
	display: block;
	width: 321px;
	height: 60px;
	padding-top: 10px;
	line-height: 20px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	background: url(../img/nav/front-button.png) top left no-repeat;
}

div.front-button a:hover {
	background-position: 50px 0;
	background: url(../img/nav/front-button-hover.png) top left no-repeat;
}

div.front-button a span.button-sub {
	line-height: 15px;
	font-size: 15px;
	letter-spacing: 0;
}