/* Margin/Padding Hard Reset to 0 */

* {
 margin: 0;
 padding: 0;
}


/* Large Box Shadow CSS */

.lgboxwrap {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:775px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
}

.lgboxwrap .content,
.lgboxwrap .t,
.lgboxwrap .b,
.lgboxwrap .b div {
 background:transparent url(images/graybox.png) no-repeat top right;
 position: relative;
}

.greenbox .content,
.greenbox .t,
.greenbox .b,
.greenbox .b div {
 background:transparent url(images/greenbox.png) no-repeat top right; 
}

.lgboxwrap .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.lgboxwrap .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.lgboxwrap .b {
 /* bottom */
 position:relative;
 width:100%;
}

.lgboxwrap .b,
.lgboxwrap .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
 position: relative;
}

.lgboxwrap .b {
 background-position:bottom right;
}

.lgboxwrap .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.lgboxwrap .hd,
.lgboxwrap .bd,
.lgboxwrap .ft {
 position:relative;
}

.lgboxwrap .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

div.box_lg {
 padding: 10px 15px 0 15px;
}

body#template2 div.box_lg {
 min-height: 382px;
 padding: 10px 15px 0 15px;
}

body#template2.page4 div.box_lg {
 min-height: 408px;
 padding: 10px 15px 10px 15px;
}

div.box_lg h2 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}

body#template2 div.box_lg h2 {
	line-height: 1em;
	font-size: 1.3em;
}

div.box_lg h2 span {
 font-size: 0.8em;
}

div.box_lg p {
 padding: 6px 0;
}

div.section {
 width: 175px;
 float: left;
 padding: 10px 65px 0 0;
}

#section3 {
 padding: 10px 0 0;
}

body#template2 div.section {
 width: 205px;
 padding: 10px 35px 0 0;
}

div.section h3 {
	font-size: 1.2em;
}

div.section ul li {
 list-style: none;
 padding: 3px 0;
}


/* Small Box Shadow CSS */

div.shadow_sm_content {
 width: 247px;
 background: url(images/yellow_repeat.png) repeat-y top left;
 float: right;
 margin: -5px 0 5px 0;
}

body#template2 div.shadow_sm_content {
 margin: 0 0 5px 0;
}

body#template2.page4 div.shadow_sm_content {
 margin: 10px 0 -5px 0;
}

div.shadow_sm_top {
 min-height: 15px;
 display: block;
 background: url(images/yellow_top.png) no-repeat top left;
 padding: 0;
}

div.shadow_sm_bottom {
 min-height: 18px;
 background: url(images/yellow_bottom.png) no-repeat bottom left;
 padding: 0 0 9px 10px;
}

div#blue.shadow_sm_content {
 color: #fff;
 background: url(images/blue_repeat.png) repeat-y top left;
}

div#blue .shadow_sm_top {
 background: url(images/blue_top.png) no-repeat top left;
}

div#blue .shadow_sm_bottom {
 background: url(images/blue_bottom.png) no-repeat bottom left;
}

div.box_sm {
 padding: 15px 10px 5px 10px;
}

body#template2 div.box_sm {
 min-height: 171px;
 padding: 20px 15px 5px 15px;
}

body#template2 div#oppenheimer.box_sm,
body#template2 div#megaborg.box_sm {
 padding: 0 0 0 4px;
}

div.box_sm p {
 padding: 5px 0;
}

div.box_sm p.name {
 font-style: italic;
 text-align: right;
}

div.box_sm h4 {
 font-size: 1.2em;
}

div.box_sm p.link {
 text-align: center;
 font-weight: bold;
}

div.box_sm p.link a {
 color: #fff;
 text-decoration: none;
}


/* Site Layout CSS */

img {
 border: none;
}

body {
 color: #000;
 background: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
}

div#wrapper {
 max-width: 1061px;
 margin: 10px auto 0 auto;
 position: relative;
}


/* Header */

.headerwrap {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1061px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
}

.headerwrap .content,
.headerwrap .t,
.headerwrap .b,
.headerwrap .b div {
 background:transparent url(images/header2_bg.png) no-repeat top right;
 position: relative;
}

.headerwrap .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
 position: relative;
}

.headerwrap .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.headerwrap .b {
 /* bottom */
 position:relative;
 width:100%;
}

.headerwrap .b,
.headerwrap .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
 position: relative;
}

.headerwrap .b {
 background-position:bottom right;
}

.headerwrap .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.headerwrap .hd,
.headerwrap .bd,
.headerwrap .ft {
 position:relative;
}

#logo {
 padding: 10px 0 0 15px;
}

div#nav {
 padding: 20px 0 0 0;
}

div#nav table {
	width: 100%;
	font-size: .9em;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

div#nav ul li {
	width: 160px;
	list-style: none;
	display: inline;
	float: left;
}

div#nav ul li.push {
 padding: 10px 0 0 0;
}

div#nav a {
 color: #fff;
 display: block;
 position: relative;
 text-decoration: none;
}

#nav a:hover {
 color: #000;
}

#leftcol {
 width: 75%;
 height: 100%;
 float: left;
 display: inline;
 margin: 5px 0.5% 0 0.5%;
}

#right {
 width: 24%;
 float: right;
 display: inline;
 margin: 0;
}

.clear {
 clear: both;
}

#bottom {
 clear: both;
}

div.bottombox {
 width: 229px;
 height: 100px;
 background: url(images/small_graybox.png) no-repeat top;
 margin: 5px 28px 0 15px;
 float: left;
}

#bottom4 {
 margin: 5px 0 0 15px;
}

div#footer {
 clear: both;
 padding: 5px 0 0 0;
 font-size: 0.9em;
}

body#template2 div#footer {
 width: 100%;
 padding: 0;
 clear: both;
}

div#footer p.footright {
 float: right;
}

div#footer a {
 color: #000;
 text-decoration: none;
}

div#footer a:hover {
 color: #1a6da1;
}
