/* CSS Document */
/* 	SB Communication Group
	Last updated on April 27, 2007
	Created & Updated by SS
*/

/* 	===================================================================================================
												Body
===================================================================================================  */

BODY
{
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	font-family:"Georgia", Times New Roman, Times, serif;
}

#main
{
	width: 778px;
	margin:0px auto;
	padding:0px;
}

.main-bg
{

	border:1px solid #DFDFDF;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
}

/* 	===================================================================================================
												 Header
===================================================================================================  */
#header
{
	width:560px;
	float:left;
	padding:0px;
	margin:0px;
}

#headertop
{
	width:330px;
	float:right;
	margin:0px;
	text-align:left;
	background:url(../sbc-images/background-search.gif) top right no-repeat;
	height:100px;
}

#headertop img
{
	padding:6px 9px 0px 0px;
}

#logo
{
	width: 200px;
	text-align: center;
	background:url(../sbc-images/background-header.jpg) no-repeat;
	float:left;
	padding:35px 0px 0px 20px;
}

#right-content
{
	width:560px;
	margin:0px;
	padding:0px;
}

.header-title
{
	float:left;
	height:29px;
	background:url(../sbc-images/background-hp-title.gif) repeat-x;
	width:560px;
}

.header-title-right
{
	float:left;
	height:29px;
	background:url(../sbc-images/background-hp-title.gif) repeat-x;
	width:560px;
	text-align:right;
}
.right-content-top
{
	width:560px;
	text-align:left;
	float:left;
}

.right-content-top img
{
	padding:5px 15px 0px 0px;
}

.right-content-top-right
{
	width:280px;
	text-align:left;
	float:left;
	padding:5px 0px 0px 0px;
	font-size:12px;
	line-height:16px;
}

.right-content-top-right ul
{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#797331;
}

.right-content-top-right li
{
	margin:0px;
	padding:2px 0px 2px 0px;
	color:#797331;
	list-style:none;
	line-height:15px;
}

.right-content-top-right li a
{
	text-decoration:underline;
	color:#333333;
}

.right-content-top-right li a:hover
{
	text-decoration: none;
	color:#333333;
}

.right-content-bottom
{
	width:560px;
	float:left;
	padding:10px 0px 0px 0px;
}

.right-content-bottom img
{
	padding:2px 10px 0px 0px;

}

.right-content-txt-bottom
{
	width:180px;
	text-align:left;
	float:left;
	padding:5px 0px 0px 0px;
	font-size:12px;
	line-height:16px;
}

/* 	===================================================================================================
												Contents
===================================================================================================  */


#maincontent
{
	width:778px;
	text-align: left;
	padding:0px;
	background:url(../sbc-images/background-left-menu.gif) repeat-y;
	float:left;
}

#maincontent-home
{
	width:778px;
	text-align: left;
	padding:0px;
	/*background:url(../sbc-images/background-left-menu.gif) repeat-y;*/
	float:left;
}

#inner-maincontent
{
	width:538px;
	margin: 0px auto;
	padding:0px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	color:#555555;
	line-height:17px;
	padding:5px 0px 15px 0px;
	margin:0px;
	text-align:justify;
}

#inner-maincontent-events
{
	width:480px;
	margin: 0px auto;
	padding:0px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	color:#555555;
	line-height:17px;
	padding:5px 0px 15px 0px;
	margin:0px;
	text-align:justify;
	background-color:#FF0000;
}

#maincontent h1
{
	text-align: left;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	line-height: 15px;
	color: #BC8D09;
}

#maincontent h2
{
	text-align: left;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 15px;
	color: #5D0708;
}

#maincontent p
{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;	
}


#leftcol
{
	width:208px;
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:617px;

}

#leftcol-home
{
	width:208px;
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../sbc-images/background-left-main.jpg) no-repeat bottom;
	height:617px;

}

#rightcol
{
	width:558px;
	float:left;
	padding:0px;
	margin:0px 0px 0px 10px;
}

