body {
	
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mainpanel {
	width:475px;
	padding:30px;
}

#mainpanelx {
	width:555px;
	padding:0px;	
}

#rightpanel {
	width:195px;
	padding:0px;
	text-align:center;
	height:252px;
}

#rightpanelpad {
	width:165px;
	padding:15px;
	text-align:center;
	height:252px;
}
#rightpanelpad_leftalign {
	width:165px;
	padding:15px;
	text-align:left;
	height:230px;
}

td {
	text-align: left;
	vertical-align: top;
	font-family:Tahoma;
	font-size:11px;
	color:#535353;
}

.t11 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
}

.t11_light {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	color:#ddd;
}

.t14 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#ddd;
	line-height: 20px;
	
}

.style2 {font-family: Tahoma; font-size: 9px; font-style: normal; color: #000000; }

.t9 {	font-family: Tahoma;
	font-size: 9px;
	font-style: normal;
}

/* Textual CSS */

p, .p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	line-height:normal;
	font-weight: 100;
	font-style: normal;
}

h1, .h1 {
	font-family:Tahoma, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}

h2, .h2 {
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:16px;
	font-weight:bold;
}

h3, .h3 {
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
	letter-spacing:1px;
}

h6, .h6 {
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	line-height:16px;
	letter-spacing:1px;
}

#ul1 {
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:16px;
	list-style-type:square;
	text-align:left;
	margin-left:10px;
	padding-left:10px;

}

li {
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:16px;
	list-style-type:square;
	text-align:left;
}

A {
	text-decoration: none;
	color: #364865;
}

A:hover {
	text-decoration: underline;
	color: #364865;
}

A.light {
	text-decoration: none;
	color: #CCCCCC;
}

A.light:hover {
	text-decoration: underline;
	color: #CCCCCC;
}

.rightimage {
	float:right;
	margin:25px 25px 0 0;
	clear:right;
}

