/* General Styles */

body{
font-family: tahoma;
text-align: center;
background: #231c12;
}
.framesize{
	width: 800px;
	margin: 0 auto;
	background-image: url('/images/sidePanel_bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #453823;
}
.tinywhite 	{BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.white 	{BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.vtiny.banner{
	margin-top: 3px;

}
#treatmentContent{
	background: #fff;
	height: 628px;
	width: 600px;
	overflow: auto;
}

.tagline{
	position: absolute;
	font-family: consola;
	color: white;
	font-weight: 500;
	z-index: 1000;
	margin: -80px 0px 0px 100px;
	font-size: 16pt;
}

#PracticePages{
	background: #fff;
	height: 384px;
	width: 600px;
	overflow: auto;
}

.tagline{
	position: absolute;
	font-family: consola;
	color: white;
	font-weight: 500;
	z-index: 1000;
	margin: -80px 0px 0px 100px;
	font-size: 16pt;
}

#content2{
	overflow: auto;
	border: 1px solid #000;
	width: 780px;
	height: 450px;
}
#content2 .title{
	font-weight: bold;
	color: #453823;
	margin: 12px 5px 5px 5px;
	height: 25px;
	width: 90%;
	float: left;
	text-align: left;
}
#content2 .story{
	margin: 5px;
	color: #3c3c3c;
	font-size: 10pt;
	text-align: left;
	float: left;
	text-indent: 1em;
	line-height: 150%;
}
#content2 .event_text{
	color: #453823;
	font-size: 0.9em;
	margin: 0px 0px 10px 5px;
	position: relative;
	float: left;
}
#content2 .p_image img{
	float: left;
	margin: 5px;
	border: 1px solid #453823;
	padding: 3px;
}
#content2 .p_story{
clear: both;
	margin: 5px;
	text-align: left;
	font-size: 0.9em;
	line-height: 150%;
	color: #3c3c3c;
}
#content2 .p_title{
	margin: 5px;
	text-align: left;
	font-weight: bold;
	color: #453823;
}

#main_nav{
	height: 32px;
	background-image: url('/images/subj_nav_bg.gif');
	background-repeat: repeat-x;
	position: relative;
}
#main_nav .title{

	float: left;
	font-size: 8pt;
	font-weight: bold;
	padding: 9px 10px 0px 10px;
	color: white;
}
#main_nav .nav{

}
#main_nav .nav a{
	margin: 9px 14px 0px 0px;
	color: #2C2416;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	position: relative;
	float: right;
	padding-left: 5px;
}
#main_nav .nav a:hover{

	color: #fff;

}
#main_nav .subj_image{
	height: 91px;
	width: 91px;
	position: relative;
	float: left;
	background-image: url('/images/thumbnail_bg.gif');
	background-repeat: repeat-x;
	margin: 3px;
}
#main_nav .image_title{
	height: 15px;
	width: 89px;
	position: relative;
	top: 82%;
	background-color: #453823;
	z-index: 100;
	font-size: 7pt;
	line-height: 150%;
	color: white;
	border: 1px solid #000;
}
/* subject page styles */
.image_nav{
	width: 300px;
	height: 32px;
	overflow: hidden;
	margin-top: 15px;
	float: right;
	
}
.ro{
	cursor: hand;
}

.image_navbar1{
	width:	20px;
	height: 32px;
	position: relative;
	float: right;
	background-image: url('/images/subj_nav_image1.gif');
	background-repeat: none;
	
}
.image_navbar{
	width:	280px;
	height: 32px;
	position: relative;
	float: right;
	background-image: url('/images/subj_nav_image.gif');
	background-repeat: repeat-x;
	font-size: 7pt;
	color: white;
}
.image_navlink{
	color: black;
	position: absolute;
	margin: 16px 0px 0px 90px;
}
.image_navlink a{
	text-decoration: none;
	color: #453823;
	font-weight: bold;
	font-size: 7pt;
}
.image_navlink a:hover{
	text-decoration: none;
	color: white;
}

