* {margin:0; padding:0; border:none;}

/* common elements */
td, table {border-collapse:collapse;}
ul li {list-style:none;}
a, #content li a, li li a {text-decoration:underline; color:#728d8f; display:inline; text-transform:none;}
a:hover {text-decoration:none;}
#content ul {padding-left:25px; padding-bottom:1em; /*list-style: url(images/bullet1.gif);*/}
#content li {list-style: url(images/bullet1.gif);}
.orange #content li {list-style: url(images/bullet2.gif);}
#content li3 {list-style: url(images/bullet3.gif);}
.orange #content li3 {list-style: url(images/bullet3.gif);}


table td {padding: 2px;}
table ul {padding: 0;}
table li {list-style: none; display: block; padding: 0px 10px 0px 0px; float: left; white-space:nowrap; width: 170px;}

li a {text-decoration:none; text-transform:capitalize; display:block;}
li.red a, li.grey a, li.orange a, li.green a {color:white;}
.centered {text-align:center;}
#content input.sbtn {display:block; width:110px; height:26px; border:none; color:white;
  text-align:center; font-size:115%; white-space:nowrap; background:url(images/bg/button.gif) no-repeat bottom center;}
input.text, textarea, select {border: 1px solid gray!important;}

body {font-family:Arial,sans-serif; font-size:76.1%;
  background:url(images/bg/body.gif) repeat-x #0E3F57; color:#666666;}
  
h3, .h3 {font-size:170%; font-weight:normal; padding-bottom:.66em;} .h3 {padding:0;}
h4, .h4 {font-size:135%; font-weight:normal;}
h5, h6, .h5 {font-size:110%; font-weight:bold; display:inline;}
p {padding-bottom:1em;}
.bigger {font-size:115%;}
h3.attention {background:url(images/bg/title.gif) repeat-x bottom; font-size:170%; padding:0 50px 5px 20px; position:relative;}
.attention span {display:block; text-indent:-100em; overflow:hidden; position:absolute;}
.attention span.before {background:url(images/bullet1.gif) no-repeat; width:7px; height:7px; left:10px; top:9px;}
.attention span.after {background:url(images/bg/decor.gif) no-repeat; width:45px; height:9px; right:1px; top:32px;}
  
/* layout */
body {width:945px; margin:20px auto 10px;}
#header {height:156px;  position:relative; z-index:5;}
#wrap {padding-left:220px; overflow:hidden; position:relative; z-index:1;}
#mainmenu {float:left; margin-left:-220px; width:220px; padding:20px 0 180px; position:relative; z-index:5;}
#subwrap {margin:12px 0; min-height:400px;}
#footer {height:38px; position:relative; z-index:5;}

/* white wrapper */
#header {border:solid white; border-top-width:15px; border-left-width:30px; border-right-width:20px; border-bottom:none;}
#wrap {border:solid white; border-bottom-width:30px; border-left-width:25px; border-right-width:20px;border-top:none;}

/* x700 */
#narrow body {width:735px;}
#narrow #content {padding:15px 22px 16px 27px;}
#narrow #footer ul {padding-left:3px;}
#narrow #footer li {margin-right:1px;}

#narrow form.def {background:none;}
#narrow .def table.form {float:left; margin-top:20px;}

/* header */
#header {background:url(images/bg/header.gif) bottom repeat-x white;}
#header h1 a {background:url(images/logo.gif) no-repeat; width:297px; height:92px; display:block;
  position:relative; left:3px; bottom:1px; z-index:3; 
  text-indent:-100em; overflow:hidden; text-transform:capitalize;}
#call_us {position:absolute; left:119px; bottom:56px; white-space:nowrap; z-index:10; color:#f7a518; font-size:85%; text-transform:uppercase;}
#call_us span {color:#728d8f;}
#fastlinks {background:url(images/bg/header_strips.gif) no-repeat 310px bottom;
  position:absolute; left:0; bottom:1px; z-index:1; width:100%; height:156px;}
#fastlinks li {position:absolute; left:100%; margin-left:-117px; width:110px; height:26px; line-height:26px;
  text-align:center; font-size:115%; white-space:nowrap; background:no-repeat;}
