/* body */
/* dark green #425214 */
/* pale green #F0F5DF */
/* dark red #9D0119 */
    body {
        font-family: Georgia, Garamond, Palatino Linotype, Palatino, serif;
	background-color: #425214;
    }
    td {
        vertical-align: top;
    }
    img {
	border: 0px;
    }
    #container {
        width: 980px;
        border: 0px solid silver;
        margin: 0px;
        padding: 0px;
	background-color: white;
    }
    #mainbanner {
        width: 980px;
        margin: 0px;
        padding: 0px;
	height: 140px;
	position: relative;
	background-color: #F0F5DF;
	background:url(lluniau/craidd/banner_bg2.jpg);
    }
    #mainbanner img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
	margin-left: 170px;
	margin-top: 5px;
    }
#mainbanner h1 {
    font-size: 44pt;
    font-weight: normal;
    text-align: left;
    margin:0px;
    padding:0px;
    padding-left: 180px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
#mainbanner h2 {
    font-size: 14pt;
    margin:0px;
    padding:0px;
    padding-left: 240px;
    margin-top: -10px;
    color: #4B5928;
    font-style: italic;
    font-weight: bold;
    text-align: left;
}
    #fliplang {
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
    }
    #topmenu #fliplang a{
        color: #9D0119;
	text-decoration: none;
    }
    #topmenu #fliplang a:hover{
        color: #3e447d;
	text-decoration: none;
    }
    #topmenu {
        width: 150px;
        clear: right;
        float:right;
        text-align:left;
	position: absolute;
	top:6px;
	z-index:2;
	left:10px;
    }
    #topmenu a {
        color: #4B5928;
        font-size: 12pt;
        font-weight: bold;
        text-decoration: none;
	font-family: Georgia, Arial;
    }
    #topmenu a:hover {
        color: #3e447d;
    }
    #leftarea {
	width: 200px;
	font-family: Georgia, Arial;
	background: url(lluniau/craidd/ms_bg3.jpg);
    }
    #leftarea h2 {
        margin: 0px 0px 0px 20px;
        padding:0px;
        color: #8d4d37;
	font-size: 18pt;
	text-decoration: none;
    }
    #leftarea h2 a {
        color: #8d4d37;
	text-decoration: none;
    }
    #leftarea h2 a:hover {
        color: #3e447d;
    }
    #leftarea ul#level2menu {
        list-style-type: none;
        margin-left: 10px;
	padding-left:0px;
        margin-top: 10px;
    }
    #leftarea ul#level2menu li a {
        color: #000000;
        font-size: 12pt;
        font-weight: bold;
        text-decoration: none;
	
    }
    #leftarea ul#level2menu li {
	padding-top:5px;	
    }
    #leftarea ul#level2menu li a:hover {
        color: #3e447d;
    }

    #leftarea ul#level2menu li ul.level3menu {
        list-style-type: none;
        margin-left: 20px;
	padding-left:0px;
        margin-top: 0px;
    }
    #leftarea ul#level2menu li ul.level3menu li a {
        color: #000000;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
    }
    #leftarea ul#level2menu li ul.level3menu li a:hover {
        color: #3e447d;
    }

    #bodytable {
        width: 980px;
        border-collapse: collapse;
    }
    #maincontent {
        border-left: 3px solid silver;
        width: 800px;
        font-family: Georgia, Gill Sans MT, Arial, Helvetica, sans-serif;
        padding: 10px 20px;
        font-size: 11pt;
        text-align: justify;
    }
    #maincontent h1,h2,h3 {
        font-family: Georgia, Garamond, Palatino Linotype, Palatino, serif;
        color: #3e447d;
        margin:0px;
        padding: 0px;
    }
    #maincontent h1 {
        font-size: 22pt;
        margin: 10px 0px;
    }
    #maincontent h2 {
        font-size: 18pt;
        margin: 10px 0px;
    }
    #maincontent h3 {
        font-size: 14pt;
        margin: 10px 0px;
    }
    #maincontent a {
        color: #3e447d;
    }
    #maincontent a:hover {
        color: #8d4d37;
    }
    #maincontent a:visited {
        color: Purple;
    }
    #rightarea {
        width: 200px;
    }
    #maincontent .userhigh {
        font-weight: bold;
        color: #8d4d37;
        font-style:italic;
    }
    #maincontent .userhighbox {
        border: 1px solid #8d4d37;
        color: #3e447d;
        padding: 5px 10px;
        margin:10px 80px 10px 80px;
    }
    #ixbodytable {
	clear:both;
    }
    #ixbodytable #maincontent {
        border: 0px solid silver;
	width: 980px;
	margin: 0px;
	padding: 0px;
	
    }
    #footer {
        width: 980px;
        height: 50px;
        margin: 20px 0px 10px 0px;
    }
    #footer img {
	border: 0px;
    }
    #copyright {
	background-color: #F0F5DF;
	text-align: center;
	color: #444;
	font-size: 10pt;
	padding: 5px 0px;
    }
    #footercredits {
        margin:15px 0px 15px 0px;
        text-align: centre;
	color: #ddd;
    }
    #footercredits a {
        font-size: 8pt;
        font-family: Arial, Helvetica, sans-serif;
        color: #eee;
        text-decoration: none;
    }
    #footercredits a:hover {
        color: #8d4d37;
        text-decoration: underline;
    }
    #pic1 {
        float:right;
        color: #777;
        font-size: 10pt;
        font-style: italic;
        text-align: center;
        padding:5px;
        margin: 10px 0px 10px 10px;
    }
    #pic2 {
        float:left;
        color: #777;
        font-size: 10pt;
        font-style: italic;
        text-align: center;
        padding:5px;
        margin: 10px 10px 10px 0px;
        border: 1px solid #777;
    }

