/* CSS Document */

/*****************************************/
/**      W3C RECCOMENDED BASE STYLES    **/
/*****************************************/
/*http://www.w3.org/TR/CSS21/sample.html*/
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A" }
:before, :after { white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/*****************************************/
/**             HTML TAGS               **/
/*****************************************/
/*NOTE:green=A9CC99*/

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0px;
padding-top:5px;
/*
background-image:url(../images/bodybg.gif);
background-repeat:no-repeat;
background-position:right;
*/
}

a img {border:none;}

.nowrap {
white-space: nowrap;
color:#B899CC;
font-weight:bold;
clear:both;
} 

iframe
{overflow: visible;
border:none;}

/*****************************************/
/**       NEWSLETTER SUBSCRIBE          **/
/*****************************************/
form.newsletter{
	width:205px;
	height:100px;
	background-image:url(../images/newsletter_bg.jpg);	
	background-repeat:no-repeat;
	background-position:4px 2px;
	position:relative;
	clear:both;
}

input.e_02{
	position:absolute;
	top:49px;
	left:18px;
	width:160px;
	height:12px;
	font-size:9px;
	color:#999;
	}

input.join_now{
	position:absolute;
	top:72px;
	left:112px;
	}

/*****************************************/
/**           MAIN CONTAINER            **/
/*****************************************/
div#body2 {
clear:both;
background-image:url(../images/ripple.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:1000px;
display:block;
position:relative;
/*
margin:0 auto;
margin-top:20px;
*/
float:left;
background-color:#FFFFFF;
}

/*****************************************/
/**          FLOAT LEFT CLASS           **/
/*****************************************/
img.right{
float:right;
margin:5px 0px 5px 10px;
}

/*****************************************/
/**          FLOAT RIGHT CLASS           **/
/*****************************************/
img.left{
float:left;
margin:5px 10px 5px 0px;
}

/***************************************/
/*           EXTERNAL LINK             */
/***************************************/
a.external {
background-image:url(../images/icon_external_link.gif);
background-position:center right;
background-repeat:no-repeat;
padding-right:20px;
display: inline;
}
/*This hides the (external link) text if CSS enabled by positioning it off screen*/
a.external span {
position: absolute;
left: -5000em; width: 4000em;
}

/***************************************/
/*             PDF LINK                */
/***************************************/
a.pdf {
background-image:url(../images/icon_pdf.gif);
background-position:center left;
background-repeat:no-repeat;
padding-left:23px;
display: inline;
}

/*****************************************/
/**            PHOTO CIRCLE             **/
/*****************************************/
div#photocircle {
clear:both;
/*
background-image:url(../images/photocircle1.gif);
background-position:bottom left;
background-repeat:no-repeat;
*/
width:1000px;
display:block;
position:relative;
float:left;
}

/*****************************************/
/**            PHOTO CIRCLE             **/
/*****************************************/
div#photocirclecont {
margin:0px;
padding:0px;
width:155px;
height:204px;
position:absolute;
bottom:0px;
left:0px;
}

div#photocirclecont img {
margin-bottom:0px;
}

p#player1{
margin:0px;
padding:0px;
}

/*****************************************/
/**             RIGHT COL               **/
/*****************************************/
div#rightcolbg {
float:right;
background-image:url(../images/rightcolbg.gif);
background-position:top right;
background-repeat:repeat-y;
width:1000px;
display:block;
position:relative;
z-index: 2;
}

/*****************************************/
/**               LOGO                  **/
/*****************************************/
div#logo{
display:block;
width:209px;
position:relative;
clear:both;
float:left;
left:0px;
}

/*****************************************/
/**               FOOTER                **/
/*****************************************/
div#footer{
display:block;
width:791px;
height:53px;
position:relative;
float:right;
background-image: url(../images/footbg.gif);
background-position:top;
background-repeat:repeat-x;
z-index:1;
color:#ffffff;
}

div#footer ul{
clear:both;
position:relative;
margin:32px 0px 0px 0px;
width:555px;
float:left;
text-align:center;
}

p#copyright{
position:relative;
margin:32px 0px 0px 0px;
padding:0px;
float:right;
width:208px;
text-align:center;
font-size:12px;
}

/*****************************************/
/**                TOPNAV               **/
/*****************************************/
div#topnav{
	display:block;
	width:555px;
	height:auto;
	position:absolute;
	top:35px;
	z-index:1;
	color:#ffffff;
	text-align:center;
	margin:0px 0px 0px 0px;
	left: 2px;
}

/*****************************************/
/**     TOPNAV AND FOOTER MENU STYLES   **/
/*****************************************/
div#topnav ul{
margin:0px 0px 0px 0px;
padding:0px;
}

