/* Main body styles, headers and other global formatting */

HTML {height:100%}
* { margin:0; padding:0; } /* sets all elements */
body { font: 12px Verdana, Arial, Helvetica, sans-serif; background: #eeeeee; text-align: center; /* this centers the insert in IE 5* browsers. The text is then set to the left aligned default in other selectors */ color: #333;  }
h1 { font-size: 24px; letter-spacing: 0.1em; text-align: left; padding: 15px; font-weight: bold; font-style:italic }
h2 { font-size: 16px; letter-spacing: 0.1em; text-align: left; margin: 15px; font-style: italic; }
h3 { font-size: 12px; font-style: italic; font-weight: bold; letter-spacing: 0.1em; text-align: left; padding: 10px 15px; }
p { font-size: 12px; text-align: justify; padding: 15px; line-height: 1.6em; word-spacing: 0.1em }
a { color:#039; font-style:italic; font-weight:bold; letter-spacing: 0.1em; }
a:hover {text-decoration:none}
img { border-width: 0px; }

/* Global classes */

.invisible { display:none; }
.date { font-size:9px; text-align:right; clear: both; padding:5px; }
.fltlft { float:left; margin-right:5px }
.fltrgt { float:right; margin-left:5px }

/* Top navigation style */

#topbar { width:100%; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height:2.3em; background: #333 url(../assets/images/cssbackgrounds/topbarbg.jpg) repeat-x scroll bottom;  }
#topnav { letter-spacing: 0.1em; }
#topnav li { display: inline; font-variant: small-caps; }
#topnav li a { border-right: 1px dotted #999; padding: 0px 15px; color: #9CF; text-decoration:none; font-weight:normal; font-style:normal; }
#topnav li a:hover { color:#999; }
#topnav li a.first { font-weight: bold; }
#topnav li img { vertical-align:-4px; width:16px; height:16px }

/* Foot styles */

#shoe {position: fixed; width:100%; height:30px; bottom:0; background:url(../assets/images/cssbackgrounds/foot_bg.png) repeat-x ; clear:both; overflow:hidden }
#shoe img {margin:3px}
#signature {  position:fixed; right:20px; bottom:0; display:block; width:210px; height:25px; background:url(../assets/images/common/foot/signature.png) no-repeat; text-indent:-1000px; overflow:hidden }

/* insert style */

#insert { width:950px; margin:0 auto; padding:25px 0 40px 0; } /* constrains width and pads from top of main content */
#whitepage { outline: 1px solid #CCC; background-color: #FFF; border-radius:5px; -moz-border-radius:5px;} /* page on which main content is written */
.article { border-top:1px dashed #ccc; clear:both; padding:15px; text-align:justify; line-height: 1.6em; word-spacing: 0.1em }
.article h1 {padding:5px}
#frontpage { margin: 75px auto; display:block}
.fptext { width:500px; margin:25px auto; font-weight:bold; font-style:italic; letter-spacing:0.5em; word-spacing:0.9em}

/* columns */

.twins {float:left; width:50%; padding-top:15px; text-align:justify}
.twinsub {width:450px; margin:15px auto; background-color:#FFF; border:1px solid #CCC; line-height:1.3em; border-radius:5px; -moz-border-radius:5px}
.twinsub .heading {font-weight:bold; font-size:16px; display:block; text-align:center; padding:10px 10px 20px 10px}
.twinsub  img.heading {margin: auto; padding:0 0 5px 0}

.col1 {float:left; width:310px}
.col2 {float:left; width:330px}
.col3 {float:left; width:310px}
.col4 {float:left; width:635px}
.colsub {width:300px; margin:15px auto; background-color:#FFF; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; text-align:left; line-height:1.3em}
.colsub .heading {font-weight:bold; font-size:16px; display:block; text-align:center; padding:10px 10px 20px 10px}
.colsub  img.heading {margin: auto; padding:0 0 5px 0}

/* global lists - closed - expanded */

ul.close { list-style:none; padding:15px }
 ul.close li { display:inline; color:#900; font-weight:bold; font-size:10px }
 ul.close ul { display:inline}
 ul.close ul li { display:inline; color:#666; font-weight:normal; font-size:10px }

ul.expanded { list-style:none; padding:15px}
 ul.expanded li {border-top:1px dashed #999; padding: 10px 5px; clear:both; margin:0 5px}
 ul.expanded li a {display:block; padding-bottom:5px}
 ul.expanded li img {float:left; padding-right:5px; padding-bottom:5px;}
 ul.expanded li strong { color:#900 }

/* recommend lists all pages */

#recommends { font-size: 12px; font-style: italic; float: right; width: 300px; border:1px solid #666; border-radius:5px; -moz-border-radius:5px; margin-bottom:25px; background-color:#666 }
#recommends ul { padding:8px; list-style:none }
#recommends ul li { text-align: left; margin:5px 0; padding:5px; font-weight:normal; background-image:url(../assets/images/cssbackgrounds/bannerlistbackground.png); color:#FFF; border-radius:5px; -moz-border-radius:5px; display:block }
#recommends ul li a {color:#9CF}
#recommends ul li strong { color:#9CF }
#recommends ul li img { height: 18px; width: 18px; vertical-align: -4px; }
#recommends span.recommendhead { background:#333 url(../assets/images/cssbackgrounds/newsarticle_bg.jpg) repeat-x; display:block; color: #9CF; padding:5px; font-weight:bold; }

/* tessalations*/

#tessa {width:auto; border:none; }
#tessa img {border:none; float:left}
#tessalist {clear:both; padding-top:15px }
#tessalist ul { padding:8px 5px; background:url(../assets/images/cssbackgrounds/topbarbg.jpg) repeat-x top; background-color:#000}
#tessalist ul li {display:inline;padding:8px 30px; background: url(../assets/images/common/myicons/infomini.png) no-repeat left}
#tessalist ul li a { color:#FFF; text-decoration:none }
#tessalist ul li a:hover {text-decoration:underline }

/*News pages*/

.newsarticle {text-align:justify; margin-bottom:25px; background-color:#FFF; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px}
.newsdate { background:url(../assets/images/cssbackgrounds/newsarticle_bg.jpg) repeat-x #333 ; font-weight:bold; color:#9CF; padding:5px 15px; display:block}
.newsmore {clear:both; text-align:right}
#archivearticle { list-style: none; text-align: left; padding: 40px; }

/* terms layout */

ol.detailline li { list-style:none; text-align: left; padding: 5px; color: #333; font: italic bold 12px Verdana, Arial, Helvetica, sans-serif; }
ol.detailline li ol li { list-style:lower-roman outside; text-align:left; margin: 5px 5px 0 50px; color: #666; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }

/* sitemap layout */

.section { border-bottom:#CCC dotted 1px; text-align:left; }
ul.sitemap { padding: 10px 15px; }
ul.sitemap li { list-style:none; line-height:1.7em; }
ul.sitemap li a.sitelink { width:300px; display:inline-block; }
ul.sitemap li a.sitelink:hover { background: #eee; }

/* info page and contact table */

#touchbase {float:left}
.contacttable {margin:10px 10px 10px 0 }
.contacttable td.c1 { text-align:right; font-size: 12px; color: #999; font-weight: bold; width: 60px; padding: 3px; border-radius:5px; -moz-border-radius: 5px; background-color: #EEE; border: 1px solid #CCC; }
.contacttable td.c2 { text-align:left; color: #FFF; padding: 3px 5px; background-image: url(../assets/images/cssbackgrounds/bannerlistbackground.png); border-radius:5px; -moz-border-radius: 5px; font-weight: normal; letter-spacing: 0.1em; }
.contacttable img { margin:25px 5px }

.about {padding:10px; text-align:left;}
.about p{ padding:0 0 20px 0; }
.about ul{ width:350px; position:relative; top:-14px; left:150px; border-left:1px solid #666; padding-left:10px; list-style:none; }
.about ul li {padding-bottom:3px;}