a.editlinkhigh {
	padding: 1px 2px 1px 5px;
	background: Yellow;
	border: 1px solid Navy;
	color: #b10045;
	font-weight: normal;
	text-decoration: none;
	font-size: 75%;
}
a:hover.editlinkhigh {
	background: Pink;
	color: Purple;
	text-decoration: underline;
}
div.usersidebox {
	float: right;
	width: 200px;
	color: white;
	background-color: #3093ce;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}
div.usersidebox a{
	color: white;
}
div.usersidebox a:hover{
	color: yellow;
}
.userhigh {
	font-weight: bold;
	color: Black;
}
div.userhigh2 {
	background-color: #aaa;
	width: 90%;
	padding: 8px;
	font-size: 125%;
	color: Navy;
	border-top: 2px solid black;
	}
div.userhigh3 {
	background-color: #ccc;
	width: 28%;
	padding: 8px;
	font-size: 115%;
	color: Navy;
	border-top: 2px solid black;
	clear: right;
	float: left;
	margin-right: 5%;
	display: inline;
}
.userlow {
	font-weight: normal;
	color: #666666;
}
.userblue {
	font-weight: normal;
	color: #2D437C;
}
div.userhighbox {
	color: #ffffff;
	background-color: #cdcee0;
	padding: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #bbbbbb;
}
div.userhighbox h2{
	font-size: 125%;
	font-weight: bold;
	margin: 0px;
	padding:0px
}
div.userhighbox h3{
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
	padding:0px
}
div.userhighbox a{
	color: white;
	font-weight: bold;
}
div.userhighbox2 {
	color: #222222;
	background-color: #cccccc;
	font-style: italic;
	padding: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #2d447a;;
}
div.userhighbox2 h2{
	font-size: 125%;
	font-weight: bold;
	margin: 0px;
	padding:0px
}
div.userhighbox2 h3{
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
	padding:0px
}
div.userhighbox3 {
	color: #808080;
	padding: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0px solid #bbbbbb;
}
#adminmenu li a {
	text-decoration: none;
	font-size: 120%;
	color: Navy;
}
#adminmenu li a:hover {
	color: Maroon;
}
div.indent {
	margin-left: 50px;
	margin-right: 50px;
}
div.loggedin {
	color: Maroon;
	background-color: White;
	font-size: 11px;
	padding: 2px;
}
div.loggedin a{
	color: Maroon;
	font-size: 11px;
}
div.loggedin a:hover{
	color: #2D437C;
}
a#adminlink {
	color: #aaa;
	font-size: 8px;
}

