﻿html{height:100%; overflow-y:scroll; overflow: -moz-scrollbars-vertical;} 
/*
Main Color Codes
#B31F17 = red
#F78F20 = orange
#D05A28 = dorange
 */

/*----------------------- SITE WIDE -------------------------*/
body, html		{margin: 0; padding: 0; font-family:Trebuchet MS;}
p				{margin: 0; padding: 0;}
img				{border:0;}
a				{color:#B31F17; text-decoration:underline;}

/*----------------------- CONTAINER & SHELL -------------------------*/
#CONTAINER		{margin-left: auto; margin-right: auto; position:relative;}
#INSIDEBG		{margin-left: auto; margin-right: auto; position:relative; background-repeat:repeat-x; zoom: 1;}
#MAINSHELL		{width:780px; margin-left: auto; margin-right: auto; position:relative;}
#CONTENTAREA	{width:780px; margin-left: auto; margin-right: auto; position:relative;}

/*----------------------- TOP NAV  -------------------------*/
a.toparent
{clear: both; font-family:trebuchet ms; font-weight:normal; font-size:20px; color:#B31F17; margin: 0; padding: 0; text-decoration: none;}
a.toparent:hover		
{color:#F78F20; text-decoration: none;}

/*----------------------- HEADER -------------------------*/
#HEADER                 {width:780px; height: 60px; margin-left: auto; margin-right: auto; position: relative;}

a.Header_Red            {font-family:Trebuchet MS; color:#B31F17; text-decoration:none; text-decoration:underline;}
a.Header_Red:hover		{color:#F78F20;}

a.headerlnk             {font-family:Trebuchet MS; font-size:11px; color:#B31F17; text-decoration:none; font-weight:normal; white-space:nowrap;}
a.headerlnk:hover       {color:#F78F20;}

/*----------------------- SHARE THIS -------------------------*/
.sharehome              {position:absolute; right:15px; top: -25px;}
.shareinterior          {position:absolute; right:15px; top: 12px; z-index: 1;}
.sharebranch            {position:absolute; right:15px; top: 5px; z-index: 1;}

/*----------------------- GOOGLE TRANSLATE -------------------------*/
.goog-te-menu-value span {font-size: 11px; padding: 0; margin:0; font-family:Trebuchet MS; color:#B31F17;}.goog-te-menu-frame a {font-family:Trebuchet MS; font-size:11px; color:#B31F17;}

/*----------------------- GALLERY -------------------------*/
#GALLERY				{width:780px; height: 248px; margin-left: auto; margin-right: auto; position:relative; text-align: center; clear: both; z-index: 0;}
#GALLERYINTERIOR		{width:780px; height: 158px; margin-left: auto; margin-right: auto; position:relative; text-align: left; clear: both;}
#GALLERYIMAGEINTERIOR	{width:780px; height: 131px; overflow-y: hidden; margin-left: auto; margin-right: auto; position:relative; text-align: left; clear: both;}
#GALLERYIMAGE			{width:780px; height: 221px; margin-left: auto; margin-right: auto; position:relative; text-align: left; clear: both;}
#GALLERYTHUMBS			{clear: both; width:780px; height: 21px; margin-left: auto; margin-right: auto; position:relative;  background-repeat:repeat-x;}

/*----------------------- PAGE NOT FOUND - ERROR PAGEA -------------------------*/
.pnfbody			{font-size:14px; color: #333333; font-weight:normal; line-height: 25px; text-align: left;}
.pnftitle			{font-size:16px; color: #B31F17; font-weight:normal; text-align: left; font-weight: bold;}

a.pnflinks			{color: #B31F17; font-weight:normal; text-decoration: none; font-size:14px;}
a.pnflinks:hover	{color: #F78F20; text-decoration: underline;}

/*----------------------- BODY AREA -------------------------*/
#BODYCONTAINTER {width:780px; margin-left: auto; margin-right: auto; position:relative; text-align: center; z-index: 1; }
#BODYCOPY		{min-height:500px; _height:500px; position:relative; text-align: left; clear: both; padding-left: 10px;}
.bodycopyspace	{clear: both; padding: 0 0 0 0; margin: 0;}

/*----------------------- PAGE TITLE AREA -------------------------*/
#PAGETITLE		{width:780px; height: 31px; margin-left: auto; margin-right: auto; position:relative; z-index:0; text-align: left; background-repeat:repeat-x; }
.pagetitlespace	{clear: both; padding: 22px 0 0 0; margin: 0;}

/*----------------------- SUBNAV AREA -------------------------*/
#SUBNAVAREA		{clear: both; width: 185px; text-align: left;}
#NAVBLOCK		{clear: both; width: 180px; text-align: left; padding: 10px 0 0 0;}
.subnavspace	{clear: both; padding: 18px 5px 0 0; margin: 0;}

.interioreditor	{font-family:Trebuchet MS; color:#333333; font-weight:normal; background-color: #ffffff; text-align: left; background-image: none;}

/*----------------------- TOP NAV -------------------------*/
.textsize		{color:#B31F17; font-weight:normal; font-size: 10px;}

/*----------------------- STANDARD CB -------------------------*/
.StandardStyle, .StandardEdit {background-color: #ffffff; color:#333333; font-weight:normal; line-height: 21px; font-family:Trebuchet MS; font-size: 13px;}
.StandardEdit p, .StandardStyle p {margin: 0; padding: 0;}

.StandardEdit a, .StandardStyle a {color:#B31F17; text-decoration: underline;}
.StandardEdit a:hover, .StandardStyle a:hover {color:#F78F20;}

.StandardEdit ul ol, .StandardStyle ul ol {margin: 15px 0 15px 0; padding:0;}
.StandardEdit li, .StandardStyle li {margin:5px 0 5px 8px; padding:0 0 0 15px; background-image:url(/images/bullet_content.gif); background-repeat:no-repeat; background-position: 3px 14px; list-style-type:none; line-height: 1.3; zoom:1;}

.StandardEdit hr, .StandardStyle hr {background-color: #FAC297; border: none; height: 1px;}

/*----------------------- STANDARD LINK LIST-------------------------*/
.linklist		{background-image: none;}
.linklist ul	{margin: 15px 0 15px 0; padding:0;}
.linklist li	{margin:5px 0 8px 8px; padding:0 0 0 15px; background-image:url(/images/bullet_content.gif); background-repeat:no-repeat; background-position: 3px 7px; list-style-type:none; line-height: 1.3; zoom:1;}
.linklist ul li a	{text-decoration: none; color: #C1282F; font-weight: bold;}

/*----------------------- HOME SMALL CB -------------------------*/
.HomeSmallStyle, .HomeSmallEdit {background-color: #ffffff; font-family:Trebuchet MS; color:#333333; font-weight:normal; line-height: 19px; font-size:12px;}
.HomeSmallStyle p, .HomeSmallEdit p {margin: 0; padding: 0;}

.HomeSmallStyle a, .HomeSmallEdit a {color:#B31F17; text-decoration: underline;}
.HomeSmallStyle a:hover, .HomeSmallEdit a:hover {color:#F78F20;}

.HomeSmallStyle ul ol, .HomeSmallEdit ul ol {margin: 15px 0 15px 0; padding:0}
.HomeSmallStyle li, .HomeSmallEdit li {margin:5px 0 5px 0; padding:0 0 0 15px; background-image:url(<%=  Kalibrate.Web.Definition.SiteFullUrl %>/images/bullet_content.gif); background-repeat:no-repeat; background-position:4px 7px; list-style-type:none; line-height: 1.3;}

.HomeSmallStyle hr, .HomeSmallEdit hr {background-color: #FAC297; height: 1px; border:none;}

/*----------------------- RED & ORANGE LABEL CB -------------------------*/
.RedLabelStyle, .RedLabelEdit {background-color: #B31F17; font-family:Trebuchet MS; color:#ffffff; font-weight:normal; line-height: 1.3;}
.OrangeLabelStyle, .OrangeLabelEdit {background-color: #F78F20; font-family:Trebuchet MS; color:#ffffff; font-weight:normal; line-height: 1.3;}
.RedLabelStyle p, .RedLabelEdit p, .OrangeLabelStyle p, .OrangeLabelEdit p {margin: 0; padding: 0;}

.RedLabelStyle a, .RedLabelEdit a, .OrangeLabelStyle a, .OrangeLabelEdit a {color:#ffffff; text-decoration: none;}
.RedLabelStyle a:hover, .RedLabelEdit a:hover {color:#E7BAB7; text-decoration: none;}
.OrangeLabelStyle a:hover, .OrangeLabelEdit a:hover {color:#FAB775; text-decoration: none;}

.RedLabelStyle hr, .RedLabelEdit hr, .OrangeLabelEdit hr, .OrangeLabelStyle hr {background-color: #ffffff; height: 1px; border:none;}

/*----------------------- SMALL CB -------------------------*/
.SmallStyle, .SmallEdit {background-color: #ffffff; font-family:Trebuchet MS; color:#333333; font-weight:normal; line-height: 19px; font-size:12px;}
.SmallStyle p, .SmallEdit p {margin: 0; padding: 0;}

.SmallStyle a, .SmallEdit a {color:#B31F17; text-decoration: underline;}
.SmallStyle a:hover, .SmallEdit a:hover {color:#F78F20;}

.SmallStyle ul ol, .SmallEdit ul ol {margin: 15px 0 15px 0; padding:0}
.SmallStyle li, .SmallEdit li {margin:5px 0 5px 0; padding:0 0 0 15px; background-image:url(<%=  Kalibrate.Web.Definition.SiteFullUrl %>/images/bullet_content.gif); background-repeat:no-repeat; background-position:4px 7px; list-style-type:none; line-height: 1.3;}

.SmallStyle hr, .SmallEdit hr {background-color: #FAC297; height: 1px; border:none;}

/*----------------------- FOOTER CB -------------------------*/
.FooterStyle, .FooterEdit {background-color: #ffffff; font-family:Trebuchet MS; color:#B31F17; font-weight:normal; line-height: 15px; text-align: left; font-size: 11px}
.FooterStyle p, .FooterEdit p {margin: 0; padding: 0;}

.FooterStyle a, .FooterEdit a {color:#B31F17; text-decoration: underline; font-size: 11px;}
.FooterStyle a:hover, .FooterEdit a:hover {color:#F78F20; font-size: 11px;}


/*----------------------- EVENT SIDE BAR CB -------------------------*/
.EventSideStyle, .EventSideEdit {background-color: #ffffff; font-family:Trebuchet MS; color:#333333; font-weight:normal; line-height: 1.3; text-align: left;}
.EventSideStyle p, .EventSideEdit p {margin: 0; padding: 0;}

.EventSideStyle a, .EventSideEdit a {color:#B31F17; text-decoration: underline;}
.EventSideStyle a:hover, .EventSideEdit a:hover {color:#F78F20;}

.EventSideStyle ul ol, .EventSideEdit ul ol {margin: 15px 0 15px 0; padding:0}
.EventSideStyle li, .EventSideEdit li {margin:5px 0 5px 0; padding:0 0 0 15px; background-image:url(<%=  Kalibrate.Web.Definition.SiteFullUrl %>/images/bullet_content.gif); background-repeat:no-repeat; background-position:4px 7px; list-style-type:none; line-height: 1.3;}

.EventSideStyle hr, .EventSideEdit hr {background-color: #FAC297; height: 1px; border:none;}

/*----------------------- GLOBAL LAYOUT STYLES -------------------------*/
.clear			{clear:both; font-size:0; line-height:0}
.left			{float:left;}
.right			{float:right;}
.pad3			{float:left;width:1px; height:15px; margin-left:2px}
.padleft		{margin-left:5px}
.padright		{margin-right:10px}
.padimageleft	{margin-right:10px; margin-bottom: 10px;}
.padimageright	{margin-left:10px; margin-bottom: 10px; margin-left: 10px;}
.halfbr			{height:14px; font-size:0; line-height:0}
.backwhite		{background-color: #ffffff;}
.space3h		{clear: both; height: 3px}
.rowtitte		{clear: both; width: 180px; padding: 4px 0 0 0; background-color: #B31F17;}

/*----------------------- GLOBAL CONTENT STYLES -------------------------*/
h1				{clear: both;  font-weight:normal; color:#B31F17; margin: 0; padding: 0;}
h2				{font-weight:normal; color:#B31F17; font-weight:bold; margin: 0; padding: 0;}
h3				{font-weight:normal; font-family:Trebuchet MS; color:#F78F20; font-weight:bold; margin: 0; padding: 0;}
h4				{font-weight:normal; color:#F78F20; font-weight:bold; margin: 0; padding: 0;}
h5				{font-weight:normal; font-family:Trebuchet MS; font-size: 14px; color:#B31F17; font-weight:bold; margin: 0; padding: 0;}
h6				{font-weight:normal; font-family:Trebuchet MS; font-size: 12px; color:#B31F17; font-weight:bold; margin: 0; padding: 0;}
p				{}

.white10, .white12, .white14, .white16, .white18		{color:#ffffff; font-weight:normal;}
.body10, .body12, .body14, .body16, .body18				{color:#333333; font-weight:normal;}
.red10, .red12, .red14, .red16, .red18					{color:#B31F17; font-weight:normal;}
.orange10, .orange12, .orange14, .orange16, .orange18	{color:#F78F20; font-weight:normal;}


.line12			{line-height: 12px;}
.line14			{line-height: 14px;}
.line16			{line-height: 16px;}
.line18			{line-height: 18px;}
.line20			{line-height: 20px;}
.line23			{line-height: 23px;}
.line25			{line-height: 25px;}

.makebold		{font-weight: bold;}


/*----------------------- FOOTER -------------------------*/
#FOOTER				{width: 100%; clear:both; margin-left: auto; margin-right: auto; position:relative; background-repeat:repeat-x; text-align: center;}
#FOOTERCONTENT		{width:780px; margin-left: auto; margin-right: auto; position:relative; text-align: center;}
.copyright			{font-family:Trebuchet MS; font-size:11px; color:#F78F20; zoom:1; display:inline;}
.browserinfo		{font-family:Trebuchet MS; color:#B31F17; font-size:11px; zoom:1; display:inline;}

a.browserlink
{font-family:Trebuchet MS; font-size:11px; color:#B31F17; text-decoration:none; text-decoration:underline;}
a.browserlink:hover		
{color:#F78F20; font-family:Trebuchet MS; font-size:11px; text-decoration:none; text-decoration:underline;}


/*----------------------- CONTENT TEMPLATES -------------------------*/
#CT_ROW		{clear: both; width:180px; text-align: left;}
#ROWT p		{padding: 0; margin: 0;}

#content a:hover	{color:#F78F20; text-decoration:none;}

#CONTENT_LEFT		{float:left; width:204px;}
#CONTENT_RIGHT		{float:right; width:576px;}


#CONTENT_RIGHTNO	{float:left; width: 204px;}
#CONTENT_LEFTNO		{float:left; width: 576px;}

#CONTENT_RIGHT a		{color:#B31F17; text-decoration: underline;}
#CONTENT_RIGHT a:hover	{color:#F78F20;}

/*----------------------- SUBNAV STYLE 2 LEVELS -------------------------*/
#vertmenu {margin-top: 15px;}
#vertmenu ul 
{list-style: none; margin: 0px; padding: 0px; border: none;}

#vertmenu ul li 
{margin: 0px; padding: 0px; display: block;}

#vertmenu ul li a {
font-family: Trebuchet MS; display: block; border-bottom: 1px dotted #FAC297; padding: 5px 5px 5px 5px; text-decoration: none; color: #C1282F; width:175px;}

#vertmenu ul li a:hover, #vertmenu ul li a:focus 
{color: #F78F20; background-color: #FBF9E2;}

#vertmenu ul ul
{list-style: block; margin:0 0 6px 0; padding: 0px; border: none;}

#vertmenu ul ul li a {
font-family: Trebuchet MS; margin:0; display: block; padding: 3px 15px 3px 5px; border-bottom: solid 1px #ffffff; text-decoration: none; color: #ffffff; width:165px; background-color: #F78F20;}

#vertmenu ul ul li a:hover
{color: #ffffff; background-color: #F47615;}


/*----------------------- BRANCHES -------------------------*/
#branchside {padding: 8px 0 15px 0;}

#branchside ul 
{list-style: none; margin: 0px; padding: 0px; border: none; border-top: 1px dotted #FAC297;}

#branchside ul li 
{margin: 0px; padding: 0px; display: block;}

#branchside ul li a {
font-family: Trebuchet MS; font-size: 12px; display: block; border-bottom: 1px dotted #FAC297; padding: 5px 5px 5px 5px; line-height: 14px; text-decoration: none; color: #C1282F; }

#branchside ul li a:hover
{color: #F78F20; background-color: #FBF9E2;}

.greetingarea		{background-color:#F78F20 ;}
.greeting			{padding:7px 20px}
.sectionarea		{padding:10px 20px 15px 20px; text-align: left;}
.sectionbar			{clear: both; padding-left:16px; color:#FFFFFF;}

.sectionhat			{ }

/* ------------------------- BACKGROUND COLORS -------------------------*/

.redback			{background-color:#B31F17}
.greenback			{background-color:#B3B80F}
.pinkback			{background-color:#FBF9E2} /* this has been changed to creme formerly #FEEFE0 */
.orangeback			{background-color:#F78F20}
.yellowback			{background-color:#E7D000}
.khakiback			{background-color:#FBF9E2}
.whiteback			{background-color:#FFFFFF}


.orangeline			{background-color:#F78F20; height: 1px; clear: both;}
.orangelinehalf		{background-color:#FAC297; height: 1px; clear: both;}


/* ------------------------- SITES SETTINGS -------------------------*/

#header_top			{position:relative; width:780px; font-family: Trebuchet MS; color:#B31F17; }
#header_top div		{float:left; padding-right:10px}


/* ------------------------- LOGO AREA -------------------------*/

#LOGOSECTION		{width: 780px; text-align: left; margin: auto; padding: 2px 0 0 0;}
#TAGELINE			{padding: 30px 0 0 10px;}

/*------------------------- GALLERY SECTION -------------------------*/
#IMGHOLDER		{position:relative; width:780px; height:203px;}
#ImgRotateBack	{position:absolute; z-index:2; left:0; top:0; width:780px; height:203px;}
#ImgRotateFront	{position:absolute; z-index:3; left:0; top:0; width:780px; height:203px;}
#ImgRollOver	{position:absolute; z-index:4; left:0; top:0; width:780px; height:203px;}

.homeinfobox	{width: 25px; height: 18px; background-color: #ffffff; float: left;}


/*------------------------- NAVIGATION -------------------------*/

#TOPNAV				{width:780px; z-index: 0; height: 25px;}
#MAINNAV			{width:780px; z-index: 0; padding: 7px 0 0 0;}

.navpadselect		{float: left; height: 25px; border: solid 1px #B32317; background-color: #C1282F; padding: 0 8px 0 8px; margin: 0 2px 0 0;}
.navpad				{float: left; height: 25px; padding: 2px 9px 0 9px; margin: 0 2px 0 0;}

a.navlink:link,a.navlink:visited,a.navlink:hover,a.navlink:active
{font-family:Trebuchet MS; font-size:12px; color:#000000; text-decoration:none; line-height:2.5em}

a.navlink:hover
{color:#F58025;}

a.navlinkslct:link,a.navlinkslct:visited,a.navlinkslct:hover,a.navlinkslct:active
{font-family:Trebuchet MS; font-size:12px; color:#ffffff; text-decoration:none; line-height:2.5em}


/*------------------------- BUTTON SECTION -------------------------*/
#btnnav					{margin-bottom:6px}

/*------------------------- TOOLBAR SEARCH PANEL -------------------------*/

.buttonlogin			{float: left; padding: 1px 8px 0 0;}
.searchby				{float: left; padding: 2px 8px 0 0;}
.searchfield			{float: left; padding: 1px 8px 0 0;}
.buttonfind				{float: left; padding: 0; margin: 1px 8px 0 0;}
.buttongo				{float: left; padding: 0; margin: 1px 0 0 0;}


#searchpanelht			{clear: both; height:30px;}


#txtsearchborder		{border:solid 1px #666666; width:157px;}
#greeting				{width:780px; margin-left: auto; margin-right: auto; margin-bottom:6px; }

.redborder				{border-left:solid 4px #AB1425}
.btn					{display:block;cursor:pointer;}

a.languagelnk:link,a.languagelnk:visited,a.languagelnk:hover,a.languagelnk:active
{font-family:Trebuchet MS; font-size:11px; color:#000000; text-decoration:none; font-weight:bold}






/********* BRANCHES *********/
.branchinfo_top			{height:120px; background-color:#F78F20; position:relative; }
.branchinfo_top .address{color:#B31F17; line-height:14px}
.branchinfo_top .phone	{color:#FFFFFF; line-height:14px; padding-top:10px}
.branchinfo_top h1		{color:#FFFFFF;}
.branchinfo_top .padding	{padding:0px 10px 0 10px;}
.wireless				{}
.wirelessimg			{float:right; padding-left:5px}
.branch_map_area		{height:140px; background-color:#F4F4E9;}
.branch_map				{border:dotted 1px black; margin-left:auto; margin-right:auto;}
.branch_map_pad			{padding-top:20px}
#branch_map				{padding-top:20px}
.exhibit				{margin: 0;}
.recur					{margin: 0;}
.sch					{margin: 0;}
.name					{font-weight:normal; margin:8px 0 2px 0; color:#B31F17; padding-top:10px;}
.dates					{margin: 0;}
.description			{margin: 0 ;}


/*********** Kalibrate DataGrid Segement Styles  **************/
.dgexternalcontainer	{}
.dgcontainer			{}	
.dgtbl					{}
.dgtblheader			{}
.dgcell					{}
