/*---:[ Generic classes and styling ]:---*/
* {margin: 0; padding: 0;}
body {font-size: 62.5%;}
body, td {font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;}
img {border: 0;}
a {color: #14977D; text-decoration: none;}
a:hover {color: #DB8101;}
a.nobottom {border: 0px;}

h2 {border-bottom: .5em solid #f0f8ff;	color: #333; font: normal 30px/5px serif;	margin: 5px 10px;}
.wrap {position: relative; background: #fff; border: 1px solid #ccc; margin: 0 5%; padding: .5em 1em;}
.wrap h2 {margin: .8em 0 .5em; clear: both;}
.left {float:left;}
.right {float:right;}
.half {width: 48%;}
.sixty {width: 58%;}
.full {width: 99%;}
.clear {clear: both;}
.clearZero {clear: both; height: 0;}
.clearRight {clear: right;	height: 0;}
.center {text-align:center;}
.centerTable {margin-left: auto; margin-right:auto; text-align:center;}

/*---:[ Default Form Styling ]:---*/
fieldset {border: none; padding: 2em;}
label, input:hover, input.sfHover,  .button:hover, .button sfHover {cursor: pointer; cursor: hand;}
textarea, input, select {background-color: #F0F8FF; border: 1px solid #b2b2b2;	color: #000; font:  1.1em Verdana, Arial, Helvetica, sans-serif; margin: 1px; padding: 3px;}
input.large, select.large, textarea.textarea {width: 99%;}
input.medium, select.medium {width: 50%;}
input.small, select.small {	width: 25%;}
textarea:focus, input:focus, textarea.sfFocus, input.sfFocus {	background-color: white;}
input:hover, input.sfHover {background-color: #f4f4f4; border-left-color: #999;	border-top-color: #999;}

form ul {position: relative; list-style-type: none;}
form li * {cursor: pointer; cursor: hand;}
form li {display: inline; line-height: 2em; padding: 1px 4px 6px 9px;}
form li p {clear: both; font-size: .9em; line-height: 13px; color: #444444;}
form label {line-height: 125%; padding-top: 4px; padding-bottom: 2px; display: block; font-weight: bold;}
form li div p {margin: 0 0 3px 3px;}
form li:hover .instruct, form li.sfHover .instruct {display: block;}

.instruct {display: none; position: absolute; left: 100%; width: 50%; margin-top: -1px; margin-left: 10px; padding: 8px 7px 9px 10px; background-color: #F5F5F5; border: 1px solid #E6E6E6;}
.submit input, .submit input:focus, .submit input.sfFocus, .button, .deletebutton {background-color:#F0F8FF; border:3px double #999; border-left-color:#ccc; border-top-color:#ccc; color: #333; padding: 0.25em;}
.submit input:hover, .button:hover, .submit input.sfHover {background-color: #f4f4f4; border: 3px double #ccc; border-left-color: #999; border-top-color: #999;}
.deletebutton a {margin:0; padding:0; display: block;}
.deletebutton:hover, .deletebutton a:hover, .deletebutton a.sfHover {background-color: red; color: white; border: 3px double #ccc; border-left-color: #999; border-top-color: #999;}
.submit {text-align: right;}
.error_message {background: #FFEFF7; border: 1px solid #c69; margin: 1em 5% 10px; padding: 0 1em 0 1em;}
.message {color: black; background-color: #CFEBF7; border: 1px solid #2580B2; margin: 1em 5% 10px;	padding: 1em 1em 1em 3em;}

/*---:[ Layout ]:---*/

/*1.0em equals 10px*/
body {background-color: #D1CFC2;}
#layout-container {width: 90%; background-color: white; margin-left:auto; margin-right:auto;font-size:1.3em;}
#layout-header {margin-top: 10px; padding: 0 5px;	border: 1px solid grey;	background-color: #14568A;	border-bottom: 3px solid #448ABD;}
#layout-header h1 {font-family: Georgia,"Times New Roman",Times,serif; font-size: 2.5em; font-weight: normal; letter-spacing: -0.025em; margin: 0; height: 1.7em; color: #C3DEF1;}
#layout-content {border-width: 0 1px; border-style: solid; border-color: grey; 	padding: 10px;}
#layout-footer {border: 1px solid grey; padding: 10px; clear:both; text-align:center;}

/*---:[ sidebar ]:---*/
#leftMenu {float: left; width: 12em; z-index: 99;}

/* all lists */
#nav, #nav ul {font-size: 1.1em; list-style: none; float : left; width : 11em;}

/* all list items */
#nav li {position : relative; float : left; line-height : 1.25em; width: 11em;}
/* second-level lists */
#nav li ul {position : absolute; left: -999em; margin-left : 10.1em; margin-top : -1.35em;}
/* third-and-above-level lists */
#nav li ul ul {left: -999em;}
#nav li a { width: 11em; w\idth : 10em; display : block; color : #6d6d6d; text-transform: uppercase;	text-decoration : none; background-color : white; border : 1px solid white; padding : 0 0.5em;}
#nav li a:hover {color : black; background-color : #CFEBF7; border : 1px solid #2580B2;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

/*---:[ display ]:---*/
#display {border-left: 1px dashed grey; text-align: center; margin-left: 13em; padding: 10px;}
#display h2 {margin: .5em 0;}

/*---:[ Family Messages ]:---*/
#comment dd p {font-size:150%; text-indent: 1.5em;}

/*---:[ Pagination Links ]:---*/
.pagination a, .pagination span {font-family: Arial, Helvetica; font-size: .9em; display: block; float: left; padding: .2em .5em; margin-right: .1em; color: #2580B2; border : 1px solid #2580B2;}
.pagination span.current {background-color: #2580B2; font-weight: bold; color:white;}
.pagination span.nextprev {color: #aaaaaa; border-color: #dddddd;}
.pagination a:hover { background-color: #CFEBF7;}

/*---:[ Thumbnails ]:---*/
.thumbnail {margin: 10px; width: 200px;	height:200px; position:relative;}
.thumbnail-outer {overflow: hidden; position: relative;}
.thumbnail-outer[id] {display: table; position: static;}
.thumbnail-outer{border:2px solid #AFC8A0; background-color: #DDE5D8; padding: 5px;}
.thumbnail-favorite{border:2px solid #9FC0C9; background-color: #CDE0E5;}
.thumbnail h3{font: normal 130%/1.3 Georgia,sans-serif; text-transform:uppercase;margin:0px;padding:5px 0 0;text-align:center;color:#000;background: #AFC8A0; padding-bottom:10px;}
.thumbnail-middle[id] {display: table-cell; vertical-align: middle; position: static;}
.thumbnail-middle {margin-left:auto; margin-right: auto;}
.thumbnail-inner[id] {position: static;}

/*---:[ Family Messages ]:---*/
.comment-content {margin: 0; line-height: 1.5;}
.comment-footer {margin: 0 0 20px 0; border-top: 1px solid #dae0e6; padding-top: 3px; color: #666; font-size: 1.0em; text-align: right;}
.comment-content, .comment-footer {margin-left: 10px;}

/*---:[ Favorite Order Form ]:---*/

/* Hides from IE5-mac \*/
* html .favorite-bar, * html .favorite-ordersection, * html .favorite-ordered {
	position:relative;
	height: 1%;
}
/* End hide from IE5-mac */

.favorite-bar {text-align:left; background-color: #D1CFC2;}

.favorite-ordersection {padding-top: .5em; text-align:left;}
.favorite-ordersection form label {float:left; text-align:right; padding-right: 5px; width: 100px;}
.favorite-ordersection form, .favorite-ordersection fieldset {padding: 0 .5em .5em;}
.favorite-ordersection .right {width: 60%;}
.favorite-ordersection input {width: 160px;}
.favorite-ordersection .submit input {width: 60px;}
.favorite-ordersection select {width: 169px;}
.favorite-ordersection li {display:block;}
.favorite-ordersection fieldset h3 {position:relative; display:block; padding: 6px 1em 2px;}
.favorite-ordered {margin:10px; border-top: 1px dashed grey;}

.favorite-ordered input, .favorite_ordered select {margin:5px; width:40%;}