/*  Clarke Duncan style  */

/* COLOUR SCHEME */
/* main colour: #f8941d - Light colour: #fbc98e - Dark colour: #e15555  */ 


/* BODY STYLE */
body	
{
background: #fff url(../images/template/background.gif) repeat-x scroll left top;
color: #000;
margin: 0 0 10px;padding: 0;border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/* LAYOUT STYLES */

#CONTAINER { width: 900px;margin-right: auto;margin-left: auto;}
#mainNav { width: 220px; float: left; }
#content{ width: 680px; float: right; }

#footer 
{
	clear:both;
	padding-top: 10px;
	text-align: center;
	font-size: 11px;
	margin-top: 10px;
	color: gray;
}

.Tpan 
{
	background: url(../images/template/clarke-duncan-logo.gif) no-repeat right top;
	height: 65px;
	width: 665px;
}
.TpanOver 
{
	background: url(../images/template/clarke-duncan-banner-logo.gif) no-repeat right top;
	height: 65px;
	width: 665px;
}

.Tpan h1 > a
{
	font-size: 40px;
	color: #1c3581;
	padding-left: 25px;
	position: absolute;
	top: 14px;
	visibility: hidden;
}

.Tpan h2 
{
	visibility: visible;
	letter-spacing: .3px;
	color: black; 
	position: static;
	top: 95px;
	font-size: 1.5em;
	padding-top: 80px;
	margin-left: 40px;
}
.Tpan p 
{
	position: absolute;
	top: 20px;
	left: 65px;
	color: #0e6179;
	text-shadow: silver 1px 1px 1px;
	font-size: 14px;
	line-height: 13px;
}



.img1 { margin-left: 20px;}

.img2 { margin-left: 100px;position: absolute;top: 0;}

.imgfam { padding-right: 2px; }

.imgphoto { padding-bottom: 9px; }



#BGmid-panel-top
{
	background: transparent url(../images/template/content_top.png) no-repeat 0 0;
	width: 670px;
	top: 65px;
	padding-top: 10px;
	float: right;
}



.BGmid-panel-mid
{ 
border-left: 1px solid #b4b0b0; border-right: 1px solid #b4b0b0;
padding-left: 15px;
padding-right: 15px;
margin: 0;
padding-bottom: 5px;
background: url(../images/white.gif) repeat 0 0;
}

#BGmid-panel-bot
{
height: 10px;	
background: url(../images/template/content_bot.png) no-repeat left bottom;
width: 670px;
float: right;
}


/*  SIDE NAVIGATION left start  */

#sideNav a
{ color: #0e6179;display: block; padding: 8px 0px 8px 0px; background: white url(../images/template/button-link.gif) no-repeat center top; margin-bottom: 2px; text-align: center; font-size: 14px; }

#sideNav a:hover
{ color: red; background: white url(../images/template/button-link_o.gif) no-repeat center top; }

body.home #sideNav a#home, body.me #sideNav a#me, body.family #sideNav a#family, body.family #sideNav a#family, body.work #sideNav a#work, body.photos #sideNav a#photos, body.friends #sideNav a#friends, body.fun #sideNav a#fun, body.links #sideNav a#links
{ color: red; background: white url(../images/template/button-link_o.gif) no-repeat center top; font-weight: bold; }

body.home #sideNav a:visited#home, body.me #sideNav a:visited#me, body.family #sideNav a:visited#family, body.work #sideNav a:visited#work, body.photos #sideNav a:visited #photos, body.friends #sideNav a:visited#friends, body.fun #sideNav a:visited#fun, body.links #sideNav a:visited#links
{ color: red; background: white url(../images/template/button-link_o.gif) no-repeat center top; }

body.home #sideNav a:hover#home, body.me #sideNav a:hover#me, body.family #sideNav a:hover#family, body.photos #sideNav a:hover #photos, body.work #sideNav a:hover#work, body.friends #sideNav a:hover#friends, body.fun #sideNav a:hover#fun, body.links #sideNav a:hover#links
{ color: red; background: white url(../images/template/button-link_o.gif) no-repeat center top; }

body.home #sideNav a:active#home, body.me #sideNav a:active#me, body.family #sideNav a:active#family, body.photos #sideNav a:active #photos, body.work #sideNav a:active#work, body.friends #sideNav a:active#friends, body.fun #sideNav a:active#fun, body.links #sideNav a:active#links
{ color: red; background: white url(../images/template/button-link_o.gif) no-repeat center top; }

/*  SIDE NAVIGATION left end  */


/* BORDER STYLES */

.border-dark-colour 
{ border: 1px solid #e15555; margin-bottom: 5px; margin-top: 5px; }

.border-main-colour 
{ border: 1px solid #f8941d; margin-bottom: 5px; margin-top: 5px; }

.border-main-colour-nobot 
{ border-top: 1px solid #f8941d; border-right: 1px solid #f8941d; border-left: 1px solid #f8941d; }


/* LINE STYLES */

hr 
{ border: none; background-color: silver; color: silver; height: 1px; margin-top: 5px;margin-bottom: 5px; }

hr.colour 
{ border: none; background-color: red; color: red; height: 1px; margin-top: 5px; margin-bottom: 5px; }

hr.dashed
{ border: none; background-color:white; height: 1px; border-bottom: 1px dashed gray; }
	
hr.white 
{ border: none; background-color: white; color: white; height: 1px; margin-top: 0px; margin-bottom: 0px; }



/* OTHER TABLE STYLES */

.leftpanel{padding-right: 10px;border-right: 1px solid #b4b0b0;}
.rightpanel{padding-left: 10px;}

.captionimg 
		{
			padding: 0.2em;
			margin: 0em 0em 1em 1em;
			float: right;
			font-size: 1em;
			color: gray;
			text-align: right;
			border-bottom: 1px solid silver;
		}
.captionimg img
		{ margin-bottom: 0.4em; }

.form { padding: 5px; color: #1363c5; font-size: 11px; }

	
/* IMAGES */

/* default */
img {border: 0;}



/*  FORM STYLE  */

.formtable{ background-color: #fbc98e; }

/* FONT STYLES */
	
a:link, a:visited, a:active { text-decoration : none;color: #0b2dfa; }
a:hover { text-decoration : underline;color: #0b2dfa; }

/*  header fonts  */ 
h1, h2, h3, h4, h5, h6	{font-weight: normal;font-family: Verdana, Arial, sans-serif;}

h1	{font-size: 22px;margin-top: 0;margin-bottom: 5px;color: black;}
h2	{font-size: 18px;margin-top: 0px;margin-bottom: 2px;}
h3	{font-size: 14px;margin-top: 0;margin-bottom: 3px;color: gray;font-weight: bold;}
h4	{font-size: 18px;margin: 0 0 5px;padding: 0;}
h5	{font-size: 14px;margin: 5px 0 2px;padding: 0;}
h6	{font-size: 12px;margin: 5px 0 2px;padding: 0;color: #fc090d;}
p {margin-top: 0; margin-bottom: 5px; font-size: 12px;line-height: 1.3em;text-align: justify;}
p.caption {margin-top: 5px; margin-bottom: 5px; font-size: 11px;text-align: left;color: gray;}
p.captioncolor {margin-top: 1px; margin-bottom: 1px; font-size: 11px;text-align: left;color: #0e6179;}

/*  general fonts  */
.BLK_11 { font-family: Arial, sans-serif; font-size: 11px; color: black; }
.WHITE_11 { font-family: Arial, sans-serif; font-size: 11px; color: white; }
.WHITE_11 a:link { color: white; text-decoration: none;font: bold 11px Arial, sans-serif;}
.WHITE_11 a:visited { font-family: Arial, sans-serif; color: white; font-size: 11px; text-decoration: underline; }
.WHITE_11 a:hover { font-family: Arial, sans-serif; color: white; font-size: 11px; text-decoration: underline; }
.WHITE_11 a:active { font-family: Arial, sans-serif; color: white; font-size: 11px; text-decoration: none; }
.GREY_12 { font-family: Arial, sans-serif; font-size: 12px; color: grey; }
.GREY_16 { font-family: Verdana, Arial, sans-serif; font-size: 16px; color: gray; }
.RED_10 { font-family: Arial, sans-serif; font-size: 10px; color: red; }
.RED_12 { font-family: Arial, sans-serif; font-size: 12px; color: red; }