.profile_bg{
	background-image: url('/images/profile_bg.jpg');
	background-repeat: no-repeat;
}
/* header styles */
#header{
	background: #766342;
	height: 100px;
}

#header .logo{
	width: 400px;
	height: 60px;
	position: absolute;
	margin-top: 7px;
}
#header .logo img{
	border-style: none;
}

#header .search{
	margin-top: 10px;
	width: 200px;
	height: 45px;
	float: right;
	overflow: hidden;
}
#header .topNav{

	height: 24px;
	width: 600px;
	background-image: url('/images/topNav_bg.gif');
	background-repeat: repeat-x;
	position: absolute;
	top: 80px;
	
}
#header .topNav a{
	margin-top: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 8pt;
	position: relative;
	float: right;
	padding-right: 5px;
	line-height: 150%;
}
#header .topNav a:hover{

	color: #2C2416;
	text-decoration: none;
}
#admin_header{
	background: #766342;
	width: 800px;
	height: 90px;
	margin: 0 auto;
}
#admin_header .logo{
	width: 350px;
	height: 60px;

	margin-top: 15px;
}
#admin_header .logo img{
	border-style: none;
}
#admin_header .topNav{

	height: 24px;
	width: 800px;
	background-image: url('/images/topNav_bg.gif');
	background-repeat: repeat-x;
	top: 120px;
	
}
#admin_header .topNav a{
	margin-top: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 10pt;
	position: relative;
	float: right;
	padding-right: 5px;
	line-height: 150%;
}
#admin_header .topNav a:hover{

	color: #2C2416;
	text-decoration: none;
}

/* side Navigation styles */
#side_nav{

	margin: 5px;
	height: 760px;
	width: 200px;
	overflow: hidden;
}
#side_nav .button{
	width: 200px;
	height: 60px;
	overflow: hidden;
	position: relative;
	float: left;
}

#side_nav img{
	border-style: none;
}
.sidenav_bg{

}
/* subj styles */
#subj{
	height: 32px;
	/*background-image: url('/images/subj_nav_bg.gif');
	background-repeat: repeat-x;
	
	position: relative;*/
	margin-top: 25px;
}
#subj .title{

	float: left;
	font-size: 8pt;
	font-weight: bold;
	padding: 9px 10px 0px 10px;
	color: white;
}
#subj .nav{

}
#subj .nav a{
	margin: 9px 14px 0px 0px;
	color: #2C2416;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	position: relative;
	float: right;
	padding-left: 5px;
}
#subj .nav a:hover{

	color: #fff;

}
#subj .subj_image{
	height: 89px;
	width: 91px;
	position: relative;
	float: left;
	background-image: url('/images/thumbnail_bg.gif');
	background-repeat: repeat-x;
	margin: 3px;
}
#subj .subj_image img{
	border-style: none;
}

#subj .image_title{
	height: 18px;
	width: 89px;
	position: relative;
	top: -15%;
	background-color: #453823;
	z-index: 100;
	font-size: 7pt;
	line-height: 150%;
	color: white;
	border: 1px solid #000;
}

#subj img{
	height: 85px;
	width: 85px;
	margin: 3px 0px 0px 3px;
}
/* content styles */
#content{
	background: #fff;
	min-height: 378px;
	width: 100%;
}
#content .title{
	font-weight: bold;
	color: #453823;
	margin: 12px 5px 5px 5px;
	height: 25px;	
}

#content .subjTitle{
	color: #453823;
}
#content .vTitle{
	color: #453823;
	font-weight: bold;
}
#content .vTopicTitle{
	color: #453823;
	font-size: 13pt;
}
#content .vStory{
	margin: 5px;
	color: #453823;
	font-size: 10pt;
}
#content .story{
	margin: 5px;
	color: #3c3c3c;
	font-size: 10pt;

}
#content .quote{
	font-size: 0.8em;


}
#content .quoteTitle{
	font-size: 16pt;
	margin-bottom: 10px;
}
#content .quoteBox{
	width: 400px;
	font-weight: normal;
	color: #453823;
	padding: 0px 10px 0px 10px;
	line-height: 100%;
	position: relative;
	float: left;
	margin-top: 60px;
}
#content .links{
	font-weight: bold;
	color: #453823;
	font-size: 0.9em;
	margin: 5px;
	line-height: 150%;
}

