/*---------------------------------
 Use: Reset Styles for all browsers
---------------------------------*/

/* Main */
* { padding:0; margin:0; }
body {font: 85%/1.3 Verdana,Arial,sans-serif; text-align: center; background: #522800; letter-spacing:normal; padding-bottom:20px}
a img, iframe { border: none; }

/* Headers */
h1,h2,h3,h4,label { font: normal normal 200% "Trebuchet MS",Arial,sans-serif; }
h2 {font-size:160%}
h3 {font-size:130%; padding-top:20px}
h4 {font-size:120%}

/* Links */
a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms */
fieldset { border: 1px solid #000; }
legend { color: #000; }
input, textarea, select { padding: 1px; font-size: 100%; font-family: inherit; }
label {font-size:100%}

/* Tables */
table, th, td { padding: 0px 6px }
#resultTable { font-family: arial; font-size: 9pt; margin:10px 0px; background-color: #efefef; border: 2px solid #ddd; width: 100%; }
#resultTable th { background-color: #efefef; }
#resultTable td { background-color: #ffffff; }


/*-----------------------
 Elephant Specific Styles
 --------------------- */

/* Header Area */
div.clear { clear: both}
div#header {width:100%;overflow:hidden;background: #522800}
div#header h1 {width:970px;margin:0 auto;text-align:left}
div#header h1, div#header h2 {padding: 10px 0 0 0;color: #FFF}
div#logo {width:970px;margin:0 auto 0px;padding:2px 0 0 2px;text-align:left; }
div#logo img {border:none; float:left}
div#logo h1 {margin-top: 20px; width: 410px; float:left}
.beta { padding-left: 3px; font-size: 69%; font-variant: small-caps; color:#62AEB4; font-weight:bold; }
div#logo h2 {font-size:125%; margin:5px 0 20px; padding:0 0; width:600px; float:left}
div#logo form {float:right; margin:-60px 5px 10px 0; width: 200px; text-align:left; display:block;}
div#logo label, div#logo a {color:#FFF; font-family: verdana; font-size: 95%; text-decoration:none; }
div#logo input {border: 2px solid #520000;}
div#logo input.login  { width:200px; }
div#logo .button_on {border:none; background-color:#EEE; font-size: 95%; color:#000; height:20px; }
div#logo input.button_on {width:202px; margin: 4px 0 0 2px; padding: 0px 3px 2px; }
div#logo a.button_on { display:block; text-align:center; width:197px; margin: 3px 2px 0 1px; padding: 1px 3px 0; }
div#logo .button_off {display:none; }

div#menu {clear:both;width:970px;margin:0 auto;text-align:left}
div#flags {display:block; float:left; width:200px; margin: 0 0 ; padding:0 0; }
div#flags img, div#flags a  {display:block; float:left; margin:0 1px; padding: 1px 1px; width:16px; height:11px; }

ul#nav ,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav {float:right;font-size: 80%}
ul#nav li {float:left;margin-left: 3px;text-align: center}
ul#nav a {float:left; width: 105px;padding: 5px 0;background: #41799C; font-family: verdana; font-size: 105%; text-decoration:none; color:#fff}
ul#nav a:hover {background: #D5EAEE;color: #006A35}
ul#nav li.activelink a, ul#nav li.activelink a:hover {background: #FFF;color: #003}


/* Central Area */
div#container {width:970px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#FFF}
div#content {float:left;display:inline;width:98%; margin:0 0 10px 10px;}
/* initialy blocked to width:760px */

/* Home Design */
div#intro {margin:10px 0; overflow:hidden; width:100%; clear:both; }
div#intro .block {float:left; width:215px; height: 190px; margin:0px 5px; padding:5px 5px}
div#intro h4 {text-transform:uppercase; margin:0 0; padding:0 5px; font-size:113%; color: #FFF}
div#promise_strong {background: #41799C; }
div#promise_main {background: #62AEB4; } /*#EEE*/
div#commitment_strong {background: #41799C; }
div#commitment_main {background: #62AEB4; } /*#DAE6FE*/

/* Contact Design */
ul#contact {float:left;width:33%;margin:5px 10px;padding: 10px 5px; list-style-type:none;}
ul#contact a.alpha {text-transform:uppercase; font-weight: bold; color: #007BC4}

/* Main pages */
div.comments div {background: #DAE6FE;margin-bottom:10px}
div.comments p {padding: 10px 10px;margin:0}
div.odd {background:#EEE; padding: 5px 5px; width:98%; text-align:center}
div.odd a {text-transform:uppercase; font-weight:bold; font-size:80% }
div.feedback { margin: 15px 10px 10px; padding: 5px 5px; border: 1px solid #ccc;  }

div#content h2 {clear:both; margin: 0 0; padding: 0 10px 10px; color: #007BC4}
div#content h3 {margin: 10px 0; color: #106162}
div#content p {padding: 0 5px; margin:0 0}
div#content img.icon {padding: 0 10px;}
div#content  ul {margin:10px 0;padding: 0}
div#content  li#contact {margin:0;padding:0}

/* Main Forms */
.half {float:left;width:310px; margin:5px 5px;padding: 10px 0; _margin-top: 10px; /* IE Win */ }
form.jumbo { width: auto; margin: 5px 5px; font-size: 1.0em; color: #333;  }
form.jumbo legend { padding: 0 5px; font-weight: bold; color: #007BC4;  _margin-top: -15px; _padding: 0 0 10px 0; /* IE Win */ }
form.jumbo fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.jumbo fieldset { border: 1px solid #41799C; background: #eee; }
form.jumbo fieldset fieldset { background: none; }
form.jumbo fieldset p, form.jumbo fieldset { padding: 10px 10px; }
form.jumbo label { display: inline; line-height: 1.8; vertical-align: top; cursor: hand; color: #106162 }
form.jumbo input, form.jumbo textarea {	border: 1px solid #41799C; margin-right:0px; /* formerly margin-right:5px */ }
form.jumbo input.submit { margin: 5px 5px; }
form.jumbo input.checkbox { border: none; }
form.jumbo fieldset.optional {background:#D5EAEE;}
form.jumbo label.one_quarter { display:block; clear:left; float:left; width: 25%; margin-right:5px; }
form.jumbo input.three_quarter { display:block; float:left; width: 68%; }
form.jumbo textarea.three_quarter { display:block; float:left; width: 100%; height: 240px; }
form.jumbo select.three_quarter { display:block; float:left; width: 70%; }
div.error { display: none; }
form.jumbo label.error, label.error { display: none; color: red; font-style: italic }
form.jumbo input.error { border: 1px dotted red; }
form.jumbo textarea#contact_message.three_quarter { height:430px; }
form.jumbo textarea#guest_message.three_quarter { height:408px; }

/* Side Bars Areas */
div#left_bar {float:left; display:inline; width: 135px; height: 640px; background:#41799C; margin-left:10px; margin-bottom:10px }
div#left_bar div, div#right_bar div {margin:5px 10px 10px 10px; padding: 5px 5px}
div#left_bar p, div#right_bar p {margin:0 5px 10px 5px; font-size: 80%;}
div#left_bar h3, div#right_bar h3{margin: 0 0; padding: 10px 10px; font-size: 106%; color: #FFF; font-weight: bold;}
div#left_bar h4, div#right_bar h4 {padding:0 0 3px 10px;color: #FFF}
div#right_bar {float:right; display:inline; width: 160px; height: 640px; background:#D5EAEE; margin-right:10px;margin-bottom:10px }
div#right_bar h3 {color: #106162}
div#right_bar img.ad {padding: 6px 13px;}

/* Dashboard Design*/
div.date {clear:left; float:left; color:#fff;text-align:center; width:20px; }
div.date span {display:block; margin:0 0; padding:0 0; font-size: 90%;font-weight:bold}
div.date#grey {background: #808080;} /* grey */
div.date#green {background: #008000;} /* green */
div.date#yellow {background: #FFD700; } /* gold */
div.date#blue {background: #0000FF;} /* blue */
div.date#orange {background: #FFA500;} /* orange */
div.date#purple {background: #800080;} /* purple */

/* Footer Area*/
div#footer {clear:both; width:950px;margin:0 10px;padding: 10px 0;background: #41799C;color: #FFF;text-align:center}
div#footer p{margin:0}
div#footer a{text-decoration:none;color: #FFF}
div#footer a:hover{text-decoration:underline;color: #FFF}