/* site-specific css */
/* http://colorschemedesigner.com/#1521v1BsOw0w0 */
/* Palette color codes */
/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #E6E2DA }
.primary-2 { background-color: #ACAAA6 }
.primary-3 { background-color: #957F47 }
.primary-4 { background-color: #F2F0E9 }
.primary-5 { background-color: #F2F0EC }

.complement-1 { background-color: #97989D }
.complement-2 { background-color: #727376 }
.complement-3 { background-color: #313866 }
.complement-4 { background-color: #C8C8CE }
.complement-5 { background-color: #C9CACE }
/* end */
body {	font-family: 'Source Sans Pro', Tahoma, Arial, Helvetica, sans-serif;
      font-size: 62.5%;
      text-align:-moz-center;
      background-color:#E1E1E1;
      padding:0px;
      margin-top: 0.5em;}
td {
    vertical-align: top;
}
img {
    border: 0;
    padding: 0;
}

/* wrapper */
#container {width:100%; max-width: 100em; text-align:center; padding: 0px; margin:auto;  background-color:white; clear:both;border: 0.2em solid #9C7956;}
.uarehere {background-color:#003333; color:white}
h1,h2,h3 {color: #375861; font-weight: normal;}
h1{font-size:2em; text-align:left;  margin-bottom:0.4em;}
h2{font-size:1.6em; text-align:left;  font-weight: bold; margin-top:0.7em; margin-bottom:0.4em;}
h3 {text-align:left ; font-size:1.3em; margin-top:0.5em; margin-bottom:0.3em;}

#banner {
    background-color: #F2F0E9;
    background: url(lluniau/craidd/banner_bg.jpg);
    background-repeat: no-repeat;
    color: #313866;
    text-align: center;
    margin-top: 0;
    padding: 0;
    width: 100%;
    height: 14em;
}
#banner h1 {
    padding-top: 2em;
    margin: 0;
   font-size: 3.3em;
    color: #F2F0E9;
    font-weight: normal;
    display: inline;
      padding-left: 2%;
}
h1#bannerdesc{
      font-size: 2.2em;
      color: #375861;
      padding-left: 2%;
      padding-top: 0.5em;
}
#banner h2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.0em;
    display: inline;
    color: #5C5A5A;
}

#banner h3 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5em;
    font-weight: normal;
    display: inline;
}
#bannerphone{
      font-size: 2.0em;
      color: #375861;
      margin-top: 0.2em;
      padding-left: 2%;
      font-weight: normal;
}
#bannerimg img {
      margin-top: 1em;
      clear: both;
      float:left;
      width: 100%;
      padding: 0;
}
#maincontent {
    padding: 0 1.0em 1.0em 1.0em;
    margin: 0;
    text-align: left;
    font-size: 1.6em;
    clear:both;
}
#maincontent a {
      color: #87521B;
}
#maincontent a:hover {
      color: #367182;
}
#maincontent h1 {
      padding-top: 0.5em;
}
#leftarea {
   width: 65%;
   float: left;
   border-right: 0px solid #aaa;
    font-size: 1.0em;
    min-height: 30em;
}
#rightarea {
    font-size: 1.5em;
    border: 1px solid #87521B;;
    border-right: 0px solid #87521B;;
    padding: 0em 1.0em;
    width: 30%;
    float: right;
    clear: right;
    min-height: 30em;
    margin:0.0em 0 1.0em 0;
    text-align: left;
    background-color: #DEE9F0;
    background-color: #D9B1B1;
}
#rightarea h2 {
    margin: 0px;
    padding: 0px;
    color: #573513;
    font-weight: normal;
}

#rightarea .testimonial {
      font-size: 90%;
      color: #333;
      padding: 0.5em;
      margin-top: 0.5em;
    background-color: 	#BCDFE9;
}
#fliplanglink{
      float: right;
      padding-right: 1.0em;
      padding-top: 0.3em;
      font-size: 1.8em;
}
#fliplanglink {
      color: Maroon;
      font-weight: normal;
      text-decoration: none;
}
#fliplanglink:hover{
      color: Maroon;
      font-weight: bold;
      text-decoration: underline;
}
#credits {
	font-size: 1.0em;
	color: #888;
	text-align: left;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	text-align: right;
	padding-right: 1.0em;
}
#credits a{
	color: #888;
	text-decoration: none;
}
#credits a:hover{
	color: #87521B;
	text-decoration: hover;
}
#footer {
      background-color: #E8B47F;
      padding: 0.5em;
      color: #000;
      font-size: 1.8em;
}
#tagline {
      font-weight: bold;
      font-size: 1.3em;
}
p.morelink {
      text-align: right;
}
.loggedin {
	
}