div#topnav ul, div#footer ul{
padding:0px;
font-size:12px;
}

div#topnav ul li, div#footer ul li{
display:inline;
}

div#topnav ul li a, div#footer ul li a{
color:#ffffff;
text-decoration:none;
font-size: 0.9em;
}

div#topnav ul li a:hover, div#footer ul li a:hover{
color:#ffffff;
text-decoration:underline;
}

/*****************************************/
/**          RIGHT CONTAINER            **/
/*****************************************/
div#rightcont{
display:block;
width:211px;
position:relative;
top:0px;
float:right;
background-image:url(../images/rightconttop.gif);
background-position:0px 0px;
background-repeat:no-repeat;
z-index:10;
}

/*****************************************/
/**         TELEPHONE NUMBER            **/
/*****************************************/
div#rightcont p#telnumtop{
margin-top:58px;
font-size:20px;
padding-left:15px;
display:block;
color:#ffffff;
}

/*****************************************/
/**         NAVIGATION MENU             **/
/*****************************************/
#menu {
width: 205px; /* set width of menu */
background: #B899CC;
margin-left:6px;
margin-bottom:100px;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
background: #B899CC;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
font-size:0.9em;
font-weight:normal;
display: block;
border-bottom:dotted #816b8f 1px;
margin:0;
padding:4px 4px;
}

#menu h2 {
color: #ffffff;
text-transform: uppercase;
}

#menu a {
color: #ffffff;
background: #B899CC;
text-decoration: none;
background-image:url(../images/arrow_white.gif);
background-repeat:no-repeat;
background-position:2px 50%;
padding-left:15px;
}

#menu a:hover {
color: #816b8f;
background: #f2dfff;
background-image:url(../images/arrow_purple.gif);
background-repeat:no-repeat;
background-position:2px 50%;
padding-left:14px;
}

/*****************************************/
/**     POSITIONING THE POP OUTS        **/
/*****************************************/
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
right: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

/*****************************************/
/**        HIDING AND REVEALING         **/
/*****************************************/
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*****************************************/
/** CONTENT CONTAINER / MIDDLE COLUMN   **/
/*****************************************/
div#middlecolumn{
display:block;
width:555px;
position:relative;
float:left;
background-image:url(../images/contentbg.gif);
background-position:0px 0px;
background-repeat:no-repeat;
padding:0px;
padding:90px 25px 0px 0px;
margin-bottom:30px;
z-index:0;
}

/*****************************************/
/**             CONTENT TITLE           **/
/*****************************************/
div#title h1{
margin:0px 0px 20px 0px;
padding:0px;
display:block;
text-align:center;
color:#7A75A0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

div#title h1 img{
margin-bottom:-2px;
}

div#title h1 .smaller{
font-size:0.6em;
}

/*****************************************/
/**          CONTENT LINKS MENU         **/
/*****************************************/
div#links ul{
margin:0px 0px 20px 0px;
padding:0px;
z-index:1000;
}

div#links ul li{
list-style-type:none;
background-image:url(../images/bullet_purple.gif);
background-position:left;
background-repeat:no-repeat;
line-height:1.2em;
}

div#links ul li a, div#links ul li a:visited{
/*color:#A9CC99;*/
padding-left:15px;
text-decoration:none;
background-image:url(../images/bullet_purple.gif);
background-position:left;
background-repeat:no-repeat;
color:#513861;
}

div#links ul li a:hover{
background-image:url(../images/bullet_green.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:underline;
/*color:#6F925F*/
}

div#links ul li a:visited{
/*color:#810081;*/
}

div#links a{
}

div#links a:hover{
}

/*****************************************/
/**           CONTENT STYLES            **/
/*****************************************/
div#content{
color:#333333;
}

div#content li{
margin-bottom:8px;
}

div#content table{
/*background-color:#F7E7FF;*/
background-color:#ffffff;
margin:0px 0px 30px 0px;
border-top:dotted #b899cc 0px;
border-right:dotted #b899cc 0px;
border-bottom:dotted #b899cc 1px;
border-left:dotted #b899cc 1px;
}

table.balls{
background-image:url(../images/tablebg.gif);
background-position:right top;
background-repeat:no-repeat;
}

div#contentOFF tr.alt{
background-color:#F7E7FF;
}

div#contentOFF tr:hover{
background-color:#F7E7FF;
}

div#content td{
vertical-align:top;
border-top:dotted #b899cc 1px;
border-right:dotted #b899cc 1px;
border-bottom:dotted #b899cc 0px;
border-left:dotted #b899cc 0px;
padding:5px;
margin:0px;
}

div#content th{
padding:5px;
border-top:dotted #b899cc 1px;
border-right:dotted #b899cc 1px;
border-bottom:dotted #b899cc 0px;
border-left:dotted #b899cc 0px;
}

