/* CSS Document */
/*---------------------------------------------------------------------------------------------------------------------
CSS made by:

|=============ganji====================|

|=======cell: +254 752 74 11 20========|

|=========email:jezgan@aol.com=========|

|======enquire at craftscene.net=======|

-----------------------------------------------------------------------------------------------------------------------*/


/*FORM CSS
------------------------------------------------------------------------------------------------------------------*/
/*wrapping div
------------------------------------------------------------------------------------------------------------------*/
#form {
width:200px;
float:left;
margin:20px 0px 20px 15px;
padding:0px;
text-align:center;
background:#963;
}
.one {
width:200px;
height:25px;
margin:0px;
padding:0px;
float:left;
text-align:justify;
}
.one1 {
width:200px;
height:35px;
margin:0px;
padding:0px;
float:left;
text-align:justify;
}
.clear {
clear:both;
}
/*heading titles
-------------------------------------------------------------------------------------------------------------------*/

h1 {
display:block;
width:100%;
height:20px;
font-size:16px;
background:#5C743D;
margin:0px;
padding:0px;
text-align:center;
color:#FFFFFF;
}
h1.fheader {
color:white;
}

/*text area
---------------------------------------------------------------------------------------------------------------------*/

textarea{
display:block;
width:170px;
float:left;
margin:10px 0px 0px 5px;
padding:0px;
}
/*label
-----------------------------------------------------------------------------------------------------------------------*/

label.form {
display:block;
color:white;
text-align:justify;
padding:5px 0px 0px 10px;
margin:0px;
}

/*input
EDIT HERE IF YOU WANT TO CHANGE THE INPUT AREA
------------------------------------------------------------------------------------------------------------------------*/

input.safari {
display:block;
float:left;
margin:0px 0px 0px 15px;
padding:0px;
}
input.submit {
display:block;
margin:10px 0px 0px 70px;
padding:0px;
}
/*select
EDIT HERE IF YOU WANT TO EDIT THE SELECT AREA
--------------------------------------------------------------------------------------------------------------------------*/

select.day {
display:block;
margin:0px 0px 0px 20px;
float:left;
padding:0px;
}
select.year {
display:block;
margin:0px 0px 0px 20px;
float:left;
padding:0px;
}
select.dates{
display:block;
margin:0px 0px 0px 20px;
float:left;
padding:0px;
}
/*TEXT AREA
----------------------------------------------------------------------------------------------------------------------*/
textarea.reserve {
margin:0px 0px 0px 12px;
}

/*END OF FORM1 CSS
---------------------------------------------------------------------------------------------------------------------*/


/*FORM 2 CSS
---------------------------------------------------------------------------------------------------------------------*/

/*wrapping div
---------------------------------------------------------------------------------------------------------------------*/
.wrap {
width:970px;
margin:0 auto;
padding:0px;
border:1px solid black;
}

/*left div
---------------------------------------------------------------------------------------------------------------------*/
.left {
width:440px;
padding:0px;
float:left;
margin:10px;
}

/*right div
--------------------------------------------------------------------------------------------------------------------*/
.right {
width:440px;
padding:0px;
float:left;
margin:10px;
}

/*formlist
---------------------------------------------------------------------------------------------------------------------*/
ul.formlist {
display:block;
width:920px;
padding:0px;
margin:20px 0px 0px 20px;
float:left;
list-style-type:none;
}
ul.formlist li {
display:block;
width:100%;
padding:0px;
margin:0px;
float:left;
list-style-type:none;
}
ul.formlist li.ta {
text-align:center;
margin:20px 0px 0px 400px;
width:300px;
display:block;
list-style-type:none;
}
ul.formlist li.submitbuttons {
text-align:center;
margin:20px 30px 0px 400px;
width:300px;
}

/*paragraph styles
---------------------------------------------------------------------------------------------------------------------*/
p.form {
display:block;
width:960px;
text-align:center;
float:left;
font-weight:bold;
margin:20px 0px 0px 0px;
}

/*input,select
---------------------------------------------------------------------------------------------------------------------*/
input, select {
display:block;
float:left;
margin:0px 0px 0px 30px;
padding:0px;
text-align:center;
}

/*text area
---------------------------------------------------------------------------------------------------------------------*/
textarea {
margin:0 auto;
}
.sub {
width:80px;
display:block;
margin-left:250px;
margin:0 auto;
}

/*label
---------------------------------------------------------------------------------------------------------------------*/
label {
display:block;
font-weight:bold;
width:100px;
color:#666;
float:left;
}

/*span
---------------------------------------------------------------------------------------------------------------------*/
.required {
color:red;
}