#fastlinks li:hover ul {display:block;}
  #fastlinks li.grey {top:4px; background-image:url(images/menu/top/grey.gif); z-index:9;} 
    #fastlinks li.grey a {text-transform:none;}
  #fastlinks li.green {top:59px; background-image:url(images/menu/top/green.gif); z-index:8;}
  #fastlinks li.red {top:119px; background-image:url(images/menu/top/red.gif); z-index:7;}
  
  #fastlinks li ul {position:absolute; top:100%; padding-top:1px; left:0; width:100%; display:none; z-index:10;}
  #fastlinks li li {position:static; width:auto; height:auto; margin:0 1px 1px;
    line-height:normal; font-size:80%; white-space:normal;}
  #fastlinks li li a {padding:1px 10px; display:block; text-decoration:none;}
  
#toplinks {position:absolute; bottom:99%; left:112px;}
#toplinks li {display:inline;}
#toplinks a {padding-right:20px; padding-left:10px; background:no-repeat right center; display:inline; font-size:90%;}
#toplinks a:hover {text-decoration:underline;}
  a#share {background-image:url(images/icons/people.gif);}
  a#mail {background-image:url(images/icons/mail.gif);}

#header h2 {position:absolute; left:7px; bottom:0; z-index:3; line-height:1em; /*overflow:hidden;*/
  color:white; font-weight:normal; font-size:310%; text-transform:capitalize; letter-spacing:-.01em;}
#header h2.welcome {font-size:650%; left:35px; color:#e9eded; line-height:.66em; letter-spacing:0; overflow:hidden;}

/* content */
#wrap {background:url(images/bg/left.gif) repeat-y 5px 0 white;}
#footer {background:#c9d4d4;}
#jot {position:absolute; z-index:10; left:102px; bottom:50px; margin-left:-75px; display:block; width:160px; text-align:center; text-decoration:none;}
#jot span {display:block; color:#728d8f; text-decoration:underline; padding-top:5px; font-size:90%; position:absolute; left:0; top:100%; width:100%; cursor:pointer;}
#jot:hover span {text-decoration:none;}

#mainmenu li {height:23px; margin-bottom:1px; line-height:23px; margin-left:5px; margin-right:12px; padding-left:17px; position:relative;
  font-size:90%; white-space:nowrap;}
#mainmenu li a {color:#728d8f; background:url(images/bullet.gif) left center no-repeat; padding-left:21px;}
#mainmenu li.active a, #mainmenu li:hover a, #mainmenu li a:hover {color:white;}
#mainmenu span {display:none; position:absolute; top:0; text-indent:-100em; overflow:hidden;}
#mainmenu li.active span {display:block;}
#mainmenu li:hover span.before {display:block;}
#mainmenu span.before {width:5px; height:23px; left:-5px;}
  #mainmenu li.green span.before {background:url(images/menu/main/green.gif);}
  #mainmenu li.red span.before {background:url(images/menu/main/red.gif);}
  #mainmenu li.orange span.before {background:url(images/menu/main/orange.gif);}
  #mainmenu li.grey span.before {background:url(images/menu/main/grey.gif);}
#mainmenu span.after {width:13px; height:21px; left:100%; border-top:1px solid; border-bottom:1px solid;}

#content {border:1px solid; padding:15px 72px 16px 77px; min-height:240px; position:relative; z-index:1;}
#content.wide {padding-right:32px;}
#wrap #content.intro {border:none; padding:0;}
#intro {height:236px; overflow:hidden; background:#becf37;}
#intro img, #intro object, #intro embed {display:block;}
#info {background:#becf37;}

#pages {padding:5px 0 0; text-align:center; line-height:2.2em;}
#pages li, #pages li a {display:inline;}
#content #pages li a {padding:10px; text-decoration:underline;}
#content #pages li span {padding:10px;}
#content #pages li a:hover {text-decoration:none;}
  #pages li.green a, #pages li.green span {background:url(images/menu/pages/green.gif) no-repeat center; color:white;}
  #pages li.grey a, #pages li.grey span {background:url(images/menu/pages/grey.gif) no-repeat center; color:white;}
  #pages li.orange a, #pages li.orange span {background:url(images/menu/pages/orange.gif) no-repeat center; color:white;}

