/* css style sheet - Highland Law Practice */

/*display elements */
p{font-family: "Times New Roman", serif;color:black;padding-bottom:0.5em;}
h1{font-family: Arial,Helvetica,sans-serif; font-size:150%;font-weight:bold;padding-top:0.5em;}
h2{font-family: Arial,Helvetica,sans-serif; font-size:110%;font-weight:bold;padding-top:0.5em;}
ul{padding-bottom:0.5em;}

.note{font-size:70%;}
.navnote{font-family: Arial,Helvetica,sans-serif;font-size:70%;color:#000080;text-align:left;float:right;}
abbr, acronym, .help {cursor: help;border-bottom:1px dotted #99ff99;}
.standard{color:#000080;}
.warning{color:red}
.commercial{color:purple}
.domestic{color:#008000}
.development{color:#993300}
.hide{display:none}
.emphatic{font-weight:bold}
.centred{text-align:center;}
.dropcap{padding-top:.2em;font-family: Arial,Helvetica,sans-serif;font-size:110%;font-weight:bold;}
.separate{border-bottom:3px solid;}


img {border:0;}
img.plain {width: 320px;padding: 0.75em;}
img.standard{width: 320px; border:2px solid;margin:1em;}
img.thumbnail {width:80px;border:1px solid black;margin:0.5em;}
img.proportional {width:95%;}
img.avatar{width:120px;border:1px solid;margin:0.5em; }
a {color:#000080;}
a.video{font-family:Arial, Helvetica,sans-serif;font-size:90%;font-weight:bold;}

/*
a.tabular{width: 18%;margin:1em 1% 1em 0;padding: 1%;float:left;font-family: Arial,Helvetica,sans-serif;font-size: 75%;font-weight:bold;}
*/


/*Main Structure */
* {margin: 0;}
html, body {height:100%;}
body {padding:0;border:0;width:100%;font-size:100%;color:black;background-color:#CCFFCC;}

#header{clear:both;float:left;width:100%;height:40px;text-align:center;border-bottom:2px solid #000080;}
#header img{width:78px; border:0; text-align:center;}
#header a{text-decoration:none}

#content{min-height:100%;height: auto!important; height:100%; margin: 0 1em -3.5em;}

div#main-right{margin: 0 0 2em 13em}

#leftbar{position: absolute;left: 0;top: 60px;width: 13em;padding:1em;}
#leftbar ul{list-style: none;margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
#leftbar li ul{margin:0 0 0 10%;padding:0;font-size:90%;}
#leftbar a{display: block;text-decoration: none;}
#leftbar a:hover, #leftbar a:active, #leftbar a:focus{background-color:#99ff99}

/* Three column layout */
/*Use colmask threecol>colmid>colleft>col1[content],col2[content],col3[content] */
.colmask {position:relative;clear:both;float:left;width:100%;overflow:hidden;}
.colmask hr {margin-top:0.75em;}
.colright,.colmid,.colleft {float:left;width:100%;position:relative;}
.col1,.col2,.col3 {float:left;position:relative;padding:0 0 1em 0;overflow:hidden;}
.threecol {/*background:#eee;		 right column background colour */}
.threecol .colmid {right:25%;			/* width of the right column */
		/*background:#fff;		 center column background colour */}
.threecol .colleft {right:50%;			/* width of the middle column */
		/*background:#f4f4f4;	 left column background colour */}
.threecol .col1 {width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */}
.threecol .col2 {width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}
.threecol .col3 {width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}
.push{height: 3.5em;}
#footer{clear:both;height: 3.5em;padding-top:0.25em;padding-bottom:0.25em;float:left; width:100%;font-size:60%; text-align:center;font-family: Arial,Helvetica,sans-serif;color: #FFFFFF;background-color: #006600;z-index: 100;}
#footer li{display:inline; padding-right:1em;padding-left:1em;border-right: 1px solid white;}
#footer li.last{display:inline; padding-right:1em;padding-left:1em;border-right: 0px;}
#footer a {text-decoration:none;color:white;}
#footer a:hover, #footer a:active, #footer a:focus {text-decoration:underline;}
#footer img{ border:0; vertical-align:bottom;}