/* Hotpebble CMS Content Stylesheet */
*{ font-family:Verdana, Arial, Helvetica, sans-serif; /*font-size:1.2em;*/ }

/* TinyMCE specific rules */
body.mceContentBody{ margin:0; width:640px; padding:10px 0; background:#f5f5f4; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; }
body.mceContentBody a{ color:#d0672c !important; }

h1{ color:#666; font-size:1.8em; margin:0; padding:0; font-family:"Times New Roman",Georgia,Serif; }
h2{ color:#666; font-size:1.6em; margin:0; padding:0; font-family:"Times New Roman",Georgia,Serif; }
h2 a{ font-family:"Times New Roman",Georgia,Serif; }
h3{ color:#666; font-size:1.3em; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; padding:0; }
h4{ color:#666; font-size:1.2em; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; padding:0; }
p{ font-size:1.2em; line-height:1.6; color:#333; margin:0; padding:0; }
a{ cursor:pointer; text-decoration:none; color:#d0672c; }
a:hover{ text-decoration:underline; }
a img{ border:0; }

#content h2, #column-r-fix h2, #column-l-fix h2{ border-bottom:#CCC solid 1px; font-family:"Times New Roman",Georgia,Serif; font-size:1.8em; }
#column-r-fix h2, #column-l-fix h2{ font-size:1.6em; }

form input{ }
fieldset{ padding:10px; margin:10px 0; }
legend{ font-size:1.4em; }
textarea{ font-size:1em; }

.clr{ clear:both; line-height:0; }
.hidden{ display:none; }
.caption{ font-style:italic; }

ul{  }
ul li{ }

div#column-right ul, body.mceContentBody ul{ margin:0; color:#222; list-style:inside; padding-left:1em; text-indent:-1em; }
div#column-right ul li, body.mceContentBody ul li{ /*font-size:1.4em;*/ padding:2px; }

div#content ol, body.mceContentBody ol{ margin:0; color:#222; list-style:inside; padding-left:2.5em; text-indent:-2.5em; list-style-type:decimal-leading-zero; }
div#content ol li, body.mceContentBody ol li{ font-size:1.2em; padding:2px; margin-bottom:15px; }
div#content ol ol, body.mceContentBody ol ol{ list-style-type: lower-alpha; }
div#content ol ol li, body.mceContentBody ol ol li{ font-size:1em; }

table, th, td{ border:1px solid #000; font-size:1.1em; border-spacing:0; }
table{  }
table th{ text-align:left; padding:2px 5px; }
table td{ padding:2px 5px; }

img.plain{ border:none; }

.button_lhc{ margin:0 auto; padding:10px; width:105px; height:40px; display:block; background:url(../images/button_lhc.jpg) top center no-repeat; text-align:center; text-decoration:none; line-height:1.6; }

/* Specific Styles*/

.black{ color:#000; }
.white{ color:#FFF; }
.red{ color:#E23400; }
.blue{ color:#005DF4; }
.green{ color:#249300; }
.orange{ color:#d0672c; }

.left{ float:left; margin-right:10px; }
.right{ float:right; margin-left:10px; }

/*Message Styles*/
.highlight{ padding:10px; margin:5px 0px; text-align:center; border:#2385d9 dotted 1px; background:#b4d2ff; font-weight:bold; color:#000; }
.highlight a{ color:#000; }
.success{ padding:10px; margin:5px 0px; text-align:center; border:#72be28 dotted 1px; background:#c3ff89; font-weight:bold; color:#000; }
.success a{ color:#000; }
.warning{ padding:10px; margin:5px 0px; text-align:center; border:#d3900f dotted 1px; background:#ffe1a7; font-weight:bold; color:#000; }
.warning a{ color:#000; }
.error{ padding:10px; margin:5px 0px; text-align:center; border:#b21717 dotted 1px; background:#ffb5b5; font-weight:bold; color:#000; }
.error a{ color:#000; }

form .error{  font-weight:normal; padding:5px; text-align:left; }
form label.error{ font-size:0.8em; }

/* ROTATING IMAGES */
.rotating-tabs{ position:absolute; list-style:none; bottom:10px; right:10px; z-index:10; }
.rotating-tabs li{ float:left; }
.rotating-tabs li a{ float:left; margin:3px; padding:5px; background:#666; color:#FFF; }
.rotating-tabs li a:hover { text-decoration:underline; }
.rotating-tabs li a.current { font-weight:bold; background:#333; }

.rotating-image-380w-430h{ background:#fff; border:1px solid #ccc; position:relative;
		 width:380px; height:430px; cursor:pointer; }
.rotating-image-380w-430h div{ /**/display:none; position:absolute; top:0; left:0; height:430px; }

.rotating-image-400w-300h{ background:#fff; border:1px solid #ccc; position:relative;
		 width:400px; height:300px; cursor:pointer; }
.rotating-image-400w-300h div{ /**/display:none; position:absolute; top:0; left:0; height:430px; }

.rotating-image-640w-430h{ background:#fff; border:1px solid #ccc; position:relative;
		 width:640px; height:430px; cursor:pointer; }
.rotating-image-640w-430h div{ /**/display:none; position:absolute; top:0; left:0; height:430px; }