.txtmore
{
	text-align:right;
	font-size:11px;
}

.txtmore a
{
	color:#888888;
	text-decoration:none;
}

.txtmore a:hover
{
	color:#888888;
	text-decoration:underline;
}
.leftcol-text
{
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	padding:0px 35px 0px 10px;
}

.leftcol-img
{
	text-align:left;
	padding:20px 0px 0px 10px;
}

#line-blue
{
	height:21px;
	width:560px;
	float:left;
	background: url(../sbc-images/blue.gif) repeat-x top;
}

#submenu1, #submenu2, #submenu3
{

	text-decoration: none;
	color: #000000;
	width:208px;	
	margin-bottom:13px;
	float:left;

}

#submenu1 img, #submenu2 img, #submenu3 img
{
	padding:0px 10px 0px 0px;
}

#submenu4
{
	text-decoration: none;
	color: #000000;
	width:208px;	
	margin-bottom:4px;
	float:left;
}

#submenu5
{
	text-decoration: none;
	color: #000000;
	width:208px;
	padding-bottom:3px;
	float:left;
}


.submenu-title
{
	text-decoration: none;
	color: #FFF;
	padding:2px 0px 0px 10px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-weight:bold;
	font-size:75%;
	text-align:left;
	background:url(../sbc-images/menu-shadow.gif) no-repeat bottom;
	height:30px;
}


ul.list
{
	list-style:none;
	padding:0px;
	margin:0px;
	width:184px;
	float:right;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:75%; 
}

ul.list li
{
	margin:0px 15px 0px 0px;
	padding:2px 10px 5px 0px;
	line-height:16px;
	background:url(../sbc-images/dot.gif) left bottom repeat-x;
/*	list-style: url(../sbc-images/dot.gif) none inside;*/
}

a.fl_11
{
	color:#FFFFFF; 
	text-decoration:none;
}

a.fl_11:hover
{
	color:#000000; 
	text-decoration:none;
}

#content-left
{
	width:217px;
	float:left;
	background:url(../sbc-images/img-magazine.jpg) left top no-repeat;
	height:450px;
}

#content-right
{
	width:330px;
	height:450px;
	float:right;
	background:url(../sbc-images/background-events.gif) no-repeat right top;
	margin-left:10px;
}

.content
{
	width:271px;
	float:left;

}

#content-right p
{

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	color:#333333;
	line-height:17px;
	padding:5px 0px 15px 0px;
	margin:0px;
	text-align:justify;
}

#events
{
	width:533px;
	padding:2px;
	margin:10px 0px 5px 0px;
	float:left;
	border:1px solid #E6E6E6;
}
#events h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;
	color:#028DA2;
	margin:0px;
	padding:0px 0px 7px 0px;
}

.events-top
{
	width:523px;
	padding:2px 5px 2px 5px;
	float:left;
	background-color:#EEEDED;
	font-size:90%;
	line-height:16px;
}
.events-title
{
	color:#028DA2;
}

.events-content
{
	width:523px;
	padding:10px 5px 10px 5px;
	float:left;
	font-size:90%;
	line-height:14px;
	color:#6E6E6E;
}
.events-link
{
	color:#028DA2;
	font-size:90%;
	padding:0px 0px 0px 5px;
	width:500px;
}
.link
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:85%;
	color:#888888;
	line-height:17px;
	text-align:right;
	float:right;
	padding-bottom:9px;
}

.link a
{
	color:#888888;
	text-decoration:none;
}

.link a:hover
{
	color:#61053B;
	text-decoration:none;
}

#content-box-foot
{
	width:540px;
	float:left;
	margin:20px 10px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#content-box-foot p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	line-height:18px;
	font-weight:normal;
}

#content-box
{
	width:540px;
	float:left;
	margin:20px 10px 20px 0px;
}
#content-box-events
{
	width:500px;
	float:left;
	margin:20px 10px 20px 0px;
	background-color:#00CC00;
}

