/*
Theme Name: DCFA
Author: Byju Sukumaran
Combined style sheet for the index pages and the slide pages.
 
------------------------------------------------------------------------- */
html,body {
	margin:				0;
	padding:			0;
	height:				90%;
	/*background-color:	#E4E4CB;*/
	background-color:	#dfdab3;
	color: #694300;
	font-family: Georgia, Geneva, Arial;
	font-size: small;
	line-height: 1.5em;
}

a img {border: none;}

#container {
	position:			relative;
	width:				777px!important;
	width:				777px;		/* IE Fix for (2) 1px borders being inside container. */
	height:				auto !important; /* Detect height automatically, Incompatible w/IE */
	height:				100%;
	min-height:			100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: #fff url('/res/bg_mid.jpg') repeat-y;
	/*border-bottom: solid 1px #666;*/
	
}


#flashcontent {
	width:100%; /*position:absolute; z-index:100; left:0px; top:0px;*/
}			

/* 
* { margin: 0; padding: 0;}

body {
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		background-color: #fff;
		
		}
body, td, ul, dl {font-size: small;} 
*/

/*just for Opera - the font size needs to be set one below */
/*@media all and (min-width: 0px){
  body, td, ul, dl {font-size:0.9em;} 
}

* html body, td, ul, dl {font:x-small; } *//* style for IE - & IE 7 in tranisitional mode*/
/* 
a img {border: none;}
a:hover img {background-color: none;}
a, a:visited, a:active {color: #0099cc;text-decoration: none}
a:hover {text-decoration: underline;}
 */
/* ----[Typography]----- */

/* 
Most browsers set the font size to the equivalent of 16px by default. 
To convert the pixel value we need to percentage, we do the following
setting the text to small = 13px

11/13 = 84.62%
13/13 = 100%
16/13 = 123.08%
18/13 = 138.46%
24/13 = 184.62%


*/

 
/* Header
------------------------------------------------------------------------- */
#header {
	float: left;
	padding: 0;
	margin: 0;
	width: 777px;
	height:93px;
	background:#fff url('/res/banner.jpg') no-repeat;

}

#header h1 {text-indent: -5000px;}
/*#header img {margin: 0 0px 0 20px; display:none;}*/

/*
#header {
	float: left;
	padding: 0;
	margin: 0;
	width: 777px;
	background:#fff url('/res/banner.jpg') no-repeat;
	border-bottom: solid 1px #000;
}

#header h1 {text-indent:-500px;}
#header img { display:none; margin: 0 0px 0 20px; 
*/

/* Crumbtrail
------------------------------------------------------------------------- */
#crumbtrail {
	float:left;
	/*background-color: #C7C7B7;*/
	background: #000 url('/res/bg_crumb.jpg') repeat-y;
	color: white;
	font-weight: bold;
	padding: 0px 10px 3px 10px;
	
	width: 777px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 757px;
}
html>#crumbtrail {width: 757px;}		/*...box model hack value added twice, for opera*/




#crumbtrail a {text-decoration: underline; color: white; padding: 2px 5px 2px 5px;}
#crumbtrail a:active {}
#crumbtrail a:visited {}
#crumbtrail a:hover {background: #fff; color: #000;}
#crumbtrail a:link {}

#tagline {display:block;text-indent: 145px;}
#showCrumb{display: block;}
#hideCrumb{display: none;}

/* Body Left
------------------------------------------------------------------------- */
#body_left {
	float: left;
	padding: 0 10px 0 10px;
	margin: 0;
	width: 140px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 120px;
}
html>#body_left {width: 120px;}		/*...box model hack value added twice, for opera*/

#body_left ul { list-style: none; padding: 0; margin: 10px 0;}
#body_left li { padding: 5px 0; margin: 0; font-weight: bold; line-height: normal;}

/* Body middle
------------------------------------------------------------------------- */
#body_middle, #body_middleHome {
	float:	left;
	position: relative;
	text-align: left;
	padding: 0 10px 0 10px;
	margin: 0;
	width:470px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 450px;
}
html>#body_middle, html>#body_middleHome {width: 450px;}		/*...box model hack value added twice, for opera*/

 #body_middleHome {padding: 0 10px 0 20px;}

#body_middle p{font-size: 120%; line-height:1.3em;}

#body_middleHome p{font-size: 120%; line-height:1.3em;}


ul.articles { list-style: none; padding: 0; margin: 0;font-size: 95%;}
ul.articles li { padding: 5px 0 0 10px; margin: 0; font-weight: normal; line-height: normal; background: url('/res/arrow.gif')  no-repeat 0px 8px; }

/* Body Right
------------------------------------------------------------------------- */
#body_right {
	float: left;
	text-align:	left;
	padding: 0 5px 0 10px;
	margin: 0;
	width: 160px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 145px;
}
html>#body_right {width: 145px;}		/*...box model hack value added twice, for opera*/

#body_right p {font-size: 95%; line-height: normal;}

