/* general */
body, td, tr, p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #000; line-height: 1.6;}
body {background: #0D67AB; margin: 0; padding: 10px 0 0 0; min-width: 923px; max-width: 1100px;}
a:link, a:visited, a:active {color:#069}
a:hover {color:#060}
img {border: 0}
.emphasis, strong {font-weight: bold;}
.redbold {color: #F26A3E; font-weight: bold}
.pagetoplink {float: right;}
.topborder {border-top: 2px dotted #ccc; padding-top: 10px; margin-top: 30px;}
.bottomborder {border-bottom: 2px dotted #ccc; padding-bottom: 10px; margin-bottom: 30px;}
blockquote {border-top: 2px dotted #ccc; margin: 10px 0 10px 0; padding: 10px 0 10px 0; clear: both}
.bold {font-weight:bold}
.bigger {font-size: 110%}
.blue {color: #069}
.green {color: #4AA942}

/* header area including nav bar */
#topnav {width: 100%; color: #fff; text-align: right; vertical-align:middle}
.topnavlink {float:right;display:inline}
#topnav a {color: #C6E0FB; text-decoration: none; margin: 0 10px;  vertical-align:middle;margin-right: 40px;}
#topnav img {float:left; margin-left:40px; display:inline}
#topnav a:hover  {color: #fff;}
.drkalish-com {vertical-align:middle}
#header {width: 100%; float:right; background: #0D67AB url(images/bg_header.jpg) repeat-x;}
#headerleft {float:left}
#headerright {float:right}
#navbar {width: 100%; background: url(images/bg_navbar.gif) repeat-x; float:left; }
#navbarleft {float:left}
#navbarright {float:right}
#navbar ul {margin: 0 ; padding:0; float:right;}
#navbar li {margin: 0; padding:0; list-style: none; float:left;}
#navbar a {float:left; text-decoration:none; font-weight: bold; color: #fff; margin: 0 10px; padding: 0 6px 0 5px; height: 25px}
#navbar a:hover {color: #036}


/* 2 columns liquid layout structure */
#wrapper {background: #fff url(images/bg_left.gif) repeat-y; clear: both; margin:0}
#container {width: 100%; background: #fff url(images/bg_left.gif) repeat-y; float: right; margin-left: -230px; }
#content {background: #fff url(images/bg_right.gif) repeat-y right; margin-left: 230px; min-height: 300px;} /* right column */
#sidebar {width: 230px; float: left;} /* left column */

/* right content area */	
#content {padding: 30px 60px 50px 30px}
#content h1 {font-size: 150%; color: #069}
#content h2 {font-size: 140%; color: #069; margin: 20px 0 10px 0}
#content h3 {font-size: 120%; color: #393; margin: 17px 0 8px 0}
.formtable {border: 0; margin: 20px auto; padding:0; width: 100%; min-width: 450px}
.formtable td {vertical-align:top; padding: 2px} 
.formtable .required {color: #F26A3E; font-weight: bold}
#content ul {margin: 5px 0; padding: 0 0 0 30px}
#content li {list-style: url(images/bullet.gif) outside; margin: 2px 0; padding:0}
.movie {float:right; margin: 10px 0 10px 10px}
.contentimage {float:right; margin: 10px 0 10px 10px; border: 1px solid #ccc; padding: 5px}
.imagecaption {float: right; width: 200px; margin: 10px 5px; text-align: center; }
.imagecaption img {border: 1px solid #ccc; padding: 5px}

/* email signup form on landing page */
.signupform {background: #efefef; text-align: left; width: 450px; padding: 10px}
.signupform td { text-align: left;}

/* left side bar */
#sidebarcontent {padding: 20px 7px 0px 44px;}
.leftsignup {background: url(images/freebies-bg.gif) no-repeat top left; padding-bottom: 50px}
.leftsignup p {padding-top: 60px}
#sidebarcontent p {margin: 10px 10px 0 15px; font-size:12px}
#sidebar h2 {font-size: 110%; color: #069; margin: 12px 0 10px 0}
.shortsignupform {margin: 5px 0 0 0; padding:0;}
.shortsignupform form {margin:0;}
.shortsignupform td {margin:0; padding:0; font-size: 12px;}
.shortsignupform input {margin: 2px 0; font-size: 11px; width: 100px}
.shortsignupform #submit {height: 20px; margin: 5px 0 0 0; }
.shortsignupform .formlabel {float:left; line-height: 2; }
.shortsignupform .formfield {float:left;}

.leftlink ul {margin:5px 0 30px 0px; padding:0}
.leftlink li {list-style: url(images/spacer.gif) outside; margin: 0 -7px 0 17px; padding: 0px}
.leftlink li a {text-decoration: none; display:block; background: url(images/bullet.gif) no-repeat 11px 10px; padding: 7px 0 7px 27px; margin:0 0 0 -30px}
.leftlink li a:hover {color: #F26A3E;}

.sampleclass {font-size: 90%; text-align:center; margin: 10px 0;}

/* footer */
#footer {background: #0D67AB url(images/bg_footer.gif) repeat-x; width: 100%; text-align: center; clear:both;}
#footerleft {float: left; }
#footerright {float: right; }
#footerlinks {padding-top: 20px; }
#footer p {margin: 10px 100px; font-size: 90%; color: #C6E0FB;}
#footer a {color: #C6E0FB; margin: 0 10px}
#footer a:hover {color: #fff;}

/* not used */

.attention {color: #c00;}

.indent {text-indent: 40px}
.author {font-weight: bold;}
.anouncement {padding: 10px; margin: 20px 0; border: 2px dotted #ccc; float:left; width: 93%}