#content-box img
{
	padding:3px 15px 5px 0px;
}

#content-box p
{
	font-family:Georgia, "Times New Roman", Times, serif;

	color:#555555;
	line-height:18px;
	text-align: justify;
	padding:0px 10px 0px 8px;
	font-weight:normal;
}
.innertitle
{
	width:540px;
	height:22px;
	background:url(../sbc-images/background-title.gif) repeat-x;
	padding:0px;
	margin:0px 0px 26px 0px;
	float:left;
}

.innertitle-events
{
	width:500px;
	height:22px;
	background:url(../sbc-images/background-title.gif) repeat-x;
	padding:0px;
	margin:0px 0px 26px 0px;
	float:left;
}
#content-box a
{
	text-decoration:none;
	color:#028DA2;
}

#content-box a:hover
{
	text-decoration:none;
	color:#000000;
}

#content-img
{
	width:540px;
	float:left;
	padding:0px;
	margin:20px 10px 20px 0px;
}

.content-img
{
	width:150px;
	float:left;
	margin:5px;
	padding:4px;
	border:#CCCCCC 1px solid;

}

.content-img1
{
	width:400px;
	float:left;
	margin:5px;
	padding:4px;
	border:#CCCCCC 1px solid;

}

.content-img2
{
	width:406px;
	float:left;
	margin:5px;
	padding:4px;
	border:#CCCCCC 1px solid;

}

/* 	===================================================================================================
											List Items
===================================================================================================  */

#list
{
	padding: 0px;
}

ul.list 	
{
	list-style:none;
	margin:0;
	padding:0px;
}

ul.listitem
{
	margin-left:0;
	padding:0px;
	font:70%/23px Tahoma, Arial, Helvetica, sans-serif, "Arial Narrow";
	color: #000000;
}
ul.listitem li	
{
	display:block;
	background-image: url(../sbc-images/img-dot-list.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-attachment: scroll;
	padding: 0px 0px 0px 15px;

}

#content_contact{
	width:510px;
	float:left;
	border:#E6E6E5 solid 1px;
	padding:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	color:#555555;
	margin:10px 0px 10px 0px;
}

#content_contact_left{
	width:200px;
	float:left;
	padding:0px;
	margin:0px;	
}

#content_contact_right{

	float:right;
	width:193px;
	border:#E6E6E5 solid 0px;
	padding:4px;
}

#content_contact_left a
{
	text-decoration:none;
	color:#028DA2;
}

#content_contact_left a:hover
{
	text-decoration:none;
	color:#000000;
}

.redtxt 
{
	color: #FF0000;
}


/* 	===================================================================================================
												Footer
===================================================================================================  */


#footer
{
	width: 778px;
	text-align: left;
	margin:10px 0px 0px 0px;
	padding: 0px;
	float:left;
}

#footertop
{
	width:778px;
	height:60px;
}

#footerleft
{
	width:316px;
	float:left;
	background-color:#867E35;
}

#footerright
{
	width:450px;
	float:right;
	border:1px solid #CCCCCC;
	height:43px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	color:#7F7D86;
	text-align:center;
	padding:15px 0px 0px 0px;
	line-height:17px;
}

#footerright a
{
	color:#028DA2;
	text-decoration:none;
}

#footerright a:hover
{
	color:#000;
	text-decoration:none;
}

#footerbottom
{
	background:url(../sbc-images/background-footer.gif) repeat-y;
	width:768px;
	height:44px;
	margin-top:10px;
	float:left;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	color:#FFF;
	text-align: left;
	padding:15px 0px 0px 10px;
	line-height:17px;
}

#footerbase
{
	width:778px;
	height:20px;
	float:left;
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:70%;
	color:#999;
	text-align: left;
	padding:10px 0px 10px 5px;
	line-height:17px;
}

#footerbase a
{
	color:#999;
	text-decoration:none;
}