div.userhysbyseb {
	background-color: white;
	color: #2D437C;
	padding: 5px;
	text-align: center;
	border: 2px solid Gold;
}
.userbig {
	font-size: 150%;
}
div.userhysbyseb h2{
font-size: 18px;
font-weight: bold;
color: Maroon;
padding:0px;
margin:0px;
}
.capimage_caption {
	font-size: 90%;
	font-style: italic;
	color: black;
}
.userbig {
	font-size: 125%;
}
.userbigger {
	font-size: 150%;
}
.usersmall {
	font-size: 80%;
}
.usersmaller {
	font-size: 66%;
}
div.editblock {
	border: 1px dotted #cccccc;
	clear: both;
}
div.editblock a.editlink {
	font-size: 9px;
	color: #333333;
	background-color: #ffcccc;
	border: 1px solid #993399;
	padding: 0px 2px 1px 2px;
	text-decoration: none;
}
div.editblock a.editlink:hover {
	color: White;
	background-color: #339933;
}
.loggedin {
	
}
.gallerycaption {
	text-align: center;
	font-size: 9pt;
	color: #ccc;
	clear: left;
	margin:4px 0px 4px 0px;
	padding: 0px;
}
div#index-news table {
    width: 550px;
}
div#index-news table td{
    font-size: 9pt;
    color:#333;
}
div#index-news table td.newshead{
    font-weight: bold;
    font-size: 11pt;
    color:#003333;
}
p#paging {
    padding-left: 20px;
    
}
p.morelink a {
    color: #003333;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}
#searchbox {
    float:left;
    padding-top:10px;
    padding-left: 0px;
    width: 140px;
}
#searchbox form, #poemsearchbox form {
    display: inline;
}
.userquote {
    padding-left:250px;
}
#lev3xmenu {
    border: 1px solid silver;
    padding: 3px;
    background-color: #C6D3E3;
    color: #555;
}
#lev3xmenu a, #lev3xmenu a:visited{
    color: Maroon;
    text-decoration: none;
}
#lev3xmenu a:hover{
    color: Navy;
}
.userhibox2 {
    float:left;
    width: 300px;
    border: 1px solid silver;
    margin: 10px 10px 10px 0px;
    padding: 3px;
    background-color: #C6D3E3;
    font-size: 9pt;
    
}
.userhibox2r {
    float:right;
    width: 300px;
    border: 1px solid silver;
    margin: 10px 0px 10px 10px;
    padding: 3px;
    background-color: #C6D3E3;
    font-size: 9pt;
    
}

.notransmsg {
    background-color: yellow;
}
    #ixbodytable {
	clear:both;
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
    }
    #ixbodytable #maincontent {
        border: 0px solid silver;
	width: 980px;
	margin: 0px;
	padding: 0px;
	
    }

#ixleft {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    clear: both;
    width: 550px;
    float: left;
    padding-right: 10px;
    background-color: #770214;
    padding:10px;
    border: 2px solid #770214;
    height: 520px;
}
#ixright {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    clear: right;
    width: 430px;
    float: left;
    background: url(lluniau/craidd/ms_bg2.jpg);
    padding: 10px;
    border: 2px solid #770214;
    height: 520px;
}
#ixright #ixrightguto {
    width: 400px;
    border: 1px solid #444;
    color: #4B5928;
    background-color: white;
    height:110px;
}
#ixright #ixrightguto .guto2 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width:196px;
    padding: 5px 2px;
    float: left;
    background-color: white;
    padding-left: 10px;
}
#ixright #ixrightguto .guto2 a{
    color: #4B5928;
    text-decoration: none;
    font-weight: bold;
    font-size: 12pt;
}
#ixright #ixrightguto .guto2 a:hover{
    color: #990116;
}
#ixrightanim {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    background: url(lluniau/craidd/ixanim.jpg);
    background-repeat:no-repeat;
    width:400px;
    height:112px;
    border: 1px solid #444;
    margin-top: 10px;
    text-align: left;
}
#ixanim2 {
 color: #4B5928;
 width: 250px;
 font-style: italic;
 margin: 10px 0px;
 padding-left: 10px;
}
#ixrightguto h3 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 100%;
    background-color: #990116;
    color: white;
    margin: 0px;
    padding: 5px;
}
#ixrightanim h3 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    color: white;
    margin: 0px;
    padding: 5px;
    background-color: none;
}
ul#ixmenup1, ul#ixmenup2 {
     list-style-type: none;
        margin-left: 0px;
	padding-left:0px;
        margin-top: 0px;
   
}
ul#ixmenup1 {
clear: left;
float: left;
}
 ul#ixmenup2 {
clear: right;
float: left;
}