#body_rightHome {
	float: left;
	text-align:	left;
	padding: 0 10px 0 10px;
	margin: 0;
	width: 275px;
	voice-family: "\"}\"";			/*Box model hack*/
	voice-family: inherit;			/*WinIE value first, then desired value twice*/
	width: 255px;
}
html>#body_rightHome {width: 255px;}		/*...box model hack value added twice, for opera*/

#body_rightHome p { line-height: normal;}


/*Search box
------------------------------------------------------------------------- */

#searchbox {text-align: center; border-top: solid 1px #ccc; width: 750px;margin: 0 auto;}
#searchbox h4 { margin: 10px 0 0 0; font-weight:normal;}
#searchbox>div{margin: 0 auto;} /*Proper way to center a relative div*/


/*footer
------------------------------------------------------------------------- */

#generator {position: relative; width: 777px; font-weight: normal; margin: 0 auto 0 auto; clear: both;
			
}  

#footer {
	bottom:				0;
	width: 				100%;
	height:				50px;
	margin-left:		0 !important;
	margin-bottom:		0 !important;
	margin-bottom:		-1px;
	
	
}
#footerGraphic{background: #000 url('/res/bg_footer.jpg') no-repeat;}

/* Hide from IE5/Mac \*/
#footer { height: 1%;}
/* End hide from IE5/Mac */

/* Hide from IE5/Mac \*/
* html #footer { height: 1%;}
/* End hide from IE5/Mac */

		
/*  blocks
------------------------------------------------------------------------- */
.centerdiv{text-align: center; } /*IE method of centering a relative div*/
.centerdiv>div{margin: 0 auto;} /*Proper way to center a relative div*/

.Shadowbox {margin: 5px 0 5px 5px;background-color: #93BDCC;}
.Shadowcontent {position: relative;padding: 10px; top: -5px; left: -5px; background: #fff; color: black;}

.img-shadow {
  float: left;
  /*background: url('/res/shadowAlpha.png') no-repeat bottom right !important;*/
  background: url('/res/shadow.gif') no-repeat bottom right;
  /*margin: 10px 0 0 10px !important;*/
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  margin: -6px 6px 6px -6px;
  padding: 15px;
  }
  
 #body_right p img {display: block; border: solid 3px #f4f4f4;} 


/* links
------------------------------------------------------------------------- */
a{text-decoration: undeline;color: #006691; line-height:normal;}
a:hover {text-decoration: none; color: #006691;}


.azList a {display: block;}

/* font styles
------------------------------------------------------------------------- */

h1 { font-size: 218%; color: #990033; }
h2 { font-size: 164%; color: #990033; line-height: normal;}
h3 { font-size: 145%; color: #990033;}
h4 { font-size: 118%; color: #B37640;}
h5 { font-size: 100%; color: #B37640; font-weight:normal;}

#body_middleHome h3, #body_rightHome h3 {margin-top: 1em;}
.azList h3 {border-bottom: dashed 1px #990033;}
.azList h4 {margin: 1.5em 0 auto 0 ;}

#body_middle h2 {margin: 10px 0 0 0; }
#body_middle h5 {margin: 0px 0 10px 0; }
#body_left h4, #body_right h4  {margin: 10px 0 0 0; padding: 0 0 5px 0; font-weight: normal; border-bottom: dashed 1px #903;  }


.underline {border-bottom: solid 1px #000; padding: 10px 0 5px 0;}
.strike {text-decoration:line-through;}
.sold {color:#990000; font-weight:bold;}
.reduced {color: #006600; font-weight:bold;}
#body_middle p.right, #body_middleHome p.right { text-align: right; padding: 10px; font-size: 84.62%;margin-right: 10px;}
.highlight{}  

 .detaillist {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
 }
 .detaillist_header {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
 }
 .detaillist_link {
	color: #990033;
	font-size: 12px;
	font-weight: bold;
 }
 .tab {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
 }
 .select_exh  {
	color: #8d4650;
	font-size: 12px;
	font-weight: bold;
 }

.contactDetails h4 {color: #903; padding: 0; margin-bottom: 1em;}
		
/*  lists
------------------------------------------------------------------------- */

#body_right ul { list-style: none; padding: 0; margin: 0;font-size: 95%;}
#body_right li { padding: 5px 0 0 10px; margin: 0; font-weight: normal; line-height: normal; background: url('/res/arrow.gif')  no-repeat 0px 8px; }

/*  thumnails on homepages */

.thumbnail
{
float: left;
background: #d9d39e;
border: 1px solid #999;
/*min-height: 150px; 
height:150px;*/
margin: 0 8px 8px 0;
padding: 3px;
}
.thumbnail {height: expression('12em'); min-height: 12em;} 
.thumbnail img {border: 3px solid #fff;}
.clearboth { clear: both; }

table.thumbnails {background: #d9d39e;}
table.thumbnails img {border: 3px solid #fff;}


/* Forms
------------------------------------------------------------------------- */

 
 table.contactForm {background: #e8e4bf; padding: 10px; width: 410px;}
 table.contactForm caption { font-size: 130%; background: #e8e4bf; padding: 10px; width: 410px;}
 table.contactForm td {vertical-align:top; line-height:normal;}
 table.contactForm td.right {text-align: right; padding: 0 10px 0px 0;}