/* General Properties 
*********************/

html {
margin-top: -20px;
}

body {
font-family: "Arial", sans-serif;
font-size: 14px;
color: #21145c;
background: #e4e4e4 url(grad.png) top left repeat-x;
direction: rtl;
}

a:link, a:visited {
color: #21145c;
}

a:hover, a:active {
color: #3c25a8;
}


/* Wrapper
**********/

#wrapper {
margin: 0 auto;
width: 760px;
position: relative;
}

/* Message 
**********/

#announce {
position: absolute;
top: 160px;
left: 35px;
z-index: 700;
height: auto;
width: 700px;
background: url(m_bg.png);
border: 2px black solid;
}

#announce h1 {
font-size: 30px;
padding: 10px 10px 0 0;
}

#announce p {
padding: 10px 10px;
font-size: 17px;
font-weight: bold;
}


/* Header 
*********/

#header {
height: 150px;
background: url(carehead.png) center no-repeat;
position: relative;
}

#header #isav_logo {
position: absolute;
top: 25px;
left: 30px;
width: 150px;
height: 60px;
background: url(isavlogo.png) right top no-repeat;
}

#header #isav_logo:hover {
background: url(isavlogo.png) right -57px no-repeat;
}

#header #isav_logo a {
width: 150px;
padding-top: 25px;
padding-bottom: 35px;
display: block;
}

#header h1 {
background: url(careline.png) left 10px no-repeat;
width: 367px;
height: 100px;
padding-left: 120px;
text-indent: -9999px;
}

/* Main
*******/

#main {
width: 740px;
margin: 0 auto;
position: relative;
}

/* firefox download link that appears if someone is using IE6 */
p#ie6 { 
font-weight: bold;
font-size: 16px;
padding-bottom: 10px;
}

p#ie6 span {
display: block;
}


/* __content (wide section on the right)__ */

#content {
float: right;
width: 500px;
padding-top: 151px;
background: url(contenthead.png) top no-repeat  #ffffff;
}

#content_inner {
padding-top: 20px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
height: 450px;
overflow: auto;
}

#content_inner #content_head {
display: block;
position: absolute;
top: 10px;
left: 420px;
}

#content_inner #content_head h2 {
width: 270px;
height: 100px;
text-indent: -5000px;
background: url(do.png) no-repeat;
}

/* the form */

#content_inner form {
padding-top: 20px;
padding-right: 8px;
}

#content_inner form textarea {
color: #6e6e8e;
font-family: "Arial", sans-serif;
font-size: 14px;
width: 400px;
}

#content_inner form .form_info {
margin-top: 5px;
display: block;
}

#content_inner form input {
display: block;
margin-bottom: 5px;
color: #21145c;
}

#content_inner form label {
display: block
}

#content_inner form input#send {
margin-top: 10px;
display: block;
}

#content_inner p.instruct {
font-size: 90%;
padding-top: 10px;
}

#content_inner p.promise {
font-size: 90%;
margin-top: -5px;
}

/*after someone clicks the 'send' button*/

p.bold { 
font-weight: bold;
display: block;
padding-bottom: 10px;
}

p.back {
padding-top: 10px;
}

ul {
padding-right: 10px;
display: block;
}

ul li{
list-style-type: circle;
list-style-position: inside;
padding: 5px 0;
}

/*if not all the forms are filled*/

.missing {
border: 2px solid #21145c;
}

/*__ more info (the section on the left) __*/

#more_info {
float: left;
width: 200px;
}

#more_info img {
position: absolute;
top: 70px;
left: 200px;
}

/* kitteh's speech bubble */

#more_info #bubble {
background: #ffffff url(bubble_bottom.png) no-repeat left bottom;
margin-top: 10px;
}

#more_info #bubble h3 {
font-size: 120%;
font-weight:bold;
background: url(bubble_top.png) no-repeat left top;
padding: 10px 20px 0 20px;
margin-top: 0px;
text-align: center;
}

#more_info  #bubble p {
padding: 0 15px 20px 15px;
text-align: justify;
}


/* Footer 
*********/

#footer {
clear: both;
text-align: center;
padding-top: 30px;
padding-bottom: 10px;
display: block;
background: #e4e4e4;
}

#footer .line {
display: block;
}

#footer #credits {
font-size: 90%;
}