div#index-news table {
    width: 300px; border: 0px solid silver; border-collapse: collapse; padding: 4px;
}
div#index-news table td{
    font-size: 0.9em;
    color:#333;
    background-color: none;
    padding: 2px;
    border-top: 1px solid silver;
}
div#index-news table td.newshead{
    font-weight: normal;
    font-size: 1.5em;
    color:#573513;
    padding: 2px;
}
.notloggedin {
      color: #fff;
      font-size:8pt;
      float: right;
      padding-top: 15px;
}
.notloggedin a {
      color: #eee;
}
.righthigh {
      border: 0.1em solid silver;
      background-color: Ivory;
      color: black;
      padding: 0.5em;
      font-size: 90%;
}
.righthigh h2 {
      margin-top: 0;
      padding-top: 0;
}

#selpubsdiv {
    background-color: #ccc;
    border: 1px solid #444;
    padding: 0.5em;
}
#searchhead {
    padding: 0.5em;
    font-weight: bold;
    border-bottom: 1px solid #444;
    margin-bottom: 0.5em;
}
span.highlighter {
    background-color: yellow;
    color: Maroon;
    padding: 0px 3px;
}
div.pdfsearchresult {
    margin-bottom: 1.5em;
}
div.pdfsearchresult p{
    margin-bottom: 0.5em;
    font-size: 0.9em;
}
/************** mainmenu dropdown *********/

* 									{ margin: 0; padding: 0; }
#mainmenu {
    background-color: #fff;
    width: 100%;
    font-family:'Source Sans Pro', Tahoma, serif;
      border-top: 2px solid #605a77;
      margin-bottom: 0px;
      margin-left:0.0em;
}
#mainmenu a									{ text-decoration: none; }
#mainmenu ul									{ list-style: none; }

/* 
	LEVEL ONE
*/
#mainmenu ul.dropdown                         { position: relative; }
#mainmenu ul.dropdown li                      {  border: 0.0em solid #fff; float: left;  font-size: 1.4em; color: #3F3F7F;   padding: 0.3em 0.7em;}
#mainmenu ul.dropdown a               { border-top: 0px solid #eee; font-weight:normal; color: #fff;}
#mainmenu ul.dropdown a:hover		            { color: #87521B; border-top: 0px solid #777;}
#mainmenu ul.dropdown a:active                { color: #000;}
#mainmenu ul.dropdown li a                    { display: block;  border-right: 0px solid #333;
	 								  color: #3F3F7F; font-size: 1.4em;}
#mainmenu ul.dropdown li #uarehere                    { display: block;  border-right: 0px solid #333;
	 								  color: #87521B; font-size: 1.4em; font-weight: bold;}

#mainmenu ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#mainmenu ul.dropdown li.hover,
#mainmenu ul.dropdown li:hover                {  color: #87521B; position: relative; }
#mainmenu ul.dropdown li.hover a              { color: #87521B; }


/* 
	LEVEL TWO
*/
#mainmenu ul.dropdown ul 						{ visibility: hidden; position: absolute; top: 100%;  width:15em; float:left; text-align: left; left:0px;}
#mainmenu ul.dropdown ul li 					{ font-weight: normal; 
       background-color:rgba(255, 255, 255, 0.90);   padding: 0.1em 0.1em;
									  border-bottom: 0px solid #8B6719; float: none;
      border: 0.1em solid #D09253;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
#mainmenu ul.dropdown li ul.sub_menu li a					{ color: #232968; border-right: none; width: 100%; font-size:1.0em; padding-left: 2px; border-top: 0px;} 
#mainmenu ul.dropdown li ul.sub_menu li a					{ border-right: none; width: 100%; display: inline-block; font-size:0.8em;} 
#mainmenu ul.dropdown li ul.sub_menu li a:hover					{ color: #111;  border-top: 0px solid #eee;} 
#mainmenu ul.dropdown li  ul.sub_menu li #uarehere                    { display: block;  border-right: 0px solid #333; font-size: 0.8em;}

/* 
	LEVEL THREE
*/
#mainmenu ul.dropdown ul ul 					{ left: 100%; top: 0; }
#mainmenu ul.dropdown li:hover > ul 			{ visibility: visible; }