ul.submenu {padding:10px 0; text-align:right;}
ul.submenu li {display:inline; margin:0 5px;}
ul.submenu a {background:url(images/bullet1.gif) left center no-repeat; padding-left: 10px;}
#content ul.submenu a:hover {text-decoration:none;}

form.def {overflow:hidden; width:100%; padding:17px 0 5px; min-height:270px;
	background:url(images/delimeter.gif) no-repeat 230px 5px; border-top:1px solid #f06641; border-bottom:1px solid #cad4d5;}
form.def strong {color:#f5a518; font-size:90%;}
.def div.contacts {float:left; width:210px; background:url(images/contact.gif) no-repeat top right;}
.def table.form {float:right; width:330px; background:url(images/pencil.gif) no-repeat top right;}
.def table.form td {padding:3px;}
	
#footer ul {padding-left:194px; padding-top:6px;}
#footer li {float:left; position:relative; margin-right:5px; height:26px; line-height:26px;
  text-align:center; font-size:115%; white-space:nowrap; background:no-repeat bottom center;}
#footer #morelinks li:hover ul {display:block;}
  #footer li.red {width:92px; background-image:url(images/menu/bottom/red.gif);}
  #footer li.grey {width:77px; background-image:url(images/menu/bottom/grey.gif);}
  #footer li.orange {width:170px; background-image:url(images/menu/bottom/orange.gif);}
  #footer li.green {width:119px; background-image:url(images/menu/bottom/green.gif);}
#footer #morelinks ul {padding:0; position:absolute; width:100%; left:0; bottom:100%; padding-bottom:1px; display:none; z-index:10;}
#morelinks li li {float:none; height:auto; line-height:normal; font-size:100%; white-space:normal;  margin:0 1px 1px;}
#morelinks li li a {padding:1px 8px; display:block; text-decoration:none; text-transform:capitalize;}


/* colors */
.red #mainmenu li.active, #mainmenu li.red:hover {background-color:#f06641;}
.grey #mainmenu li.active, #mainmenu li.grey:hover {background-color:#728d8f;}
.orange #mainmenu li.active, #mainmenu li.orange:hover {background-color:#f7a518;}
.green #mainmenu li.active, #mainmenu li.green:hover {background-color:#b6c831;}

#fastlinks li.red li, #morelinks li.red li {background-color:#f06641;}
#fastlinks li.grey li, #morelinks li.grey li {background-color:#728d8f;}
#fastlinks li.green li, #morelinks li.green li {background-color:#b6c831;}
#fastlinks li.orange li, #morelinks li.orange li {background-color:#f7a518;}

div.orange #mainmenu span.after {border-color:#f7a518; background:white;}
div.red #mainmenu span.after {border-color:#f06641; background:white;}
div.green #mainmenu span.after {border-color:#b6c831; background:white;}
div.grey #mainmenu span.after {border-color:#728d8f; background:white;}

.red #content {border-color:#f06641;}
.grey #content {border-color:#728D8F;}
.orange #content {border-color:#f7a518;}
.green #content {border-color:#b6c831;}

.red #content normal, .red #content h3, .red #content h4, .red #content h5, .red #content h6, .red #content a {color:#f06641;}
.grey #content normal, .grey #content h3, .grey #content h4, .grey #content h5, .grey #content h6, .grey #content a {color:#728d8f;}
.orange #content normal, .orange #content h3, .orange #content h4, .orange #content h5, .orange #content h6, .orange #content a {color:#f7a518;}
.green #content normal, .green #content h3, .green #content h4, .green #content h5, .green #content h6, .green #content a {color:#b6c831;}

/* opera hack */
@media all and (){       
#mainmenu a {font-size:115%;}
#morelinks li li, #fastlinks li li {font-size:90%;}
#footer {position:relative;z-index:100;}
}


.error{color:red; padding:0;}