div#content th.col2{
width:43%;
}

div#content th.col3{
width:14%;
}

div#content th.col1{
width:43%;
}

div#content caption{
color:#ffffff;
text-align:left;
font-style:normal;
margin:0px;
padding:5px 5px 5px 5px;
font-weight:bold;
/*background-color:#b899cc;*/
/*background-color:#768f6b;*/
background-color:#b899cc;
}

div#content h2{
font-size:1.2em;
margin:1.5em 0px 0.2em 0px;
padding:0px;
font-weight:bold;
}

div#content h3{
font-size:1.1em;
color:#816b8f;
}

div#content strong{
/*color:#333333;*/
}

.center{
text-align:center;
}

iframe{
border:solid #816b8f 1px;
margin:0px;
}

div#content a{
color:#0000FF;
text-decoration:underline;
}

div#content a:hover{
color:#0000FF;
text-decoration:underline;
background-color:#f2dfff;
}

.green{
/*Green*/
color:#768F6B;
}

.purple{
/*Purple*/
color:#816B8F;
}

.white, .white strong, .white span, .white p, p.white strong{
color:#ffffff!important;
}

div#content p {
text-align:justify;
padding:0px;
margin-top:5px;
line-height:1.5em;
}

div#content ol, div#content p {
}

blockquote{
background-image:url(../images/sky.jpg);
/*background-color:#768f6b;*/
color:#ffffff;
padding:10px;
text-indent:0px;
margin:0px;
width:532px;
}

blockquote h2{
margin-top:0px;
}
/******************************************/
/*            DETAILS FORM               **/
/******************************************/
form#detailsform {
margin:0px; 
padding:10px;
width:530px;
}
#detailsform label
{
width:100px;
display:block;
float:left;
text-align:right;
padding-right:5px;
margin-top:10px;
}

#detailsform label span
{
position:relative;
left:-4px;
}

#detailsform #reset, #detailsform #submit, #subscribenews #addme{
width:50px; 
}
#detailsform #buttons{
text-align:center; 
margin-top:10px;
}

input#nkdjr8g5uriso, input#t56895dddeffe, input#ehyf7uddkdol8{
width:200px;
margin-top:10px;
}
textarea#message{
width:200px;
margin-top:10px;
}

#detailsform span{
}

#detailsform select{
width:207px;
margin-top:10px;
}

textarea
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
overflow:scroll;
}

select#area
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
width:205px;
margin-top:10px;
}

.error{
color: #FF0033;
}

p.edit{
	position:absolute;
	top:88px;
	right:25px;
	padding:4px;
	margin:0px;
	border:none;
}

p.edit a:hover{
	background-color:#ffffff!important;
}

p.logged_in{
	position:absolute;
	top:33px;
	right:0px;
	text-align:right;
	padding:4px;
	margin:0px;
	border:none;
	font-size:10px;
	color: #FF0;
}
p.logged_in a{
	color:#FFF;
	text-decoration:none;
}
p.logged_in a:hover{
	color:#FFF;
	text-decoration: underline;
}

fieldset{padding:10px;}


/******************************************/
/*            CONTACT FORM               **/
/******************************************/
form.standard{
margin:0px 0px 20px 0px; 
padding:0px;
width:100%;
}

label
{
width:120px;
display:block;
float:left;
text-align:right;
padding-right:5px;
margin-top:10px;
}

label span{
font-size:10px;
padding-left:5px;
padding-right:0px;
margin-right:0px;
position:relative;
left:-4px;
}

#buttons, div.buttons{
text-align:center; 
margin-top:10px;
}

#buttons input{
padding:2px;
cursor:pointer;
}

input.fields{
width:250px;
margin-top:10px;
}
textarea{
width:400px;
margin-top:10px;
font-size:12px;
overflow-x:hidden;
}

fieldset{
margin:0px; 
padding:0px 0px 20px 0px;
}

ul.badges{
	margin:0px 0px 10px 0px;
	padding:0px;
	border:none;
}

ul.badges li{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	text-align:center;
	float:left!important;
	vertical-align:middle;
}

ul.badges li a, ul.badges li a:hover{
	margin:0px!important;
	padding:0px!important;
	border:none!important;
	background-image:none!important;
	background-color:#B899CC!important;
}

li.badge1, li.badge1 a{
	width:196px!important;
}
li.badge2, li.badge2 a{
	width:123px!important;
	margin-top:10px!important;
	margin-left:7px!important;
}
li.badge3, li.badge3 a{
	width:69px!important;
}
li.badge4, li.badge4 a{
	width:81px!important;
	margin-left:3px!important;
}

div.email2 { display: none; visibility: hidden; }