body {font-size:62.5%; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;  background: #f5f3ed;}
html,body{height:100.01%;}

.clear {clear:both;} .clear5 {clear:both; height:5px;}
.r {float:right; margin:4px 2px 10px 5px;}
.l {float:left; margin:4px 10px 10px 10px;}

/*
------------------------------------------------------
=ACCESSIBILITY
------------------------------------------------------*/
#access {position:absolute; top:-9999px;}


/*
------------------------------------------------------
=CONTAINER
------------------------------------------------------*/
#container { width: 791px; margin:0 auto 0 auto; background:#fff;}

/*
------------------------------------------------------
=HEADER
------------------------------------------------------*/
#header {width: 791px; background: url(../img/bg/tns_bg.gif) no-repeat top left;  margin: 0 auto; padding:0px; height:42px; }/*249px;*/

/*
------------------------------------------------------
=TOP LINKS
------------------------------------------------------*/
#topLinks {width: 330px; float: right; margin-top: 11px; font-size: 1.1em; margin-right:3px;}
#topLinks ul {float:right; list-style:none;}
#topLinks ul li {margin:0; padding:0 8px 0 0; float:left;}
#topLinks ul li a {color: #706D68; text-decoration:none;}
#topLinks ul li a:hover {color: #EB520F; text-decoration:none;}
#topLinks ul li a.on {font-weight: bold; color: #EB520F;}

/*
------------------------------------------------------
=TOP SEARCH
------------------------------------------------------*/
#topSearch {display:block; float: right; margin: 10px 15px 0px 0px;}
#topSearch .button {border: 0; padding:1px 0 2px 0px; height:8px; width: 34px; color:#FFFFFF; font-weight:bold; cursor: default; cursor: pointer;}
#topSearch input { font-size: 1.1em; float: left; width: 140px; color: #4C4E43; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; margin: 0 4px 0 0; border: 1px solid #DDDDDB; padding: 2px 0 2px 3px; height:1.2em; }
#topSearch select {float: left; }
#topSearch label.inner {display: none; float: left; color:#fff; text-align:left; padding: 3px 3px 5px 0;}
#topSearch a {text-decoration:underline; color:#333333;}
#topSearch a:hover { text-decoration:none; }
#topSearch input.go {float: left; border:none; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color: #fff; line-height: normal; font-weight: bold; margin-top: 1px; margin-left: 4px;  padding-left: 0px; padding-top: 0px; height: 17px; display: inline; float: left; background: url(../img/bg/go.gif) no-repeat; width: 28px;}
#topSearch input.go:hover {cursor:pointer; background: url(../img/bg/go-hover.gif) no-repeat;}
#topSearch .s170s {width: 120px; padding: 0px 0px; font-size: 1.0em; margin-right: 10px;  }


/*
------------------------------------------------------
=TITLES
------------------------------------------------------*/
h1 {font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-size:2.2em; color:#D24E04; margin-bottom:5px;}
h2 {margin:10px 0 10px 20px;  border-bottom: 1px solid #ddd; font-weight: bold; font-size: 1.4em; color: #e34f0f; padding-bottom: 8px; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;} 
h3 {margin:10px 0 5px 20px;  font-weight: bold; font-size: 1.2em; color: #d1490f; padding-bottom: 8px; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;} 
h4 {font-size: 1.2em; color: #c2450d; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-weight:bold;  margin:5px 0 10px 20px;}
h5 {font-size: 1.2em; color: #a83c0b; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-weight:bold;  margin:10px 0 10px 20px;}
h6 {font-size: 1.1em; color: #7a2f07; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-weight:bold;  margin:10px 0 10px 20px; text-decoration:underline;}

/*
------------------------------------------------------
=NAVIGATION
------------------------------------------------------*/
#navigation {width: 791px; margin: 0 auto; padding: 0px;}
ul#gns {list-style:none; width:781px; margin: 0px; padding: 0px; float: left; background-color: #D8490D ; font-size: 11px}
ul#gns li {float:left; font-family: "Trebuchet MS", arial, tahoma, verdana ; font-size: 1em; font-weight:bold; text-align:center;}
ul#gns li a {color: #fff; text-decoration: none; padding: 17px 0 0px 0; display:block;}
ul#gns li#gns1, ul#gns li#gns1 a.on{background: url(../img/bg/gns_1.gif) no-repeat 0px -102px; width: 95px; color: #7B2F07;}
ul#gns li#gns1 a {height: 34px;background: url(../img/bg/gns_1.gif) no-repeat left top;}
ul#gns li#gns1 a:hover {background-image: none; color: #7B2F07;}
ul#gns li#gns2, ul#gns li#gns2 a.on{background: url(../img/bg/gns_2.gif) no-repeat 0px -102px; width: 83px; color: #7B2F07;}
ul#gns li#gns2 a {height: 34px;background: url(../img/bg/gns_2.gif) no-repeat left top}
ul#gns li#gns2 a:hover {background-image: none; color: #7B2F07;}
ul#gns li#gns3, ul#gns li#gns3 a.on{background: url(../img/bg/gns_3.gif) no-repeat 0px -102px; width: 123px; color: #7B2F07;}
ul#gns li#gns3 a {height: 34px;background: url(../img/bg/gns_3.gif) no-repeat left top;}
ul#gns li#gns3 a:hover {background-image: none; color: #7B2F07;}
ul#gns li#gns4, ul#gns li#gns4 a.on{background: url(../img/bg/gns_4.gif) no-repeat 0px -102px; width: 91px; color: #7B2F07;}
ul#gns li#gns4 a {height: 34px;background: url(../img/bg/gns_4.gif) no-repeat left top;}
ul#gns li#gns4 a:hover {background-image: none; color: #7B2F07;}
ul#gns li#gns5, ul#gns li#gns5 a.on{background: url(../img/bg/gns_5.gif) no-repeat 0px -102px; width: 143px; color: #7B2F07;}
ul#gns li#gns5 a {height: 34px;background: url(../img/bg/gns_5.gif) no-repeat left top;}
ul#gns li#gns5 a:hover {background-image: none; color: #7B2F07;}
ul#gns li#gns6, ul#gns li#gns6 a.on{background: url(../img/bg/gns_6.gif) no-repeat 0px -102px; width: 246px; color: #7B2F07;}
ul#gns li#gns6 a {height: 34px;background: url(../img/bg/gns_6.gif) no-repeat left top;}
ul#gns li#gns6 a:hover {background-image: none; color: #7B2F07;}
#hideLink{ display: none; }

/*
------------------------------------------------------
=BANNER
------------------------------------------------------*/
#banner {float:left; width: 791px; height: 92px; background: url(../img/bg/banner_bg.gif) no-repeat top left; margin: 0px 0px 10px 0px; padding: 0px;}
#banner img.logo {margin: 0px 0px 0px 20px; padding: 0px; float:left;}

/*
------------------------------------------------------
=MAIN
------------------------------------------------------*/
#main {width: 791px; clear:both;}

/*
------------------------------------------------------
=HOME: WELCOME
------------------------------------------------------*/
#welcome {width: 791px; height: 144px; margin: 0px 10px 10px 10px; clear:both; padding:0 0px 0 0px;}
#welcome .left {float:left; margin-right: 10px;}
#welcome .right {text-align: left; float:left; width: 226px; height: 144px; background: url(../img/bg/violin_pic.jpg) no-repeat left top;}
#welcome .right h1 {padding: 10px 10px 0 10px; font-weight: bold; color: #fff; font-size: 1.2em; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; margin-bottom:0px;} 
#welcome .right p {padding: 5px 10px 0 10px; color: #fff; font-size:1.1em; line-height: 1.2em; margin-bottom:10px;}
#welcome .right label.inner {display: none}
#searchbar {margin-left:10px; padding: 0px;}
#searchbar ul { margin: 0 0 0px 0; list-style-type: none; }
#searchbar select {font-size:1.1em; width:160px; margin-left:0px;}
#searchbar .button {border: 0; padding:0px 0px 2px 6px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; height:18px; width: 34px; background: url(../img/bg/go_courses.gif) no-repeat top right; color:#FFFFFF; font-weight:bold; cursor: default; cursor: pointer; margin-top:1px; font-size:1.2em;}
#searchbar .button:hover {border: 0; padding:0px 0px 2px 6px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; height:18px; width: 34px; background: url(../img/bg/go_courses-hover.gif) no-repeat top right; color:#FFFFFF; font-weight:bold; cursor: default; cursor: pointer;}

/*
------------------------------------------------------
=HOME: LEFT COLUMN
------------------------------------------------------*/
.left-col {width: 185px;  float:left; background: #FEF9E5 url(../img/bg/news_bg.gif) repeat-x top left; margin: 0 0px 0px 10px; padding:5px; }
.left-col h2 {margin:5px 0px 5px 0px; width: 185px; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color: #942400; border:none;padding-bottom:0px;}
.left-col p {font-size:1.1em; margin-top:3px;}
.left-col p a {text-decoration:underline; font-weight:bold; color:#A83C0D;}
.left-col p a:hover {text-decoration:none;}
.left-col dl {margin-left:5px; border-bottom:none;}
.left-col dl dt.title {margin-bottom:4px;}
.left-col dl dt a{font-family: "Trebuchet MS", Georgia, Arial, Verdana, Helvetica, sans-serif; color:#A93D0C; margin:3px 0 5px 0px; font-size:1.1em; font-weight: bold; padding:0 0 3px 0px; }
.left-col dl dt a:hover{color: #D24E04; font-family: "Trebuchet MS", Georgia, Arial, Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; }
.left-col dl dd {margin-top: 0px; padding: 0px; font-size:1.1em; margin-bottom:5px;}
.left-col dl dt a img.pic {float:left; margin-right: 5px; width: 42px; height: 40px; padding: 2px; background: #fff;}
.left-col dl dd hr {visibility: hidden; border: none; margin: 0; padding: 0; clear: left;}

/*
------------------------------------------------------
=HOME: MIDDLE COLUMN
------------------------------------------------------*/
#main .middle {width: 325px; float:left; margin:0px 0px 0px 10px; font-size:1.2em; text-align:left;} 
#main .middle a {text-decoration:none;}

/*
------------------------------------------------------
=HOME: RIGHT COLUMN
------------------------------------------------------*/
.right-col {width: 226px; float:left; margin-left: 15px; background: #FEF9E5 url(../img/bg/piano_pic.jpg) no-repeat left top; margin-top: 1px; padding-bottom:10px; margin-bottom:10px;} 
.right-col h2 {font-size: 1.4em; color: #942400; margin:10px 0 5px 0; padding: 0px 0 0px 10px; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-weight:bold; text-align:left; border:none;}
.right-col h3 {color: #942400; padding-bottom:0px !important; margin-left:10px;}
.right-col p {margin-left:10px; font-size:1.1em; margin-top:3px;}
.right-col p a {text-decoration:underline;}
.right-col p a:hover {text-decoration:none;}
.right-col .short{width: 140px; margin-bottom:20px;}
.right-col .short .editBtns {width: 190px;}
.right-col .short .rteOptions {width: 221px;}
.right-col a, .right-col a  {font-weight:bold; color:#A83C0D; }
.right-col a:hover, .right-col a:hover {color:#A83C0D; text-decoration:underline;}

/*
------------------------------------------------------
=DEFINITION LIST: INSIDE
------------------------------------------------------*/
ul.item {margin-top:5px; margin-left:30px; padding-bottom: 10px; border-bottom: 1px solid #dddddb; margin-bottom:10px;}
ul.item img {float:left; margin-right:10px;}
ul.item li {font-family: Georgia, Arial, Verdana, Helvetica, sans-serif !important; color:#4a4939; margin:3px 0 0 -17px; font-size:0.9em !important; padding:0 0 3px 0px; background:none !important;}
ul.item li a {padding: 0 0 0px 0px; text-decoration: none; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; background:none !important; font-size:1.1em !important; color:#e34f0f !important; font-weight:bold;}
ul.item li a:hover {text-decoration:underline;}
ul.item li {line-height:1.5em; padding:4px 0px 0px 0px; font-size:1.1em;}

dl {margin-top:5px; margin-left:20px; padding-bottom: 2px; border-bottom: 1px solid #dddddb; margin-bottom:10px;}
dl img {float:left; margin-right:10px;}
dl dt {font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; color:#D24E04; margin:10px 0 0 0px; font-size:1.1em; font-weight: bold; padding:0 0 3px 0px;}
dl dt input.title{font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; color:#D24E04; margin:0px 0 0 0px; line-height:150%; font-size:1.1em; font-weight: bold; padding:0 0 3px 0px;}
dl dt a {padding: 0 0 0 0px; color:#D24E04; text-decoration: none; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;}
dl dt a:hover {text-decoration:underline;}
dl dd {line-height:1.5em; padding:4px 0px 0px 0px; display: inline; font-size:1.1em;}
dl dd p {margin-left:0px !important; font-size:1em !important; padding-bottom:5px !important;}

/*
------------------------------------------------------
=IMAGE STYLE
------------------------------------------------------*/
#right .imgLeft {float:left; margin:2px 8px 2px 10px; position:relative;  }
#right .imgLeft p {font-size:1.1em; color:#4a4939; font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif; margin:0; padding:2px 2px 2px 5px; margin-top:1px; border-left:2px solid #e34f0f; background:#FFF;}
#right .imgRight {float:right; margin:2px 0px 2px 10px; position:relative; }
#right .imgRight p {font-size:1.1em; color:#4a4939; font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif; margin:0; padding:2px 0px 2px 5px; margin-top:1px; border-left:2px solid #e34f0f; background:#FFF; }
#right .imgCentre { margin:0.5em auto 0.8em auto; display:block;}
#right .imgCentre p {font-size:1.1em; color:#4a4939; font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif; margin:0; padding:2px 2px 2px 5px; margin-top:1px; border-left:2px solid #e34f0f; background:#FFF;}

/*
------------------------------------------------------
=INSIDE LEFT
------------------------------------------------------*/
#content  {width: 791px; clear:both; background:#fff url(../img/bg/subnav_bg.gif) repeat-y;}
#left {width: 185px; float:left; text-align:left; background:#FEF9E5; margin-bottom: 10px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin-left:10px;}
#left p{ font-weight: bold; font-size:1.3em; color: #fff; width: 163px; padding: 9px 10px 6px 12px; background: #D8490D url(../img/bg/title_bg.gif) repeat-x top left;}
#left img {margin: 0px; padding: 0px; }
#left ul {margin-left: 0px; margin-right: 0px; background: #FEF9E5 url(../img/bg/lns_bg.jpg) repeat-x top left;}
#left ul li {list-style:none; border-bottom: 1px solid #DBD4B8; font-size:1.1em;}
#left ul li a {padding: 8px 0 7px 12px; color: #BE1101; display:block; text-decoration:none;}
#left ul li a:hover {color:#7A3106; border-left: none; text-decoration:none; background-color: #FEFCF1;}
#left ul li.open {border:none !important; }
#left ul li.on {border-bottom: 1px solid #fefcf1;}
#left ul li.on a {color:#7A3106; font-weight:bold; background-color: #FEFCF1; border-bottom:none !important;}
#left ul li.sub { background: #FEFCF1; padding: 0px 0 2px 0px !important; border-bottom:none !important; }
#left ul li.sub a{color:#BE1101; background: #FEFCF1; padding: 2px 0 5px 20px; font-weight:normal; font-size:1em;}
#left ul li.sub a:hover {color: #7A3106;}
#left ul li.sub a.on{font-weight:bold; color:#7A3106;  background: #FEFCF1;}


/*
------------------------------------------------------
=INSIDE MAIN RIGHT
------------------------------------------------------*/
#right {float:left; border-left: 1px solid #fff;  width:585px; margin-left:0px;}
#right .title-bar {background: url(../img/bg/h1_bg.jpg) repeat-x top left; min-height: 48px; margin-left: 10px; padding: 20px 0px 0 10px; margin-bottom:10px;}
#right p {margin-right:1px; color:#4a4939; font-size:1.1em; line-height:1.6em; padding-bottom:10px; margin-left:20px;}
#right img.picRight{float: right; padding-left:10px;  background: #fff;  margin-top:-79px; margin-bottom:5px;}
#right img.picLeft{float: left; padding-right:10px;  background: #fff; margin-top:-79px; margin-bottom:5px;}
#right p a {color:#eb520f; text-decoration:none;}
#right p a:hover {text-decoration:underline;}


/*
------------------------------------------------------
=DOCUMENT STYLES 
------------------------------------------------------*/
a.pdf {background: url(../img/icons/pdf.gif) no-repeat 0px 1px; padding-top:1px; padding-bottom:1px; padding-left:20px; color:#d24e04;  margin-left:5px;}
a.pdf:hover {text-decoration:none; color:#eb520f;}
a.word {background: url(../img/icons/word.gif) no-repeat 0px 1px; padding-top:1px; padding-bottom:1px; padding-left:20px; color:#d24e04; margin-left:5px;}
a.word:hover {text-decoration:none; color:#eb520f;}
a.xls {background: url(../img/icons/excel.gif) no-repeat 0px 1px; padding-top:1px; padding-bottom:1px; padding-left:20px; color:#d24e04; margin-left:5px;}
a.xls:hover {text-decoration:none; color:#eb520f;}
a.ppt {background: url(../img/icons/ppt.gif) no-repeat 0px 1px; padding-top:1px; padding-bottom:1px; padding-left:20px; color:#d24e04; margin-left:5px;}
a.ppt:hover {text-decoration:none; color:#eb520f;}

/*
------------------------------------------------------
= UNORDERED LIST
------------------------------------------------------*/
#right ul {margin-bottom:10px; margin-top:6px; margin-left:30px; color:#4a4939; font-size:1.2em;}
#right ul li {background: url(../img/icons/arrow.gif) no-repeat 2px 6px; padding: 0px 0px 2px 17px;  line-height:1.4em; font-size:0.9em!important;}
#right ul li a {color:#eb520f; text-decoration:none;}
#right ul li a:hover {text-decoration:underline;}

/*
------------------------------------------------------
= BLOCK
------------------------------------------------------*/
.block {width:245px; padding:10px; background:#faf5df; margin-left:0px; float:left; margin-bottom:10px; margin-right:12px;}
.block dl {margin-top:5px; margin-left:10px; padding-bottom: 5px; border-bottom:none;}
.block dl dt {font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; color:#ca6701; margin:10px 0 0 0px; font-size:1.2em; font-weight: bold; padding:0 0 3px 0px;}
.block dl dt a {color:#ca6701; text-decoration: none; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;}
.block dl dt a:hover {padding: 0 0 0 0px; color:#eb520f; text-decoration: none; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; text-decoration:underline;}
.block dl dd {color:#4a4939;}
/*
------------------------------------------------------
=SITEMAP STYLE 
------------------------------------------------------*/
#right ul.sitemap {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; padding-top:5px; margin-left:25px;}
#right ul.sitemap li {font-weight: bold; display:block; padding-top: 0px; background: url(../img/icons/arrow.gif) no-repeat 3px 6px; line-height:1.6em;}
#right ul.sitemap li a{color:#d24e04;}
#right ul.sitemap li a:hover {color:#eb520f;}
#right ul.sitemap li.sub {padding:0px; margin-left:35px; font-weight:normal; background:none;}
#right ul.sitemap li.subsub{margin-left:40px; font-weight:normal; background:none;}

/*
------------------------------------------------------
= ORDERED LIST
------------------------------------------------------*/
#right ol {list-style: decimal; margin-bottom:10px; margin-left:30px; margin-top:6px;  color:#4a4939; font-size:1.2em; padding-left:19px;} 
#right ol li {margin-bottom:3px; line-height:1.6em; padding-left:0px;} 
#right ol li a {color:#eb520f; text-decoration:none;}
#right ol li a:hover {text-decoration:underline;}

/*
------------------------------------------------------
= FAQ LIST
------------------------------------------------------*/
#right ul.faq {margin: 0px 0 20px 25px;}
#right ul.faq li {margin:9px 0; font-size: 1em; font-weight: bold; padding: 0 0 0 20px; color:#D24E04; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; background: url(../img/icons/q.gif) no-repeat 0px 2px;}
#right ul.faq li a {color:#D24E04; text-decoration:none;}
#right ul.faq li a:hover {text-decoration:underline;}


/*
------------------------------------------------------
=FORMS WARNING STYLE
-----------------------------------------------------*/
.error{background:#f8e9e3; padding:6px 2px 0px 5px; border:1px solid #e69a9a; color:#b83806 !important; margin-bottom:12px; margin-top:10px; margin-left:20px; font-size:1.1em;width:95%;}
.error p{color:#000 !important; margin-bottom:-8px !important; margin-left:0px; padding-top:2px;}
.error ul{list-style-type:disc; font-size:1em !important; margin-left:15px; margin-top:0px;} .error ul li{margin-bottom:0px; background:none !important; color:#c2170e;}


/*
------------------------------------------------------
=NOTES STYLE
-----------------------------------------------------*/
.note{background:#fef9e5; padding:12px 2px 0px 5px; border:1px solid #ebe771; color:#4a4939 !important; margin-bottom:12px; margin-top:10px; margin-left:20px; font-size:1.1em; width:95%;}

/*
------------------------------------------------------
=TIPS STYLE
-----------------------------------------------------*/
.tips{background:#e0f5cb; padding:12px 2px 0px 5px; border:1px solid #b5ed7d; color:#4a4939 !important; margin-bottom:12px; margin-top:10px; margin-left:20px; font-size:1.1em; width:95%;}


/*
------------------------------------------------------
=BLOCKQUOTE
-----------------------------------------------------*/
#right blockquote{width:95%; padding:12px 0px 0px 5px; color:#d24e04; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; line-height:1.4em; background:#f7efeb; border-left:5px solid #e34f0f; margin-left:20px; margin-bottom:5px; font-size:1.2em; font-style:italic; margin-bottom:10px;}
#right blockquote p {color:#000; margin-top:5px; font-size:1em;}

/*
------------------------------------------------------
=VCARD
------------------------------------------------------*/
.vcard {font-size:1.1em; line-height:1.3em; margin-bottom:2px; padding-left:20px; color:#545252; margin-bottom:10px; width:200px; float:left;}
.vcard .name {margin-bottom:2px; color:#e34f0f; font-weight:bold;}
.vcard .role{ margin-bottom:2px; font-weight:bold;}
.vcard .name a{color:#e34f0f; font-weight:bold;}
.vcard .name a:hover{text-decoration:none;}
.vcard .email{ border:none; }
.vcard .email a{color:#eb520f; text-decoration:underline;} 
.vcard .email a:hover{text-decoration:none;}
.vcard .name a img {margin-bottom:-2px;}
.vcard .email{padding-bottom:10px; border:none;}
.vcard a{color:#eb520f; text-decoration:none;} 
.vcard a:hover{text-decoration:underline;}

/*
------------------------------------------------------
=PAGINATION
-----------------------------------------------------*/
.pagination{margin-top:5px; margin-left:-10px; margin-bottom:10px; width:100%; height:39px;}
.pagination ul{margin: 0px; padding: 5px 2px 0px 0px; text-align: left; font-size: 1.2em; }
.pagination li{list-style-type: none; display: inline; padding-bottom: 1px ; margin-right:2px; background:none !important;  padding: 0px 0px 2px 2px !important;}
.pagination li span {color:#a83c0b;  font-size: 1.1em; }
.pagination li a {margin-right:-3px;}
.pagination a,  .pagination a:visited{padding: 3px 5px; border: 1px solid #c2450d; text-decoration: none !important; color: #d14b0e !important; background:#FFF;}
.pagination a:hover, .pagination a:active{border: 1px solid #eb520f; color: #d14b0e !important; background: #fde8df;}
.pagination li.currentpage{ font-weight: bold; padding: 3px 5px !important; border: 1px solid #a83c0b; background: #d14b0e !important; color: #FFF; margin-left:1px; margin-right:0px; font-size: 1em; }
.pagination li.disablepage{ padding: 3px 7px !important; border: 1px solid #929292; color: #929292; margin-right:-1px;}
.pagination li.nextpage{font-weight: bold; margin-left:0px;} 
.pagination li.previous a {font-size: 1.1em; color:#137932; text-decoration:underline; background:none; border:none; float:right; margin-top:-19px; margin-right:10px;}
.pagination li.previous a:hover{text-decoration:none; background:none; border:none; color:#eb520f;}
.pagination li.next a {font-size: 1.1em; color:#137932; text-decoration:underline; background:none; border:none; float:right; margin-top:-19px; margin-right:10px;}
.pagination li.next a:hover{text-decoration:none; background:none; border:none; color:#eb520f;}

/*
------------------------------------------------------
=TABLE STYLE 
-----------------------------------------------------*/
#right table {max-width:96%;  width:expression(document.body.clientWidth > 500 ? "570px": "auto" );
 border-collapse:collapse; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:11px; margin-bottom:15px; clear:both; margin-left:20px; }
#right table th {padding:7px 7px; text-align:left; color:#d14b0e; font-size:1.2em; font-weight:bold; border-bottom:1px solid #dbd4b8; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;}
#right table .table-heading {color:#d14b0e; font-size:1.2em; font-weight:bold; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;}
#right table td {color:#4a4939; font-size:1em; border-bottom:1px solid #eae8db; border-left:none !important; border-right:none !important; padding:5px 5px; text-align:left; }	
#right table td strong {color:#d14b0e;}	
#right table tr.even td { background: #fff;}
#right table tr.alt td {background: #f2f0e7;}
#right table tr.over td {background:f2f0e7;}	

/*
------------------------------------------------------
=NO BORDER STYLE 
-----------------------------------------------------*/
#right table.no-border {max-width:96%;  width:expression(document.body.clientWidth > 500 ? "570px": "auto" );
 border-collapse:collapse; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:11px; margin-bottom:15px; clear:both; margin-left:20px; }
#right table.no-border th {padding:7px 7px; text-align:left; color:#d14b0e; font-size:1.2em; font-weight:bold; border-bottom:1px solid #dbd4b8; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;}
#right table.no-border .table-heading {color:#d14b0e; font-size:1.2em; font-weight:bold; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;}
#right table.no-border td {color:#4a4939; font-size:1em; border-bottom:none !important; border-left:none !important; border-right:none !important; padding:10px 10px; text-align:left; }		
#right table.no-border tr.even td { background: #fff;}
#right table.no-border tr.alt td {background: #fff;}
#right table.no-border tr.over td {background:fff;}	

/*
------------------------------------------------------
=YELLOW BLOCKS 
-----------------------------------------------------*/
#right table td.yellow-blocks a {color:#ca6701; text-decoration: none; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; }
#right table td.yellow-blocks a:hover {color:#eb520f; text-decoration: none; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; text-decoration:underline;}
#right table td.yellow-blocks {width:230px; padding:20px; background:#faf5df; border-right:10px solid #fff !important; border-bottom:10px solid #fff !important; font-size:1em;}

/*
------------------------------------------------------
=FORM STYLE
-----------------------------------------------------*/
table.form{width:97%; margin-bottom:12px; border-right:none !important; border-top:none !important; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; margin-left:20px; font-size:1.1em;}
table.form td{padding:8px 8px; text-align:left !important; font-size:1em; border-bottom:1px solid #eae8db; border-left:none !important; border-right:none !important;}
table.form tr {border-bottom:1px solid #eae8db; border-left:none; border-right:none;}
table.form tr.options td strong{font-weight:normal;}
table.form tr.options td input.radio {margin-left:5px; margin-bottom:-2px; }
table.form tr.options td input.chk {margin-left:5px; margin-bottom:3px;  }
table.form tr.even td { background: #fff;}
table.form tr.alt td {background: #f2f0e7;}
table.form tr.over td {background: #fdf9df;}
strong.star {font-size:1.2em; color:#d41616;}
table.form td.name-address{font-size:1em; color:#131313;}
table.form input.text, table.form textarea{padding:3px; font-size:1em; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; border:1px solid #c8c2ac; width:60%;}
table.form tr td select {border:1px solid #c8c2ac; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:1em;}
table.form .select{width:15% !important; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}
table.form .county{width:20% !important;}
table.form .radio-address { font-style:italic; background: url(../img/bg/form-line.gif) no-repeat top center; padding-top:15px; padding-bottom:5px;}
table.form .small{width:15% !important;}
table.form .phone{width:43% !important;}
table.form input.name{padding:3px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; border:1px solid #c8c2ac; width:150px; font-size:1em;}
table.form select{font-family:Arial, Helvetica, sans-serif; border:1px solid #a8cbe6; padding:2px; margin-right:3px; font-size:1em;}
table.form .radio{padding-left:20px;}
table.form .radio a{cursor:help; color:#D50600; font-size:0.9em; }
table.form .radio a:hover{color:#000;}
table.form input:focus, table.form textarea:focus{background-color: #fff;}
table.form td em {font-size:0.9em;  color:#999;}
.hint-table{position:relative; clear:both;}
table.form span.hint {display: none; position: absolute; right: 11px; width: 153px; margin-top: -45px; padding: 8px 8px 18px 8px; background: url(../img/bg/tip.gif) no-repeat bottom left; border-top:1px solid #7a2f07; font-size:0.9em; color:#4a4939; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; line-height:1.5em; opacity:0.9;}
table.form span.hint strong {font-size:1.1em; color:#a83c0b;}
table.form td.comm, table.form tr.alt td.comm {vertical-align:middle;}
table.form .right {text-align:right;}
table.form .left{text-align:left;}

/*
------------------------------------------------------
=FORM STYLE
-----------------------------------------------------*/
table.submit{width:97%; margin-bottom:12px; border:none !important; margin-top:-10px; margin-left:20px;}
table.submit td{padding:5px 8px; font-size:1.1em; border:none !important;}
table.submit tr {border:none !important;}
table.submit tr td.even {background:#FFF !important;}
table.submit .buttonReset {float: left; border: 0; cursor: default; cursor: pointer; text-align: center; width: 83px; padding:1px 14px 2px 7px; margin-top: 2px; background: url(../img/bg/reset.gif) no-repeat top left; color:#fff; font-weight:bold; font-size:1em;}
table.submit .buttonReset:hover {background: url(../img/bg/reset-hover.gif) no-repeat top left;}
table.submit .buttonSubmit {float: right; border: 0; cursor: default; cursor: pointer; text-align: center; width: 83px; padding:1px 14px 2px 14px; margin-top: 2px; background: url(../img/bg/submit.gif) no-repeat top left; color:#fff; font-weight:bold; font-size:1em; font-family:Arial, Verdana, Helvetica, sans-serif; }
table.submit .buttonSubmit:hover {background: url(../img/bg/submit-hover.gif) no-repeat top left; }

/*
------------------------------------------------------
=BREADCRUMBS
------------------------------------------------------*/
#bcrumb {display: inline; float: left; background: #FEFCF0 url(../img/bg/bcrumb_bg.gif) repeat-x; height: 24px; width: 771px; margin: 0px 10px 10px 10px; text-align: left; padding: 0px;}
#bcrumb ul {margin: 0 0 0px 0; list-style-type: none;}

#bcrumb ul {width: 761px; padding-left:10px; float:left; margin:5px 0px 1px 0px;list-style-type: none; font-family: "tahoma", Arial, Verdana, Helvetica, sans-serif;}
#bcrumb ul li {float:left; margin-right:7px; color: #706D68; }
#bcrumb ul li.first {float:left;}
#bcrumb ul li.last {float:right; background: url(../images/i_print.gif) no-repeat left; padding-left: 8px; margin-right: 5px}
#bcrumb ul li.last a {background: none;}
#bcrumb ul li a {text-decoration: none; background: url(../img/icons/arrow.gif) no-repeat left; padding-left:10px; color:#706D68; }
#bcrumb ul li a:hover {color:#D25910;}
#bcrumb ul li.on a {color:#D25910; font-weight: bold;}

/*
------------------------------------------------------
=FOOTER
------------------------------------------------------*/
#footer {display: block; text-align: center; margin: 0 auto 0 auto; color: #666; width: 791px; background: #fff url(../images/footer.gif) no-repeat left top; padding: 0px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; clear:both;}
#footer a {font-weight: normal; text-decoration: none; color:#4a4939; text-decoration: none}
#footer a:hover {text-decoration: underline; color:#4a4939; text-decoration: underline}
#footer ul {float:left; }
#footer ul li {color:#666666; font-size: 1.1em; list-style:none; float:left; text-align:left; }
#footer ul li .sep { margin: 0 10px; color:#4a4939; }
#footer .logo {margin-right:8px; height:92px; float:right; }
#footer .top {display: inline; background: #fff; height:19px; float: left; clear:both; padding:11px 0px 0 9px; margin: 10px 10px 0 10px; width: 761px; border-top: #eae8db 1px solid; }
#footer .top ul {margin: 0px; padding: 0px; clear: left;}
#footer .top ul li .sep {color:#AB9D80;}
#footer .top ul li a {color:#7B3009;}
#footer .bottom {height: 14px; padding:0px 0px 13px 20px; clear: left}
#footer .bottom ul {margin: 0px; padding: 0px;}
#footer .bottom a {font-weight: normal; text-decoration: none; color:#7B3009; text-decoration: none}
#footer .bottom a:hover {text-decoration: underline; color:#7B3009; text-decoration: underline}
#footer div.design {float: left; padding: 10px 0 0 18px; color:#7C2E07; background: #F5F3ED; width: 773px;}
#footer div.design a {float: left; margin-right: 10px; color:#7C2E07; }