/* Based on a page width of 988 pixels */

#page {
	margin: 20px auto;
	padding: 0 1em;
	max-width: 80em;	    /* 988px / 16px = 61.75em  - overridden to allow for larger screens - MAC */
}

h1 {
	margin-left: 14.575%;	/* 144px / 988px = 0.14575 */
	width: 70.85%;			/* 700px / 988px = 0.7085 */
}

fieldset { border: none; background-color:transparent; margin:0; padding:0;}

.header {
        margin-left: 14.575%;	/* 144px / 988px = 0.14575 */
	width: 70.85%;			/* 700px / 988px = 0.7085 */
}

.header h2 {
        padding-top: 1em;
        margin-left: 200px;
}

.header h3 {
        margin-left: 240px;
}

.header .logo {
        float: left;
        padding: 0;
        width: 150px;
        height: 100px;
}

.subheader {
	width: 85.42%;			/* 844px / 988px = 0.8542 */
        display: block;
        padding: 0;
        margin: 0;
        border-bottom: #666 1px solid;
}

.subheader .smlogo {
        width: 17.06%;                  /* 144 / 844 = */
        float:left;
        padding: 0;
}

.subheader .logo {
        float: left;
        padding: 0;
        width: 110px;
        height: 80px;
}

.subheader h2 {
        padding: 0;
        margin: 0;
        display: block;
        padding: 0.25em 0;
        margin-left: 17.06%;	  /*       144px / 844px = 0.1706 */
        color: #666;
}

.subheader h3 {
        margin-left: 17.06%;	        /* 144px / 844px = 0.1706 */
}

.subheader h4 {
        padding: 0;
        margin: 0;
        display: inline;
}

.subheader p {
        padding: 0.25em 0;
        margin: 0;
        margin-left: 17.06%;
}




.mainBody {
        margin: 0;
        /*margin-left: 14.575%;        144px / 988px = 0.14575 */
        margin-top: 0.25em;
        float: left;
        /*width: 70.85%;*/
        width: 85.42%;
        display: inline;
        padding: 0;
}

.mainBody h3 {
        padding: .75em 0 .5em 0;
        margin: 0;
        margin-left: 17.06%;
        color: #666;
}

.mainBody p {
        padding: .25em 0 .5em 0;
        margin: 0;
        margin-left: 17.06%;
}

.mainBody ul {
        padding: 0 0 0 2em;
        margin: 0;
        margin-left: 17.06%;
}

.mainBody .logo {
        clear:both;
        float: left;
        padding: .75em 0 0 0;
        margin: 0;
}

.rightBar {
        float: right;
	width: 12.55%;	/* 124px / 988px = 0.1255 */
        padding: 0;
        margin: 0;
}

.rightBar h3 {
        padding: 0;
        margin: 0;
}

.hide { position:absolute; left:-9000px; top:0; z-index:20; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

#footer {
        clear:both;
        margin-top: 1em;
        border-top: #666 1px solid;
}

#footer p {
        margin-left: 14.575%;
}

.businesscard {
        margin-left: 0;
}

.errorMsg {
        width: 82.94%;
        padding: 0;
        margin: 0 0 1em 0;
        margin-left: 17.06%;   
        /*border: 1px solid #000;*/
        background: url(../images/error_blk_bg_left.gif) top left no-repeat;

}

.errorMsg h3 {
        margin: 0;
        padding: 0.5em 0 0.5em 1em;
        background: url(../images/error_blk_bg_right.gif) top right no-repeat;
}

.errorMsg ul {
        margin: 0;
	padding: 0.5em 0 0.5em 0;
        list-style: none;
        background-color: #fff;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
}

.errorMsg li {
        margin: 0;
	padding: 0.25em 1em 0.25em 1em;
}

.errorMsg a:link {color:red; border-bottom:#f00 1px solid}
.errorMsg a:visited {color:red; border-bottom:#f00 1px solid}