@charset "utf-8";
/* CSS Document */

body {
	color:#444;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#555 url(../images/bodyBG.gif) top center;
}
#topBar {
	display:block;
	clear:both;
	width:100%;
	height:20px;
}
#pageNav {
	display:block;
	width:90%;
	float:left;
}
#social {
	width:10%;
	float:right;
	display:block;
}
#social ul {
	padding:0px;
	margin:0px;
}
#social ul li {
	padding:0px;
	margin:0px;
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	padding:5px;
	margin:0px;
}
#main {
	width:1000px;
	border:1px solid #000;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	margin-top:25px;
}
#bottom {
	clear:both;
	height:120px;
}
#footerBox, #navBox, #pageBox, #adBox, #artBox {
	background-color:#222;
	text-align:center;
	width:75px;
}
#pageBox, #adBox, #artBox  {
	width:72px;
	height:318px;
	float:left;
	border:1px solid #555;
}
.adBannerBox  {
	width:72px;
	height:318px;
	float:left;
	border:1px solid #555;
	text-align:center;
	background-color:#222;
}
#navBox {
	height:95px;
	padding-top:5px;
	float:left;
}
#footerBox {
	height:75px;
	padding-top:25px;
	float:right;
}
#footer {
	width:875px;
	height:65px;
	padding-top:35px;
	padding-left:50px;
	float:left;
	background:url(../images/designBG.png) no-repeat #eee;
}
#slideShow {
	height:300px;
	clear:both;
}
.ad, .page {
	width:904px;
	padding:10px;
	height:298px;
	text-align:left;
	border:1px solid #999;
	background-color:#eee;
	float:right;
}
.ad {
	background:url(../images/pageBG.png) repeat-y top center #eee;
}
.ad:hover, .page:hover, #fullPage:hover {
	background-color:#FFF;
}
#fullPage {
	background-color:#EEE;
	clear:both;
	padding:15px;
	border:1px solid #555;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
}
a:hover {
	color:#F06;
}
.content {
	padding-top:5px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	clear:both;
}
.content li {
	padding:2px;
	letter-spacing:6px;
}
.content li ul li {
	color:#777;
}
#bottom {
	height:100px;
}
.imageContainer {
	width:256px;
	height:256px;
	margin-top:25px;
	float:left;
}
.textContainer {
	width:636px;
	float:right;
}
#nav {
	width:900px;
	margin-left:auto;
	height:65px;
	padding-top:35px;
	padding-right:25px;
	float:right;
	background:url(../images/designBG.png) no-repeat #eee;
}
#myMenu a {
	font-variant:small-caps;
	letter-spacing:2px;
}
td {
	padding:5px;
}
input {
	width:300px;
}
input[type="radio"], input[type="checkbox"] {
	width:auto;
}
textarea {
	width:99%
}
select {
	width:300px;
}
label {
	color:#06C;
	font-weight:bold
}
img {
	border:none;
}
#webAppControls {
	margin-right:auto;
	margin-left:auto;
	text-align:right;
	clear:both;
	padding:5px;
}
#webAppControls a {
	color:#CCC;
}
#contentPage {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#333;
}
#leftItem {
	width:auto;
}
#red, #green, #blue {
	float: left;
	clear: left;
	width: 300px;
	margin: 15px;
}
#swatch {
	width: 120px;
	height: 100px;
	margin-top: 18px;
	margin-left: 350px;
	background-image: none;
}
#red .ui-slider-range {
	background: #ef2929;
}
#red .ui-slider-handle {
	border-color: #ef2929;
}
#green .ui-slider-range {
	background: #8ae234;
}
#green .ui-slider-handle {
	border-color: #8ae234;
}
#blue .ui-slider-range {
	background: #729fcf;
}
#blue .ui-slider-handle {
	border-color: #729fcf;
}
#demo-frame > div.demo {
	padding: 10px !important;
}
#helpTip, #pageTip, #uploadTip, #blogTip, #nurseTip, #homeTip, #linkTip, #userTip, #outTip, #webTip, #homePageTip, #blogTip, #cmsTip, #rssTip, #readBlogTip, #surveyTip {
	margin-left:auto;
	position:absolute;
	display:none;
	margin-right:auto;
	width:998px;
	border:1px solid #666;
	z-index:1001;
}
.toolTip {
	margin-left:auto;
	position:absolute;
	display:none;
	margin-right:auto;
	width:998px;
	border:1px solid #666;
	z-index:1001;
}
.errors { background-color:#222; border:1px #555 solid; display:block; color:#CCCCCC;  }
.errors h4 { color:#C00; }