/*************************************************************************************
This stylesheet will be used both in the public site and the cms editor and has lower
priority than "public_base.css" when used in the public site.
**************************************************************************************/


/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:x-small; overflow: -moz-scrollbars-vertical !important;}
BODY{COLOR:#000; FONT-FAMILY:Verdana,Arial,Helvetica;MARGIN-LEFT:15px; MARGIN-TOP:0px;}
A:link, A:active, A:hover, A:visited{COLOR: #2973a2;}
P{MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}
H1{font-family:Arial, Verdana, Helvetica; font-size:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px;}
H2{font-family:Arial, Verdana, Helvetica; FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:0px;/*Required for Firefox*/}


/** STYLES FOR TEMPLATE ELEMENTS AND EDITOR DROP DOWN LIST ***************************/
/*************************************************************************************/
.Mainheader {font-family:Arial, Verdana, Helvetica; font-size:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px;}
.Subheader  {font-family:Arial, Verdana, Helvetica; FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:0px;/*Required for Firefox*/}


/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/base1.ascx) */
/*************************************************************************************/
.mainArea{width:970px; margin:0px auto 0px auto; position:relative;  }
.w3cArea{width:757px; text-align:right;}
.copyrightArea{width:750px; FONT-SIZE:110%; text-align:right; margin-top:5px; margin-bottom:5px; color:#CCCCCC;}
A.copyrightLink:link, A.copyrightLink:active, A.copyrightLink:hover, A.copyrightLink:visited{color:#CCCCCC; text-decoration:none;}

.logoArea   {PADDING-BOTTOM:5px; height:124px;BACKGROUND-IMAGE: url(../images/banner_paperclip.gif);}
.logoAreaSub{PADDING-BOTTOM:5px; height:124px;BACKGROUND-IMAGE: url(../images/banner_paperclip_subpages.gif);}

.logoContentLeft{FLOAT:left;}
.logoContentRight{FLOAT:right; MARGIN-TOP:15px; FONT-SIZE:110%; COLOR:#375268;}
.lineArea{height:12px; background-color:#666666; border-bottom:1px solid white;}
.headerArea{BACKGROUND-IMAGE: url(../images/header_bg.gif);}
.headerContent{HEIGHT:16px; PADDING:10px;}
.menuArea{MARGIN-BOTTOM:5px;}
.menuLine{ HEIGHT:1px;}
.menuContent{FLOAT:left; padding:50px 0px 8px 3px; COLOR: #434343; FONT-WEIGHT:normal; FONT-SIZE:120%;}
.menuSearch {FLOAT:right; BORDER-RIGHT:1px solid #FFFFFF; padding:13px 130px 2px 0px; COLOR: #434343; FONT-WEIGHT:normal;}
.inputSearch{FONT-SIZE:110%; COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}
.footerArea{BACKGROUND-IMAGE: url(../images/footer_background.gif); background-position:center; background-repeat:no-repeat; height:60px; width:100%; MARGIN-TOP:5px;}
.footerContent{float:right;text-align:right; padding: 21px 10px 6px 10px; color:#a3a3a3; FONT-SIZE:110%;}

.Linklist   {FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon   {MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist   {FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon   {MARGIN-RIGHT:5px;}
.Fileheader {FONT-SIZE:128%; font-family:arial, verdana, helvetica; FONT-WEIGHT:bold;   MARGIN-BOTTOM:5px;}
.Fileitem   {FONT-SIZE:110%; font-family:arial, verdana, helvetica; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader {FONT-SIZE:128%; font-family:arial, verdana, helvetica; FONT-WEIGHT:bold;   MARGIN-BOTTOM:5px;}
.Linkitem   {FONT-SIZE:110%; font-family:arial, verdana, helvetica; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}

.paperclipArea          {BACKGROUND-IMAGE: url(../images/picture_paperclip.gif);        width:117px; height:122px; position:absolute; top:-28px; right:2px;}
.paperclipAreaSub       {BACKGROUND-IMAGE: url(../images/paperclip_subpages_top.gif);   width:117px; height:122px; position:absolute; top:-28px; right:2px;}
.paperclipAreaSubBottom {BACKGROUND-IMAGE: url(../images/paperclip_subpages_bottom.gif); width:200px; height:96px; position:absolute; top:120px; right:1px;}

.twoColumnArea{}
    .leftColumn{float:left;padding-right:20px;}



.fileandlinkAreaSub{MIN-HEIGHT:260px; _MIN-HEIGHT:260px;width:156px;float:right;padding-left:11px; padding-right:11px;padding-top:80px; background-color:#f0f3f6; overflow:hidden;}

    .printableArea{padding:14px 0px 14px 0px; border-bottom:solid 1px #cdcdcd; width:156px;}
    .alignPrintableImage {vertical-align:middle; }
    .fileandlinkText, a.fileandlinkText{text-decoration:none; color:#000;}

.menuItem{}
.menuLinks      {padding:0px 10px 0px 10px;font-weight:bold; text-decoration:none; font-size:110%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer;border-left:solid 1px #2973a2;}
.menuLinksStart {padding:0px 10px 0px 10px;font-weight:bold; text-decoration:none; font-size:110%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer;}


/***********/
/** Boxes **/
/***********/

.boxArea{}
    .boxBlue    {width:207px; height:98px; padding:15px; margin:0px 0px 20px 0px; background-image: url(../images/box_blue.gif); background-position:center; background-repeat:no-repeat; overflow:hidden;}
    .boxGreen   {width:207px; height:98px; padding:15px; margin:0px 0px 20px 0px; background-image: url(../images/box_green.gif); background-position:center; background-repeat:no-repeat; overflow:hidden;}
    .boxBrown   {width:207px; height:98px; padding:15px; margin:0px 0px 20px 0px; background-image: url(../images/box_brown.gif); background-position:center; background-repeat:no-repeat; overflow:hidden;}
    .boxHeader  {font-family:Arial, Verdana, helvetica; font-size:200%; color:#fff;}
    .boxText    {font-family:Verdana, Arial, Helvetica; font-size:110%; color:#fff;}
    .BoxLink, a.BoxLink:link, a.BoxLink:active, a.BoxLink:hover, a.BoxLink:visited    {font-family:Verdana, Arial, Helvetica; font-size:110%; color:#fff; font-weight:bold;  float:right;}


/** STYLES FOR THE HORIZONTAL MENU ***************************************************/
.vertmenuArea	{margin:10px 15px 0px 15px; width:148px; MIN-HEIGHT:350px; MIN-HEIGHT:350px; background-color:#f0f3f6;}
.childArea		{margin:0px 0px 0px 10px;}
a.TopItem       {cursor:hand; cursor:pointer; color:#000; font-family:Arial, Verdana; font-size:120%; text-decoration:none; font-weight:bold;}
a.ChildItem		{cursor:hand; cursor:pointer; color:#000; font-family:Arial, Verdana; font-size:110%; text-decoration:none; font-weight:normal;}


/** STYLES FOR THE HORIZONTAL MENU ***************************************************/
/** The class names below are used in the menu control. ******************************/
/*************************************************************************************/
.litNavTopGroup             {cursor:default;}
.litNavMenuGroup            {font-weight:bold; font-size:120%; border:solid 1px #2973a2; cursor:pointer;}
.litNavTopMenuItem          {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica;}
.litNavTopMenuItem nobr{}
.litNavTopMenuItemHover     {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer;}
.litNavTopMenuItemExpanded  {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer;}
.litNavTopMenuItemActive    {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer;}
.litNavMenuItem             {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer;}
.litNavMenuItemHover        {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer;}
.litNavMenuItemActive       {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer; margin:1px; }
.litNavMenuItemExpanded     {font-weight:bold; font-size:120%; color:#2973a2; font-family:arial, verdana, helvetica; cursor:pointer; margin:1px; }
.litNavMenuBreak            {background-image:url(../Images/break_bg.gif); width:100%; height:1px;}


/** STYLES FOR TEMPLATE WIDTH ********************************************************/
/** The templates are included inside the basefile, your web design will tell you ****/
/** the maximal width to use for the templates. **************************************/
/*************************************************************************************/
/**.Template       {WIDTH:770px; _MIN-HEIGHT:350px; MIN-HEIGHT:350px; MARGIN-BOTTOM:20px;}**/
.Template       {WIDTH:970px; _MIN-HEIGHT:350px; MIN-HEIGHT:350px; MARGIN-BOTTOM:20px; background-image:url(../Images/columnbgfix.gif);}
.TemplateNoBg   {WIDTH:970px; _MIN-HEIGHT:350px; MIN-HEIGHT:350px; MARGIN-BOTTOM:20px; background-image:url(../Images/columnbgfix_leftonly.gif);}
.TemplateStart  {WIDTH:698px; _MIN-HEIGHT:350px; MIN-HEIGHT:350px; MARGIN-BOTTOM:20px;}


/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/


/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{FONT-SIZE:110%;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}

.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}

.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}

.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}

.twoColumnTable{WIDTH:100%; }
.twoColumnLeft  {VERTICAL-ALIGN:top; width:50%; PADDING-RIGHT:20px;}
.twoColumnRight {VERTICAL-ALIGN:top; width:50%;PADDING-LEFT:20px;}

.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}


.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.ProductRowItem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:150px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:100%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsitem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}
.Breadcrumb{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:gray;}

A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{text-decoration:none;}
A.BreadcrumbActivePage{color:#000; text-decoration:none;}

.bannerArea{width:708px; height:193px; margin-bottom:20px;}
.contentArea{_MIN-HEIGHT:231px; MIN-HEIGHT:231px; BACKGROUND-IMAGE: url(../images/vertical_line.gif); background-position: top center; background-repeat:no-repeat;}
.contentAreaSub{width:555px;float:left;padding-right:20px;}
.contentAreaCalendar{width:740px;float:left;padding-right:20px;}

.puffArea{padding:20px;width:283px; height:114px;position:absolute;right:33px;top:149px; overflow:hidden;}
	.puffAreaHeader{font-family:arial, Verdana; font-size:200%;}

/** SYSTEM ERROR MESSAGE *************************************************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}