#content .links a{
	text-decoration: none;
	color: #453823;
}
#content .links a:hover{
	text-decoration: none;
	color: #D8BB84;
}
#content .topicImage{
	width: 50px;
	height: 50px;
	background-image: url('/images/topicImage_bg.gif');
	background-repeat: repeat-x;
	margin: 12px 5px 5px 5px;
}
#content .topicImage img{
	width: 46px;
	height: 46px;
	margin: 2px;
	overflow: hidden;
}
#content ul, li{
	list-style: square;
	font-size: 0.9em;
	color: #453823;
	
	
}
#content ul, li a{
	text-decoration: none;
	color: #453823;
	
}
#content ul, li a:hover{
	text-decoration: none;
	color: #DABD85;
	
}
#content .mendis_image{
	width: 138px;
	height: 150px;
	position: relative;
	float: left;
}
/*technology styles*/
#content .tech{
	position: relative;
	float: left;
	border-bottom: 1px dashed #453823;
	width: 100%;
}
#content .tech a{
	text-decoration: none;
	color: #453823;
}
#content .tech a:hover{
	color: #DABD85;
}
#content .tech_title{
	margin: 0px 5px 5px 5px;
	padding-top: 10px;
	text-decoration: underline;
}
/* gallery */
#gallery{
	width: 290px;
	height: 250px;
	background-image: url('/images/subj_gallery_bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #453823;
	margin: 0 auto;
	margin-top: 10px;
}
#gallery .container{
	width: 280px;
	height: 240px;
	margin: 5px;
	background-color: #e9d9b7;
}
#gallery .image{
	width: 135px;
	height: 60px;
	position: relative;
	float: left;
	margin: 10px 2px 2px 2px;
	border-style: none;
	
}
#gallery img{
	border-style: none;
}
.gallery_title{
	clear: both;
	color: #453823;
	font-size: 11pt;
	padding: 10px 0px 10px 0px;
	margin-top: 15px;
}
/* news & event styles*/
#news_nav{
	margin-top: 10px;
}
#news_nav .round_c{
	width: 7px;
	height: 30px;
	overflow: hidden;
	position: relative;
	background: url('/images/05.gif') no-repeat;
	float: right;
}
#news_nav .nav_bg{
	width: 350px;
	height: 30px;
	background: url('/images/06.gif') repeat-x;
	overflow: hidden;
	float: right;
	text-align: center;
	line-height: 280%;
	font-size: 0.6em;
	color: white;
	font-weight: bold;
	text-indent: 30px;
}
#news_nav a{

	text-decoration: none;
	color: #453823;
}
#news_nav a:hover{
	color: #D8C299;
}
#event .topicTitle{
	font-size: 0.7em;
	margin-left: 5px;
}
#event .bullet{
	width: 15px;
	height: 15px;
	overflow: hidden;
	padding: 2px;
}
.e_title{
	background: url('/images/event_title_bg.gif') no-repeat;
	overflow: hidden;
	height: 25px;
	width: 200px;
	font-size: 0.8em;
	text-indent: 10px;
	line-height: 250%;
	font-weight: bold;
	color: #443822;
}
#event a{
	text-decoration: none;
	color: #453823;
}
#event a:hover{
	color: #D8BB84;
}
.event_text{
	color: #453823;
	font-size: 0.9em;
	margin: 0px 0px 10px 5px;
}
.profile_pic{
	width: 120px;
	height: 150px;
	margin: 0px 10px 10px 10px;
}
.e_story{
	margin: 5px;
	color: #3c3c3c;
	font-size: 10pt;
}