#ixmap {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border: 1px solid silver;
    padding: 0px;
    width: 400px;
    background: url(lluniau/craidd/ixmap.jpg);
    background-repeat: no-repeat;
    border: 1px solid #444;
    height: 249px;
    margin-top: 10px;
}
#ixmap a {
    text-decoration: none;
}
#ixmap p {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 15pt;
    color: white;
    padding-top: 214px;
    padding-left: 10px;
}
#ixmenup1 div.ixmenud {
    float: left;
    clear: left;
    margin: 3px 15px 10px 3px;
    padding: 0px;
    border: 1px solid #770214;
    background-repeat: no-repeat;
    width: 250px;
    height:111px;
}
#ixmenup2 div.ixmenud {
    float: left;
    clear: left;
    margin: 3px 0px 10px 0px;
    padding: 0px;
    border: 1px solid #770214;
    width: 250px;
    height:111px;
}
#ixmenup1 li a, #ixmenup2 li a {
    text-decoration: none;
}
div.ixmenud {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 250px;
    height:111px;
    border: 1px solid #770214;
}
div.ixmenud h3 {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    font-size: 19px;
    width: 150px;
    text-align: left;
}
div.ixmenud p {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    font-size: 13px;
    width: 150px;
}
p.ixmenuh {
    font-size: 14pt;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}
#ixrhoddion {
    border: 1px solid silver;
    padding: 5px;
}
#ixrhoddion h3 {
    padding: 0px;
    margin: 0px;
}
#ixrhoddion p {
    padding: 0px;
    margin: 0px;
}
.ixrhodd {
    width: 100px;
    float: left;
}
.googlemap_listitem {
	font-size: 9pt;
	text-align: left;
	
}
#googlemap_listing {
	width: 180px;
	border: 1px solid silver;
	clear: right;
	float: right;
}
#mapcontainer {
	margin-top: 10px;
}
#animnotes h3 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    text-align:left;
    font-size:13pt;
    
}
#animnotes {
    font-size:10pt;
    text-align: left;
}
#animnotes .indent {
    margin-left: 25px;
    margin-right: 10px;
}
/* poem line css from database site */
.CH-line-even {position: relative; left:-11px;}
.CH-line-odd {position: relative; left:-25px;}
.quote2col #content .CH-line-even {margin-left:15px; position: inherit; left:0px;}
.quote2col #content .CH-line-odd {margin-left:0px; position: inherit; left:0px;}
.clog-line-first {position: relative; left:-10px;}
.clog-line-second {position: relative; left:-10px;}
.clog-line-third {position: relative; left:-35px;}
.clog-line-fourth {position: relative; left:15px;}
.CNB-line {position: relative; left: -22px;}
.cywydd-line {position: relative; left:-5px;}
.cywydd-line-1 {position: relative; left:-5px;}
.cywydd-line-first {position: relative; left:13px;}
.EP-line {position: relative; left:-5px;}
.EUU-line-first {position: relative; left: -35px;}
.EUU-line-second {position: relative; left: 15px;}
.EUU-line-third {position: relative; left: 0px;}
.EUU-line-fourth {position: relative; left: 0px;}
.TC-line {position: relative; left: -10px;}
.line {position: relative; left:-5px;}

.quote2col td{
    width: 50%;
    margin-left: 75px;
    margin-right: 20px;
        font-size: 11pt;
}
.quote2col td.q2colr{
    font-style: italic;
}
#animnotestext {
    padding-right: 10px;
}
.cerdd_raw {
    float: left;
    clear: both;
    width: 330px;
    padding-left:50px;
}
.cerdd_arall, .cerdd_eng {
    float: left;
    clear: right;
    width: 330px;
    font-style: italic;
}
.cerdd_num {
    text-align:right;
    padding-right: 40px;
    margin: 0px;
}
a.external { background: url(lluniau/craidd/external.png) center right no-repeat; padding-right: 13px; }
#footnotes h3 {
    font-style: italic;
    font-weight: normal;
    font-size: 10pt;
    color: #444;
}
#footnotes {
  font-size: 10pt;
  border-top: 1px solid #777;
  margin-top: 5px;
  padding-top: 5px;
  margin-bottom: 10px;
  clear:both;
}
.patron .title {
         font-family: Georgia, Garamond, Palatino Linotype, Palatino, serif;
        color: #3e447d;
        margin:0px;
        padding: 0px;
        font-size: 18pt;
        margin: 10px 0px;
}
.fldlabel {
    color: #555;
    font-style: italic;
}
div.title {
    font-size: 14pt;
         font-family: Georgia, Garamond, Palatino Linotype, Palatino, serif;
        color: #3e447d;
        margin:0px;
        padding: 0px;
    font-weight: bold;
}
#timeline {
    border: 1px solid #777;
    border-collapse: collapse;
}
#timeline tr td {
    border: 1px solid #777;
    padding: 5px;
}