body {margin: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #0079AA;	font-size: 12px;line-height: 18px;	background-color: #77B13A;background-image: url(library/Lismullin_background.jpg);background-position: top centre;background-repeat: repeat-x;}

td img {display: block;}

td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}


/*layout*/

#container{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	
}
	
	#topbanner{	width:100%;	height:294px;}
		#logoleft{width:626px;float:left;		}
		#imageright{width:314px;height:294px;float:right;background-image: url(library/Lismullin_images.jpg);}
	
#toplinks{
	width:100%;
	height:18px;
	text-align: right;
	color: #009933;
	font-weight: bold;
}



			
			#toplinks a:link{text-decoration: none;color: #009933;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;}
			#toplinks a:visited{text-decoration: none;color: #009933;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;}
			#toplinks a:active{text-decoration: none;color: #009933;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;}
			#toplinks a:hover{text-decoration: underline;color: #0079AA;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;}


#content1{
	width:100%;
	background-image: url(library/content_small_bg.jpg);
	background-repeat: repeat-x;
	
}

#content{width:100%;background-image: url(library/content_bg.gif);	margin-bottom:0px;padding-bottom:25px;}

	#leftcol{width:228px;height:auto;float:left;}
	
	#rightcol{width:708px;height:100%;background-image:url(library/rightcol_top.jpg);background-repeat:no-repeat;background-position: right top;
	 /*padding:15px;margin-left: 228px;*/ float:right;}

#footer	{
	width:100%;
	height:auto;
	text-align: center;
	margin-top:0px;
	font-size: 11px;
}


a:link{text-decoration: none;color: #FFFFFF;}
a:visited{text-decoration: none;color: #FFFFFF;}
a:active{text-decoration: none;color: #FFFFFF;}
a:hover{text-decoration: underline;color: #FFFFFF;}

/* text */
p{
	margin-left: 20px;
	margin-right: 40px;
	color: #666666;
	line-height: 18px;
	text-align: justify;
}
h1{
	margin-left: 18px;
	font-size: 20px;
	margin-top: 25px;
	color: #008fd5;
	font-weight: bold;
}

h2{
	margin-left: 20px;
	font-size: 16px;
	margin-top: 20px;
	color: #77b13a;
	font-weight: bold;
	line-height: 28px;
}

ul li {
	margin-left: 40px;
	margin-right: 40px;
	color: #666666;
	list-style-image: url();
	list-style-type: disc;
	line-height: 180%;
	padding-right: 20px;
	text-align: justify;
}
hr {
	margin-right: 40px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#rightcol a:link{text-decoration: underline;color: #999999;}
#rightcol a:visited{text-decoration: underline;color: #999999;}
#rightcol a:active{text-decoration: underline;color: #999999;}
#rightcol a:hover{text-decoration: underline;color: #77b13a;}













/****************STYLING THE AREAS PRODUCED BY THE cms*************************/

/*by leaving the following empty the tags will be styled from your regular tags*/

/*    STYLING THE LINKS PAGE(S)      */
h2.cms_links_cat{}/* Displays the links categories*/
p.cms_links{}/* Displays the actual link and description*/
a.cms_links{}/*Displays the actual links*/
p.cms_links_empty{}/*The line letting users know there is no links in the database if applicable*/



/*    STYLING THE HELP/FAQ PAGE(S)      */
p.cms_nofaq{}/*the line showing that there is no faq in the database*/
h3.cms_faq_category{margin-left: 40px;}/*the category of either help or FAQ*/
p.cms_faq_questions{margin-left: 60px;}/*the clickable questions on the faq or help*/
span.cms_faq_title{font-weight: bold;/*display:none;*/}/*this shows weather this is an help or faq, you can hide this using CSS if you do not want to show it*/
a.cms_faq_links{}/*all links within the FAQ section including the back to the top links*/
#cms_faq_spacer{height: 150px;}/*the div allowing you to include space between the last question and the first answer*/
p.cms_faq_answer_title{margin-left: 40px; font-weight:bold;}/*the title of the answer*/
p.cms_faq_answer_detail{margin-left: 50px;}/*the comment on the answer*/
p.cms_backtop{margin-left: 80px;}/*the P tag containing the back to top link*/
hr.cms_faq_hr{width: 50%;margin-left:auto;margin-right:auto;}

/*        STYLING THE GOOGLE API MAP */

#cms_api{}


/*    STYLING THE FORM FIELDS ON THE CONTACT FORM      */
form td{padding:0 0 10px 0; }

input.cms_form, textarea.cms_form, radio.cms_form, select.cms_form, submit.cms_form{
	margin:0 10px 0 0;
	border:1px solid #FFCC33;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
}
input.cms_form, textarea.cms_form, select.cms_form{padding:5px;}
input.cms_form:hover, textarea.cms_form:hover, select.cms_form:hover, input.cms_form:focus, textarea.cms_form:focus, select.cms_form:focus{
	border:1px solid #339933;
	color:#333333;
	background-color: #E1F1BC;
}

#subm{ width:auto; height:auto;line-height:1;padding:8px 20px; background:#bb0007; border:1px solid #FFCC33;color:white;font-weight:bold; text-transform:uppercase; -moz-border-radius: 25px; -webkit-border-radius: 25px; cursor:pointer; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
#subm:hover{
	border:1px solid #770004;
	background-color: #FFCC33;
}
#subm:focus{position:relative; top:1px}

/*    STYLING THE IMAGE GALLERY      */
#cms_image_detail{width: 420px; height:auto; margin-left:auto;margin-right:auto; text-align:center;background: #FFFFFF; border: 2px dotted #FF9900;margin:10px;}

h2.cms_image_gallery{}/*displaying the categories of images*/
div.cms_image_layout{
	width:160px;height:180px;
	border: 2px dotted #FF9900;
	margin:15px;
	text-align:center;
	padding-top:4px;
	padding-bottom:5px;
	float:left;
}/*This is the div which contains the actual thumbnail with name etc*/
div.clearfloat{clear:both;}/*If you are floating the above div, then you might need to cancel the float at the end of category, you can do so by using this div*/
#cms_image_window{
	border: 2px dotted #FF9900;
	width:300px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color: #FFFFFF;
}/*div styling the container on the window for enlarged images*/
h1.cms_image_window{}/* displays the image name*/

/*styling the news*/
p.cms_current_news{background-image:url(library/bullet_right.gif);background-repeat: no-repeat;padding-left:11px;margin-bottom:0px;}/*displays the listing of news*/
p.cms_current_news_desc{margin-top:0px;margin-left:25px;}/*small description just under the headline on the listing of news*/
p.other_news{}/*the p tag showing the link "to go to archive click here or to go to live news click here*/
h2.cms_news_headline{color: #9F57A4;margin-top:20px;}/*the headline on the news detail page*/
p.cms_news_back{}/*the back link /button on the news detail page*/

/****************END OF STYLING THE AREAS PRODUCED BY THE cms*************************/