/* video gallery */
#v_gallery{
	background: #D5BF96;
	padding-top: 5px;
	padding-bottom: 5px;
}
.static_title{
	background: url('/images/event_title_bg.gif') no-repeat;
	color: #453823;
	overflow: hidden;
	height: 25px;
	width: 200px;
	font-size: 0.8em;
	text-indent: 10px;
	line-height: 200%;
	font-weight: bold;
	
}
#v_gallery img{
	padding: 1px;
	border: 1px solid #453823;
}
#v_gallery .vContainer{
	width: 580px;
	height: 150px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 5px;
	overflow: auto;
}
#v_gallery .vImage{
	width: 100px;
	height: 100px;
	position: relative;
	float: left;
	margin: 5px;
}
/*Products Styles*/
#content .product{

	position: relative;
	float: left;
	border-bottom: 1px solid black;
	width: 100%;

}
#content .product a{
	text-decoration: none;
	color: #453823;
}
#content .product a:hover{
	color: #DABD85;
}
.product_hr{
	height: 2px;
	background: #D3B781;
	margin:3px 10px 3px 10px;
}
.product_title{
	width: 400px;
	position: relative;
	float: left;
	margin-top: 10px;
	font-weight: bold;
	font-size: 0.9em;
	color: #453823;
	margin-left: 5px;
}
.product_desc{
	width: 580px;
	position: relative;
	float: left;
	color: #736357;
	margin-left: 5px;
	font-size: 0.7em;

}
#content .product .link{
	width: 400px;
	position: relative;
	float: left;
	margin-top: 10px;
	font-size: 0.7em;
	color: #453823;
	margin-left: 5px;	
}
#content .link a{
	text-decoration: none;
	color: #453823;
}
#content .link a:hover{
	color: #D3B781;
}
.product_image{
	width: 100px;
	height: 100px;
	padding: 5px;
	position: relative;
	float: left;

}
/*contact_us styles*/
.contact_addr{
	font-size: 0.7em;
	padding: 10px;
	width: 170px;
	height: 300px;
	position: relative;
	float: right;
	color: white;
}
.contact_form{
	padding: 10px; 
	width: 380px; 
	height: 290px; 
	background: #DABD85; 
	position: relative; 
	float: left;
}
.contact_form textarea{
	margin-bottom: 10px;
}
.contact_form input{
	float: right;
	margin-bottom: 2px;
}
.contact_form label{
	width: 50px;
	float: left;
	text-align: right;
	font-size: 0.7em;
	padding-right: 5px;
	font-weight: bold;
}
#map_canvas{
	margin: 0 auto;
	height: 350px;
	width: 600px;
}
.contact_body{
	width: 600px;
	height: 318px;
	background: url('/images/contactbody_bg.gif') repeat-x;
	position: relative;
}

/* footer styles */
#footer{
	background: #453823;
	height: 50px;
	color: white;
	font-size: 9pt;
}

#footer .credits{
	margin: 10px 10px 0px 0px;
	float: right;
}
#admin_footer{
	background: #766342;
	height: 50px;
	color: white;
	font-size: 9pt;
	width: 800px;
	margin: 0 auto;
}
#admin_footer .credits{
	margin: 10px 10px 0px 0px;
	float: right;
}

/* MISC */
 .btn{
	background-color:#453823;
	border-bottom:1px solid #000;
	border-color: #453823;
	border-right:1px solid #000;
	border-style:solid;
	color:white;
	font-size:10px;
 }
 
#pagination{
	clear: both;
	height: 28px;
	padding-top: 5px;
}
#pagination .navbtn{
	border: 1px solid #231C12;
	padding: 3px 10px 3px 10px;
	background: #D8BB84;

}
#pagination .navbtn a{
	font-size: 0.8em;
	color: #231C12;
}
#pagination .navbtn a:hover{
	font-size: 0.8em;
	color: white;
}

#pagination .pageinfo{
	border: 1px dotted #231C12;
	padding: 3px 10px;
	margin: 0px 3px 0px 3px;
	color: #231C12;
}

.uploadBtn{
	width: 300px;
	height: 50px;
}
.uploadBtn a{
	text-align: right;
	background: #453823;
	padding: 5px;
	border: 1px solid #D8BB84;
	margin: 3px 3px 0px 0px;
	line-height: 200%;
	color: white;
}
.uploadBtn a:hover{
	color: #D8BB84
}