/* Vision Board 2007 - Orange Peel Ltd */
/*     Developed by Jared Broad        */

body, html {
	color: #000000;
	font-family: Arial, Verdana, Times New Roman;
	font-size: 100%;
  	margin: 0px;
  	padding: 0px;
}

#containerTable {
	border: 2px solid #C0C0C0;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

/* begin menu */
.menu {
  margin: 0.0em;
  position: relative;
  /* added for new marble header */
  top: 5px;
  _top: 10px;
}

ul {
  margin: 0em;
  padding: 0em;
  _line-height: 1.76em;
  line-height: 2.00em;
}

li {
  list-style-type: none;
  height: 2em;
  width: 7.60em;
  padding-bottom: 10px;
  text-align: center;
  font-family: Arial, Verdana,Sans-Serif,Serif,Tahoma;
}
li a {
  height: 100%;
  width: 100%;
  display: block;
  font-size: 0.85em;
  letter-spacing: 0.10em;
  text-decoration: none;
}
li a:link {
  font-weight: normal;
  color: #000000;
  background: url("images/button_short_down.gif") no-repeat center transparent;
}
li a:visited {
  background: url("images/button_short_down.gif") no-repeat center transparent;
  font-weight: normal;
  letter-spacing: 0.10em;
  text-align: center;
  color: #000000;
}
li a:hover {
  background: url("images/button_short_up.gif") no-repeat center transparent;
  font-weight: normal;
  letter-spacing: 0.10em;
  text-align: center;
  color: #000000;
}

.longMenu li a:link {
  font-weight: normal;
  color: #000000;
  background: url("images/button_long_down.gif") no-repeat center transparent;
}
.longMenu li a:visited {
  background: url("images/button_long_down.gif") no-repeat center transparent;
  font-weight: normal;
  letter-spacing: 0.10em;
  text-align: center;
  color: #000000;
}
.longMenu li a:hover {
  background: url("images/button_long_up.gif") no-repeat center transparent;
  font-weight: normal;
  letter-spacing: 0.10em;
  text-align: center;
  color: #000000;
}

/* end menu */

/************** LEFT ***************/
/* Format div's*/

div#LeftDiv {
	position:relative;
	width:234px;
	height:570px;
	left: 15px;
	border-width: 0px 2px 0px 0px;
	border-color: #000000 #C0C0C0 #000000 #000000;
	border-style: none solid none none;
	overflow: hidden;
}

div#LeftDivContents {
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #000000;*/
}

div#menuLeftSliderDiv {
	z-index: 1011;
	float: left;
}

div#menuLeftSelectDiv {
	display: block;
	float: left;
	background-color: #FFFFFF;
	position: relative;
	left: 25px;
}


.leftMenuImage {
	margin-top:15px;
	margin-left:20px;
}

#menuLeftSelect {
	height: 20px;
	border: 2px solid #C0C0C0;
	padding: 0px;
	margin: 0px;
}

/************** CENTER ***************/
/* Center div with picture */
div#CenterDiv {
	width:375px;
	height:615px;
	margin-top:15px;
	border-width: 0px 2px 0px 0px;
	border-color: #000000 #C0C0C0 #000000 #000000;
	border-style: none solid none none;
}

div#CenterDivContents {
	padding-left: 25px;
}

/* Diamond Tree Vision Board H2 */
h2 {
	text-align: center;
}

.centerTextInput {
	display: inline;
	top: -18px;
	_top: -32px;
	height: 20px;
	width: 225px;
	border: 2px solid #C0C0C0;
	padding: 0px;
	margin: 0px;
	margin-right: 75px;
}

.centerInputItem {
	padding-bottom: 10px;
}

#centerImageContainer {
	width: 310px;
	height: 310px;
	border: 2px solid #C0C0C0;
	position: relative;
	top: 7px;
	left: 32px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

#centerImageText {
	position: relative;
	display: block;
	top: 50%;
	margin-top: -7px;
}

#centerAffirmationDiv {
	width: 310px;
	height: 47px;
	border: 2px solid #C0C0C0;
	position: relative;
	top: 22px;
	left: 32px;
	margin-top: 10px;
}

#centerAffirmationText {
	height: 100%;
	width: 100%;
	line-height: 22px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana,Sans-Serif,Serif,Tahoma;
	overflow: hidden;
}
/************** RIGHT ***************/
div#RightDiv {
	position:relative;
	width:375px;
	height:615px;
	margin-top:10px;
	padding-top:10px;
	overflow: hidden;
}

div#rightLetterFrame {
	width:364px;
	height: 470px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	overflow: hidden;
	_top: -5px;
}

div#rightLongButton {
	margin-top: 108px;
	_margin-top: 100px;
}

div.previewHolder {
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	display: block;
	margin-top: 2px;
}
div.previewText {
	position: relative;
	display: block;
	text-align: center;
}
div#previewTitle {
	display: block;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;
}