body { font-family: sans-serif;  }
body,html { font-family:  Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align:center; margin:0; padding:0px;  font-size:100%; background:#E5EAF0   }

a img{border:0px;}
img.picsm{border-bottom:10px solid #fff;}
a img.pic1{border:1px solid #fff}
a:hover img.pic1{border:1px solid #B61010}

 a {color:#9F781B }
  a:hover {color:#9F781B; text-decoration:none;}
  
  #header a {color:#E5EAF0 }
    #header a:hover {color:#E5EAF0; text-decoration:none;}



#title{width:206px; height:33px; float:left; background:#fff; font-size:.7em; }
.styleswitch{margin:7px; background:#F1F4F8; padding:3px 0 3px 2px;}
#header .styleswitch a{color:#666; text-decoration:none;}
#header .styleswitch a:hover{color:#666; text-decoration:underline;}

.titlebar{width:800px; height:40px; background: url(../img/grainne_txt2.gif); font-size:.1em; color:#E5EAF0}

.clear{	clear:both;}
#holder{	width:800px; margin:auto;padding:40px 0 0 0;}

#header{text-align:left;}
#menubar{height:33px; width:800px; text-align:left; margin:5px 0 0 0}
#maincontentweb{margin-top:13px;  text-align:left;}
#maincontenthome{margin-top:13px;  text-align:left;}
#maincontentillus{margin-top:13px;  text-align:left;}
#maincontentmisc{margin-top:13px;  text-align:left;}
#maincontentcontact{margin-top:13px;  text-align:left;}
#maincontentabout{margin-top:13px;  text-align:left;}
#footer{background:#fff; height:34px; text-align:left; font-size:.7em; }
.footleft{float:left;width:300px; padding:10px}
.footright{float:right;width:300px; padding:10px; text-align:right;}

#maincontentweb .col1{width:236px; float:left; border:10px solid #fff; height:319px; background:#F3E6ED}
#maincontentweb .col2{width:315px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff }
#maincontentweb .col3{width:187px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#E8CDDB; }

#maincontenthome .col1{width:236px; float:left; border:10px solid #fff; height:319px; background:#FAF3F6}
#maincontenthome .col2{width:315px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff }
#maincontenthome .col3alt{width:187px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff; }



#maincontentillus .col1{width:236px; float:left; border:10px solid #fff; height:319px; background:#F8E7E7}
#maincontentillus .col2{width:315px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff }
#maincontentillus .col3{width:187px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#F0CFCF; }

#maincontentmisc .col1{width:236px; float:left; border:10px solid #fff; height:319px; background:#FCF5EB}
#maincontentmisc .col2{width:315px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff }
#maincontentmisc .col3alt{width:187px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#FAEBD9; }

#maincontentabout .col1{width:236px; float:left; border:10px solid #fff; height:319px; background:#F5F1E8}
#maincontentabout .col2{width:315px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff }
#maincontentabout .col3{width:187px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#ECE4D1; }

#maincontentcontact .col1{width:236px; float:left; border:10px solid #fff; height:319px; background:#EEF3EA}
#maincontentcontact .col2{width:315px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff }
#maincontentcontact .col3{width:187px; float:left; margin:0 0 0 1px; border:10px solid #fff; height:319px; background:#fff }


#mainmenu{width:592px; float:left; margin:0 1px 0 0;}


.scrolltext2{margin:0; padding:0;  z-index: inherit;  width:186px;height:319px;overflow:auto;}


.col3alt ul{margin:0; padding:0;   }
.col3alt ul li{	margin:0; padding:0; list-style-type: none; line-height:180%; font-size:.7em; border-bottom:1px solid #fff; }
.col3alt ul li a{text-decoration:none; color:#000; display:block; padding:0 0 0 2px}
.col3alt ul li a:hover{text-decoration:none; color:#8E074D}
.col3alt ul li a.on{text-decoration:none; color:#8E074D; background:#fff; font-weight:bold}

#maincontentmisc .col1 a{text-decoration:none; color:#B0762B}
#maincontentmisc .col1 p.screen{text-decoration:none; color:#B0762B}
#maincontentmisc .col1 .num{ color:#B0762B}

#maincontentmisc .col3alt a:hover{text-decoration:none; color:#E59D3F}
#maincontentmisc .col3alt a.on{text-decoration:none; color:#E59D3F; background:#fff; font-weight:bold}

#maincontentillus .col3 a:hover{text-decoration:none; color:#B61010}
#maincontentillus .col3 a.on{text-decoration:none; color:#B61010; background:#fff; font-weight:bold}

#maincontentabout .col3 a:hover{text-decoration:none; color:#AA8837}
#maincontentabout .col3 a.on{text-decoration:none; color:#AA8837; background:#fff; font-weight:bold}

.col3 ul{margin:0; padding:0;  z-index: inherit;  width:186px;height:319px;overflow:auto;}
.col3 ul li{	margin:0; padding:0; list-style-type: none; line-height:180%; font-size:.7em; border-bottom:1px solid #fff; }
.col3 ul li a{text-decoration:none; color:#000; display:block; padding:0 0 0 2px}
.col3 ul li a:hover{text-decoration:none; color:#8E074D}
.col3 ul li a.on{text-decoration:none; color:#8E074D; background:#fff; font-weight:bold}

p{margin:0 0 5px 0; padding:0; line-height:140%; font-size:.7em}
.textarea{padding:10px}

h2{font-size:.9em; margin:0 0 3px 0; padding:0 0 3px 0; font-family:arial,verdan,sans-serif;  }

#maincontenthome h2{ color:#D089A5; border-bottom:1px solid #D089A5  }
#maincontenthome h3{font-size:.8em; margin:5px 0 0 0; padding:0 0 2px 0; font-family:arial,verdan,sans-serif; font-weight:normal; color:#666; border-bottom:1px solid #666; font-weight:bold;}

h4.web{color:#990066;}
h4.misc{color:#E59D3F;}

h4{font-size:.7em; margin:0; padding:0 0 2px 0; font-family:arial,verdan,sans-serif; font-weight:bold; }
#maincontentweb h2{color:#8E074D; border-bottom:1px solid #8E074D  }
#maincontentweb h3{font-size:.8em; margin:5px 0 5px 0; padding:0 0 2px 0; font-family:arial,verdan,sans-serif; font-weight:normal; border-bottom:1px solid #000;;}

#maincontentillus h2{color:#B61010; border-bottom:1px solid #B61010  }
#maincontentillus h3{font-size:.8em; margin:5px 0 5px 0; padding:0 0 2px 0; font-family:arial,verdan,sans-serif; font-weight:normal; border-bottom:1px solid #000;;}

#maincontentmisc h2{ color:#E59D3F; border-bottom:1px solid #E59D3F  }
#maincontentmisc h3{font-size:.8em; margin:0; padding:3px; font-family:arial,verdan,sans-serif; font-weight:bold; border-bottom:1px solid #000; background:#E59D3F; color:#fff;}

#maincontentabout h2{color:#9F781B; border-bottom:1px solid #9F781B  }
#maincontentabout h3{font-size:.8em; margin:5px 0 5px 0; padding:0 0 2px 0; font-family:arial,verdan,sans-serif; font-weight:normal; border-bottom:1px solid #000;;}

#maincontentcontact h2{color:#5C8B2F; border-bottom:1px solid #5C8B2F  }
#maincontentcontact h3{font-size:.8em; margin:5px 0 5px 0; padding:0 0 2px 0; font-family:arial,verdan,sans-serif; font-weight:normal; border-bottom:1px solid #000;;}


span.num{ color:#AF1C68; }
span.num a{color:#AF1C68; text-decoration:none;font-weight:bold; }
span.num a:hover{color:#AF1C68;text-decoration:underline}
p.screen{color:#AF1C68; padding:0; margin:0 0 4px 0; line-height:100%; font-family: Arial, Verdana, Geneva,  Helvetica, Sans-Serif; }

.link { background-image: url(../img/arrow.gif);  background-repeat: no-repeat; padding:0 0 0 15px }
.link a{color:#AF1C68; font-size:.8em; text-decoration:none;font-family: Arial, Verdana, Geneva,  Helvetica, Sans-Serif; font-weight:bold}
.link a:hover{color:#AF1C68; text-decoration:underline}
.screenoutside{ height:319px; width:315px;  float:left;  overflow: auto;  }
.screeninside{ }

 
 /* NAVBAR */

#navbar{	list-style: none;	height: 33px;	margin:0;}
ul#navbar{margin:0; padding:0;}

#navbar li {	float: left;}

#navbar a {	display: block;	height: 0;		padding-top: 33px;	border: none;	font-size: 1px;	text-indent: 0px;	background-repeat: no-repeat;}

li.home, li.home a {	width: 82px; background-image: url(../img/menu_home2.gif);}
li.home, li.homeon{margin:0 1px 0 0}
li.homeon, li.homeon a {	width: 82px; background-image: url(../img/menu_homeon.gif);}

li.web, li.web a {width: 63px; background: url(../img/menu_web2.gif) no-repeat;}
li.web, li.webon{margin:0 1px 0 0}
li.webon, li.webon a {width: 63px; background: url(../img/menu_webon.gif) no-repeat;}

li.illus, li.illus a {width: 120px;background-image: url(../img/menu_illus2.gif);}
li.illus, li.illuson{margin:0 1px 0 0}
li.illuson, li.illuson a {width: 120px;background-image: url(../img/menu_illuson.gif);}

li.misc, li.misc a {width: 145px;	background-image: url(../img/menu_misc2.gif);}
li.misc, li.miscon{margin:0 1px 0 0}
li.miscon, li.miscon a {width: 145px;	background-image: url(../img/menu_miscon.gif);}

li.about, li.about a {width:77px;	background-image: url(../img/menu_about2.gif);}
li.abouton, li.abouton a {width:77px;	background-image: url(../img/menu_abouton.gif);}
li.about,li.abouton{margin:0 1px 0 0}

li.contact, li.contact a {width: 100px;	background-image: url(../img/menu_contact2.gif);}
li.contact, contacton {margin:0;}
li.contacton, li.contacton a {width: 100px;	background-image: url(../img/menu_contacton.gif);}

#navbar li {	background-position: 0px -33px;	background-repeat: no-repeat;}

#navbar a:hover {	background: none;}