#footerbase a:hover
{
	color:#000;
	text-decoration:none;
}


ul.txtlink-sub1	{
	list-style:none;
	margin:0;
	padding:0px 0px 0px 6px;;
	}
ul.txtlink-sub1 li{
	margin:0;
	padding: 3px 0px 0px 15px;
	background:url(../sbc-images/bullet.gif) no-repeat left 6px;
	color:#092646;
	line-height:16px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:95%;
	}
	
.search-result-top
{
	width:530px;
	float:left;
}
.pagination{
	float: left;
	width:280px;
	padding-top:5px;
	margin-bottom:10px;
	border:0px solid green;
}

.page2{
	float:right;
	width:100px;
}

.pagination a
{
	text-decoration:none;
	color:#3680DA;
}

.pagination a:hover
{
	text-decoration:none;
	color:#000000;
}

.header-search
{
	float:right;
	width:180px;
}

.search-content
{
	width:428px;
	padding:10px 0px 5px 0px;
	float:left;
	line-height:15px;
}
.standfirst{
	color:#999999;
	font-size:11px;
	margin:3px 0 3px 0px ;
	float:left;
	width:538px;
}

span.standfirst_black
{
	width:538px;
	float:left;
	line-height:16px;
}

.line
{
	background:url(../sbc-images/background-line.gif) repeat-x center;
	height:31px;
	width:538px;
	float:left;
}

.search-go
{
	width:23px;
	height:23px;
	background:url(../sbc-images/background-go.gif) no-repeat;
	border: none;
}
/* 	===================================================================================================
												Form Elements
===================================================================================================  */

#formlayer	
{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px;
	color: #000000;
	line-height:26px;
}

#formlayer fieldset,  #formlayer form
{
	margin:0;
	padding:0;
	border:0;
}

#formlayer label
{
	display:block;
}

#formlayer select
{
	width:480px;
	font-size:11px;
	font-family:"Georgia", Times New Roman, Times, serif;
	color: #999999;
	text-decoration: none;
	margin: 0px;	
	padding:0px;
	border:1px solid #E5D3A1;

}


#formlayer input
{
	width:220px;
	font-size:11px;
	font-family:"Georgia", Times New Roman, Times, serif;
	color:#000000;
	text-decoration: none;
	margin: 0px;	
	padding:1px 0px 0px 5px;
	background:url(../sbc-images/form-text-bg.jpg) no-repeat;

}

.search-bg
{

	width:128px; 
	height:17px; 
	border:1px solid #666666; 
	color:#818181; 
	font-size:11px; 
	padding:0px;
	margin:0px 2px 7px 10px;
}

.input-bg1
{
	float:left; 
	width:185px; 
	height:60px; 
	background:url('../sbc-images/form-text-area-bg.jpg') no-repeat scroll; 
	border:0px; 
	color:#818181; 
	font-size:11px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px; 
	padding: 1px 3px 0px 5px;
}

.list-bg
{
	width:150px; 
	height:17px; 
	border:0px; 
	color:#666666; 
	font-size:11px; 
	padding:0px;
	margin:0px 0px 7px 0px;
}


#txtarea{
	width:400px;
	height:60px;
	background:url(../sbc-images/form-text-area-bg.jpg) no-repeat;
}

#formlayer textarea {
	width:375px;
	height:58px;
	font-size:11px;
	font-family:"Georgia", Times New Roman, Times, serif;
	color: #999999;
	text-decoration: none;
	padding:1px 0px 0px 5px;
	line-height: 20px;
	margin: 0px;
	background: url('../sbc-images/form-text-area-bg.jpg') no-repeat fixed;
	position: relative;
}

#formlayer a 
{
	text-decoration: underline;
	color: #FF0000;
}

#formlayer a:hover
{
	text-decoration: none;
	color: #000000;
}

#formlayer img
{
	padding:10px 0px 0px 0px;
}




/********************************************************************
									Form Style
**********************************************************************/