.textbox {
	border:0px;
	background-color:#D6D3D3;
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
.textbox1 {
	border:1px solid #B2B2B2;
	background-color:white;
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;
}

.button {
	border:1px solid #999999;
	background-color:#F3F3F3;
	font-family:Tahoma, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}

.button_signin {
	border:0px;
	background-image:url(images/btn_signin.jpg);
	width:59px;
	height:20px;	
}

/* THUMBS styling */
/* CLASSIC RANGE */

ul.classic_thumb {
	padding: 0;
	float: left;
	list-style: none;
	margin: 0; 
	padding: 10px 3px 0px 10px;
	width: 559px;
}

ul.classic_thumb li {
	list-style: none;
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 83px;
	height: 98px;
}

ul.classic_thumb li.thumbs_last {
	padding-right: 0px;
}

ul.classic_thumb li img {
	width: 75px;
	height: 90px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0;
	top: 0;
}

ul.classic_thumb li img.hover {
	background:url(images/thumbs/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

ul.classic_thumb_titles {
	padding: 0;
	float: left;
	list-style: none;
	margin: 0; padding: 0px 7px 5px 7px;
	margin-top: 0px;
	width: 559px;
}

ul.classic_thumb_titles li {
	list-style: none;
	margin: 0; padding: 0px 10px 0px 10px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 73px;
	font-weight: bold;
	
}

/* HERITAGE RANGE */

ul.heritage_thumb {
	padding: 0;
	float: left;
	list-style: none;
	margin: 0; 
	padding: 9px 0px 0px 18px;
	width: 555px;
}

ul.heritage_thumb li {
	list-style: none;
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 102px;
	height: 98px;
}

ul.heritage_thumb li.thumbs_last {
	padding-right: 0px;
}

ul.heritage_thumb li img {
	width: 75px;
	height: 90px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0;
	top: 0;
}

ul.heritage_thumb li img.hover {
	background:url(images/thumbs/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

ul.heritage_thumb_titles {
	padding: 0;
	float: left;
	list-style: none;
	margin: 0; padding: 0px 0px 5px 10px;
	margin-top: -6px;
	width: 563px;
}

ul.heritage_thumb_titles li {
	list-style: none;
	margin: 0; padding: 0px 0px 0px 15px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 97px;
	font-weight: bold;
	
}

/* RENDER GRADE RANGE */

ul.render_thumb {
	padding: 0;
	float: left;
	list-style: none;
	margin: 0; 
	padding: 9px 0px 0px 28px;
	width: 545px;
}

ul.render_thumb li {
	list-style: none;
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 102px;
	height: 98px;
}

ul.render_thumb li.thumbs_last {
	padding-right: 0px;
}

ul.render_thumb li img {
	width: 75px;
	height: 90px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0;
	top: 0;
}

ul.render_thumb li img.hover {
	background:url(images/thumbs/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

ul.render_thumb_titles {
	padding: 0;
	float: left;
	list-style: none;
	margin: 0; padding: 0px 0px 5px 20px;
	margin-top: -6px;
	width: 553px;
}

ul.render_thumb_titles li {
	list-style: none;
	margin: 0; padding: 0px 0px 0px 15px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 97px;
	font-weight: bold;
	
}


/**
====================================
	Box with rounded corners
====================================
**/
div.inline {
	float:right;
	margin-top:1em;
	padding-right:10px;
	width:300px;
}

div.full_width div.cssbox,
div.full_width div.cssbox_body,
div.full_width div.cssbox_head,
div.full_width div.cssbox_head h2 {
	background: transparent url(images/box_white.gif) no-repeat bottom right;
}

div.full_width div.cssbox {
	width: 525px !important; /* intended total box width - padding-right(next) */
	width: 525px; /* IE Win = width - padding --- was 520 px */
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:0;
}


/* set the top-right image */ 
div.full_width div.cssbox_head { 
    background-position: top right; margin-right: -10px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
div.full_width div.cssbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 12px 0 4px 18px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size:1.2em;
}

div.full_width div.cssbox_head h2 {
	color:#364865;
}


/* set the lower-left corner image */ 
div.full_width div.cssbox_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 8px 0 15px 18px; /* mirror .cssbox_head right/left */
}

div.full_width div.cssbox_body p {
	margin-bottom:1em;
	color:#333333;
}

div.full_width div.cssbox_body h2 {
	margin-bottom:0;
	margin-top:0.2em;
}

div.full_width div.cssbox_body p.image_text {
	color:#666666;
	font-size:0.8em;
	margin-top:0.5em;
}


div.full_width div.cssbox_body a {
	text-decoration:none;
}

/* Document categories */


ul.document_categories {
	list-style-type:none;
	padding-bottom:0.5em;
	margin-left: -35px;
}
ul.document_categories li {
	padding:0;
	border:1px solid #d0d0d0;
	margin-bottom:0.6em;
	display:block;
	background: url(images/h3_gradient_light.gif) repeat-x top;
}
ul.document_categories li.current > a {
	font-weight:bold;
}
ul.document_categories li a {
	display:block;
	margin:5px 0 4px 1em;
}
ul.document_categories li a:hover {
	text-decoration:underline;
	background-color:#f0f0f0;
}
ul.document_subcategory {
	list-style-type:none;
	margin-top:0.5em;
	margin-bottom:1em;
	display:block;
	width:47%;
	width/**/:/**/ 50%; /* all browsers but IE 5 will see this */
	float:left;
	margin-right:-1px;
}
ul.document_subcategory li {
	border:none;
	padding:0.15em 1em 0.3em 2em;
	margin:0;
	background: url('/images/hr_line.gif') repeat-x bottom;
	font-size:0.9em;
}
ul.document_subcategory li:hover,
ul.document_subcategory li.current {
	background-color:#f0f0f0;
}
ul.document_subcategory li a {
	display:inline;
	margin:0;
}


