body {margin: 0px; padding: 0px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; background: #FFFFFF url(../images/bg01.gif) repeat-x;}

a:active, a:link {color: #000000;}
a:visited {color: #444444;}
a:hover {color: #0066CC;}

#mainwrapper {}
#maincontent {width: 1000px; border-left: 2px solid #0066CC; border-right: 2px solid #666666; background-color: #FFFFFF;}

#ringbar {background-color: #333333; padding: 8px; font-size: 1em;}
#ringbar a:link, #ringbar a:active, #ringbar a:visited {color: #CCCCCC; text-decoration: none; padding: 8px 12px;; border-right: 1px solid black;}
#ringbar a:hover {background-color: #999999; color: #FFFFFF;}   

#toppage {height: 112px; background-color: #EEEEEE;}
.topbanner {width: 728px; height: 90px; margin-top: 10px; margin-right: 10px; float: right;}
#toplogo {margin-top: 25px; margin-left: 00px; float: left;}
#toplogo img {border: none}

#bodypage {}

#ABCcolWrapper {width: 695px; float: left;}
#ABCcolTop {height: 30px; margin-top: 5px; margin-bottom: 3px; background-color: #777777; color: #FFFFFF; }
#searchbox {text-align: right; margin-top: 5px; height: 30px; float: right; margin-right: 10px;}
#searchbox input {border:: 1px solid #FFFFFF; padding: 1px; font-size: 0.9em; background-color: #ffffbb;}
#searchbox select {border:: 1px solid #FFFFFF; padding: 0px; font-size: 0.9em; }

a.ttmTextAdvTitle {text-decoration: none; font-size: 1.5em; font-weight: bold; color: #666666; padding: 0px; margin: 0px; }
.ttmTextAdvCredits {color: #999999; font-size: 0.6em; text-align: right; text-transform: uppercase; font-style: italic;}

#colA {float: left; width: 160px; background-color: #F6F6F6; font-size: 0.9em; font-weight: bold; margin-top: 1px; overflow:hidden;}

.menuItemSelected a:link, .menuItemSelected a:active, .menuItemSelected a:visited {display: block; margin-bottom: 1px; text-decoration: none; padding: 4px 8px; color: #FFFFFF; background: #0066CC url(/public/images/bgmenu01.png) no-repeat bottom right}
 
.menuItem a:link, .menuItem a:active, .menuItem a:visited {display: block; margin-bottom: 1px; text-decoration: none; color: #000000; background-color: #99CCFF; padding: 4px 8px;}
.menuItem a:hover {color: #FFFFFF; background-color: #0066CC;}

.menuItem2 a:link, .menuItem2 a:active, .menuItem2 a:visited {display: block; margin-bottom: 1px; text-decoration: none; color: #000000; background-color: #CCCCCC; padding: 4px 8px; margin-top: 20px;}
.menuItem2 a:hover {color: #FFFFFF; background-color: #666666;}

.menuItemSpecial a:link, .menuItemSpecial a:active, .menuItemSpecial a:visited {display: block; margin-bottom: 1px; text-decoration: none; color: #FFFFFF; background-color: #DD0000; padding: 4px 8px; margin-top: 20px;}
.menuItemSpecial a:hover {color: #FFFFFF; background-color: #666666;}

.menuItemFeed a:link, .menuItemFeed a:active, .menuItemFeed a:visited {
	display: block; text-decoration: none; color: #FFFFFF; margin-top: 20px;
	padding: 4px 8px 4px 25px;
	background: #FF9900 url("/public/images/feed-icon-14x14.png") no-repeat 7px 50%;
}
.menuItemFeed a:hover {color: #FFFFFF; background-color: #666666;}

#feedhelp {padding: 8px; background-color: #DADADA; font-weight: normal;}

#colB {float: left; width: 370px; border-right: 1px dashed #EEEEEE;}

#ttmHomeArts {padding: 10px 15px;}
#ttmHomeList {padding:0px; margin: 0px; list-style-type: none;}
#ttmHomeList li {padding: 0px; margin: 0px; margin-bottom: 12px;}
#ttmHomeList a:hover {text-decoration: underline;}
a.ttmHomeArtTitle {text-decoration: none; font-size: 1.5em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
a.ttmHomeArtTitle2 {text-decoration: none; font-size: 1.4em; font-weight: bold; color: #555555; padding: 0px; margin: 0px; }
.ttmHomeArtAuthor {font-weight: bold; color: #DD0000;}
.ttmHomeArtDate {font-style: italic;}
.ttmHomeArtAbstract {margin-top: 5px;}

#ttmSectionArts {padding: 10px 15px;}
#ttmSectionArts h1 {display: none;}
#ttmSectionList {padding:0px; margin: 0px; list-style-type: none;}
#ttmSectionList li {padding: 0px; margin: 0px; margin-bottom: 12px;}
#ttmSectionList a:hover {text-decoration: underline;}
a.ttmSectionArtTitle {text-decoration: none; font-size: 1.5em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
a.ttmSectionArtTitle2 {text-decoration: none; font-size: 1.4em; font-weight: bold; color: #555555; padding: 0px; margin: 0px; }
.ttmSectionArtAuthor {font-weight: bold; color: #DD0000;}
.ttmSectionArtDate {font-style: italic;}
.ttmSectionArtAbstract {margin-top: 5px;}

#ttmSectionNav {margin-top: 20px; margin-bottom: 60px;}
#ttmSectionNav a {color: #000000; background-color: #99CCFF; display: block; padding: 4px 6px; text-decoration: none;}
#ttmSectionNav a:hover {color: #FFFFFF; background-color: #0066CC;}

.ttmHomeCitArts {padding:0px; margin: 0px; list-style-type: none;}
.ttmHomeCitArts li {margin-bottom: 12px;}
.ttmHomeCitArts a:hover {text-decoration: underline;}
.ttmHomeCitArts a:visited {text-decoration: none; color: #555555;}
a.ttmHomeCitArtTitle {text-decoration: none; font-size: 1.2em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
.ttmHomeCitType {font-size: 0.8em; text-transform: uppercase; color: #DD0000; }

#colBC {float: left; width: 530px; margin-bottom: 20px;}
#colBC h1 {padding: 0px; margin: 0px 0px 10px 0px;}

#ttmArt {padding: 10px 15px; margin-bottom: 20px;}
#ttmArt img {display: none;}
#ttmArtTitle {font-size: 1.7em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
#ttmArtSubTitle {font-size: 1.4em; font-weight: bold; color: #0066CC; padding: 0px; margin: 12px 0px; }
#ttmArtBody {margin-top: 5px;}
#ttmArtBody p {margin: 0px 0px 10px 0px; padding: 0px;}
.ttmAuthor {font-weight: bold; color: #DD0000;}
.ttmArtDate {font-style: italic;}

#ttmArtNav {margin-top: 20px;}
#ttmArtNav a {color: #000000; background-color: #99CCFF; display: block; padding: 4px 6px; text-decoration: none;}
#ttmArtNav a:hover {color: #FFFFFF; background-color: #0066CC;}

#ttmArtIndex {background-color: #FFFFFF; padding: 12px; padding-top: 52px; margin-bottom: 20px;}
#ttmArtIndex h2 {font-size: 1.2em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
#ttmArtIndex ul {padding: 0px 1.5em; margin: 10px 0px;}
#ttmArtIndex li {margin-bottom: 4px;}

#ttmCommentsLasts {background-color: #FFFFFF; padding: 12px; margin-top: 20px; margin-bottom: 20px;}
#ttmCommentsLasts h2 {font-size: 1.2em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
#ttmCommentsLasts ul {padding: 0px 1.5em; margin: 10px 0px;
	list-style: none;
	margin-left: -1em;
	padding-left: 1em;
}
#ttmCommentsLasts li {margin-bottom: 12px; border-left: 2px solid #DADADA;}

#ttmCommentsList {background-color: #FFFFFF; margin-top: 20px; margin-bottom: 20px;}
#ttmCommentsList h2 {font-size: 1.2em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
#ttmCommentsList ul {padding: 0px; margin: 0px ; list-style: none; }
#ttmCommentsList li {margin-bottom: 12px;}

.ttmCommentHeader {padding: 2px 4px; background: #99CCFF; font-style: italic; font-size: 0.8em;}
.ttmCommentHeader2 {padding: 2px 4px; background: #DADADA; font-style: italic; font-size: 0.8em;}
.tmmCommentMsg {padding: 8px 4px; background-color: #EEEEEE; border-top: 2px solid #DADADA;}
.tmmCommentMsg2 {padding-left: 4px; padding-bottom: 4px;}


#ttmInsertCommentBox fieldset {border: 1px solid #DADADA; background-color: #FFFFCC;}
#ttmInsertCommentBox legend { font-size:1.2em; font-weight:lighter; padding:0pt 4px;}
#ttmInsertCommentBox div label {display: block;}
#ttmInsertCommentBox div input {width: 200px}
#ttmInsertCommentBox div textarea {font-family: Verdana; font-size: 1em; width: 100%; height: 100px; padding: 3px;}

.ttmInsertCommentBoxRow {margin-bottom: 8px;}
.ttmInsertCommentBoxRow2 {display: none;}

#colC {float: right; width: 156px; font-size: 0.9em; }
#colD {float: right; width: 300px; background-color: #DDDDDD; }

#ttmSearch {padding: 10px 15px;}
#ttmSearchResulTxt {margin-bottom:20px; color: #DD0000;}
#ttmSearchAlert {margin-top:20px; text-align: center; color: #DD0000; font-size: 1.2em; font-weight: bold;}
#ttmSearchList {padding:0px; margin: 0px; list-style-type: none;}
#ttmSearchList li {margin-bottom: 12px;}
.ttmSearchArts a:hover {text-decoration: underline;}
a.ttmSearchArtTitle {text-decoration: none; font-size: 1.5em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }

#ttmSearchNav {margin-top: 20px;}
#ttmSearchNav a {color: #000000; background-color: #99CCFF; display: block; padding: 4px 6px; text-decoration: none;}
#ttmSearchNav a:hover {color: #FFFFFF; background-color: #0066CC;}


#ttmStaff {padding: 10px 15px;}
#ttmStaffList {padding:0px; margin: 0px; list-style-type: none;}
#ttmStaffList li {margin-bottom: 12px;}
.ttmStaffWorkerTitle {text-decoration: none; font-size: 1.5em; font-weight: bold; color: #0066CC; padding: 0px; margin: 0px; }
#ttmStaffList a {color: #0066CC; text-decoration: underline;}

#footerpage {color: #111111; padding: 12px 6px; border-top: 1px solid #333333;}

.clearfloat {clear: both;}

.indexBox {margin-top: 10px; margin-bottom: 10px; height: 0px;}
.zoombarwrap {position: absolute; width: 180px;	height: 62px; text-align: left;}
.zoombar {position: absolute;	width: 180px; height: 62px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/zoombar.png', sizingMethod='crop'); }		
html>body .zoombar { background: url('/public/images/zoombar.png'); }
.tooltip {background-color: #BD073A; color: #FFFFFF; font-family: verdana;	font-size: 11px; padding: 10px; }
.zoombar img {display: block;}

.debugPinkBorder {border: 1px solid pink}
.debugVioletBorder {border: 1px solid violet}
.debugRedBorder {border: 1px dashed red}

.errorMsg {color: #FF3300; padding: 12px; background-color: #EEEEEE;} 
.infoMsg {color: #339900; padding: 12px; background-color: #EEEEEE; margin-top: 20px;} 

.feed {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url("/public/images/feed-icon-14x14.png") no-repeat 0 50%;
}