body {	font-family: Verdana, Arial, Helvetica, sans-serif;	margin:0px;	margin-top:0px;	font-size:11px;	color: #5d3162;	margin-left: auto;	margin-right:auto;	background-color: #9D8BB6;}

td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;}

	#container{	width: 990px;	margin-left:auto;	margin-right:auto;	border:solid 2px #5d3162;	background-color: #fcf6cc;}
	#banner{height:251px;}
		#main_body{	width:990px;	height: auto;}
		
#left_nav{	width:266px;	height:auto;	float:left;}
#right_col{	margin-left:266px;	width:720px;	height:auto;}

	#right_col_top{	width:720px;	height:21px;background-color: #fcf6cc;	
	}
	#right_col_middle{	width:auto;	height:auto;	background-image: url(library/something_special_florists_bg.jpg);	background-repeat: repeat-y;	padding-top: 20px;	padding-right: 40px;	padding-bottom: 20px;	padding-left: 40px;	
	}
	#right_col_bottom{	width:720px;	height:65px;	}		
	
#footer	{	width:100%;	height: 25px;	text-align: center;	padding-top: 10px;	border-top-width: 20px;	border-top-style: solid;	border-top-color: #5d3162;	float: none;}
/*text and titles*/
h1{
	font-size: 15px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #5d3162;
}h2{
	font-size: 14px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #C69A04;
	line-height: 12px;
	vertical-align: text-bottom;
}
p{
	font-size: 12px;
	margin-left: 20px;
	margin-right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-weight: normal;
	color: #5d3162;
	text-align: justify;
}
ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d3162;
	text-indent: 10px;
	list-style-image: url(library/bullet.jpg);
	list-style-position: inherit;
	}

/*start of the links*/
a:link{text-decoration: underline;color: #5d3162;}
a:visited{text-decoration: underline;color: #5d3162;}
a:active{text-decoration: underline;color: #5d3162;}
a:hover{
	text-decoration: underline;
	color: #AA65B1;
}

/****************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      */

input.cms_form, textarea.cms_form, radio.cms_form, select.cms_form, submit.cms_form{background-color: #FBF6CC;}/*styling the fields, you can also style them individually*/
#cms_upload_window{border: solid 1px black; background: #FFFFE1;padding:15px;}
/*    STYLING THE IMAGE GALLERY      */
h2.cms_image_gallery{}/*displaying the categories of images*/
div.cms_image_layout{width:160px; border: solid 1px black; 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: solid 1px black; width:300px; margin-top:5px;margin-left:auto;margin-right:auto; text-align:center;}/*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*************************/