.form-main
{
	float:left; 
	width:680px;
	color:#000000; 
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px;
}

.form-head
{
	float:left; 
	width:690px; 
	height:20px; 
	padding:5px 0px 0px 3px; 
	color:#000000;
	background-color:#DEB748; 
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px; 
	font-weight:bold;
}

#form-element
{
	width: 710px;
	height:640px;
	text-align: left;
	margin: 0px auto;
	padding: 25px;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-attachment: scroll;	
}

#form-element h1
{
	text-align: left;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	line-height: 15px;
	color: #BC8D09;
}

#form-element p
{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;	
}

#form-element a
{
	text-decoration: none;
	color:#BC8D09;
}

#form-element a:hover
{
	text-decoration: none;
	color: #777777;
}


#formlayerapplication	{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 4px;
}
#formlayerapplication fieldset,  #formlayerinner form
{
margin:0;padding:0;border:0;
}

#formlayerapplication label{
	display:block;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 15px;
	color: #6C6C6C;	
}

#formlayerapplication input, 
#formlayerapplication select, 
#formlayerapplication textarea
{
	width:200px;
	font-size:11px;
	font-family:"Georgia", Times New Roman, Times, serif;
	border:1px solid #CCCCCC;
	color: #6C6C6C;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../safe_images/background-txtbox.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	line-height: 15px;
	margin: 0px;
}

#formlayerapplication input
{
	height: 16px;
}

#formlayerapplication textarea
{
	height: 75px;
	width: 320px;
}

#form-top
{
	width: 520px;
	float:left;
	padding: 0px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:10px;
	color:#6C6C6C;
	text-align:right;
}

/*Diabetes Foot */

.submenu-title-foot
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#028DA2;
	padding:8px 0px 8px 6px;
	text-transform:uppercase;
	font-weight:bold;
}
.article_preview-foot
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 13px;
	color: #666666;
	padding:5px 0px 0px 0px;
	margin:0px;
	text-align:left;
}

.article_preview-foot p
{
	padding:3px 0px 15px 0px;
	margin:0px;
	line-height:16px;
}


.article_preview-foot img
{
	padding:0px 10px 10px 0px;
}

.article_preview-foot a
{
	text-decoration:none;
	color:#028DA2;
}

.article_preview-foot a:hover
{
	text-decoration: underline;
	color:#028DA2;
}

.article_heading-foot
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 12px;
	color: #000000;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	text-align:left;
}

#media-title
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background:url(../sbc-images/btn-media.gif) no-repeat;
	width:530px;
	height:25px;
	font-weight:bold;
	padding:1px 0px 6px 6px;
	float:left;
}

#media-title a
{
	text-decoration:none;
	color:#FFFFFF;
}

#media-title a:hover
{
	text-decoration:none;
	color:#092646;
}

#text-button
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background:url(../sbc-images/background-button.gif) repeat-x;
	width:102px;
	height:20px;
	font-weight:bold;
	padding:2px 5px 0px 5px;
	float:left;
	margin:10px 0px 0px 0px;
}
#text-button a
{
	text-decoration:none;
	color:#FFFFFF;
}

#text-button a:hover
{
	text-decoration:none;
	color:#092646;
}
.bottom-image
{
	width:520px;
	background-color:#A39828;
	padding:6px;
	float:left;
}

.bottom-image img
{
	background-color:#FFFFFF;
	padding:2px;
	float:left;
}

/********************************************Paging ***********************************/

#events-paging
{
	width:147px;
	height:18px;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	color:#000;
	float: right;
	padding: 0px;
	margin: 0px;
}

#events-paging a
{
	color:#028DA2;
	text-decoration:none;
}

#events-paging a:hover
{
	color:#000000;
	text-decoration:none;
}

ul.events-paging-menu
{
	margin:0px;
	padding:0px;
}

ul.events-paging-menu li
{
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0px 1px 0px 1px;
	display: inline;
	font-size:100%;
}
