/************************************************************/
/* Typography & Default Formatting
/************************************************************/
html { font-size: 100.01% }
body {  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; 
                font-size: 62.5%; color: #333; line-height: 1.8em; }

.sans-serif { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; }
.serif { font-family:  Garamond, Times, 'Times New Roman', serif;  }

#menu { font-variant: small-caps; letter-spacing: 2px; font-weight: bold; }
#menu .menu-level1 { font-size: 18px; }  /* Menu margins/padding/borders listed in Layout section */
#menu .menu-level2 { font-size: 14px; }  /* Menu margins/padding/borders listed in Layout section */

#content_main, #content_side { padding-top: 1.8em; }
#content_main p, #content_main ul, #content_main table { font-size: 1.3em; margin-bottom: 1.4em; }
#content_side p, #content_side ul, #content_side table { font-size: 1.2em; }

h1, h2, h3, h4, h5, h6 { color: black; }
h1 { font-size: 1.8em; text-transform: uppercase; margin-bottom: .99em; color: #273e4f; }
h2 { font-size: 1.8em; letter-spacing: .05em; margin-bottom: .99em; }
h3 { font-size: 1.8em; text-decoration: underline; margin: -0.1em 0 1.1em 0; }
h4 { font-size: 1.6em; margin-bottom: 1.2em; color: #777c7f }
h5 { font-size: 1.4em; color: #0066b7; }
h6 { font-size: 1.4em; color: #0066b7; background-color: #e5e5e5; text-align: center; 
        border-top: black 1px solid; border-bottom: black 1px solid; 
        padding: .2em 0; margin-bottom: .9em; }

blockquote { margin-bottom: 1.7em;  padding: 1.8em 1em; background-color: #e9e7e8; color: #54535f; }
blockquote p { margin-bottom: 0 !important; }
        
a { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear:both; }
.align-center { text-align: center !important ; }
.align-left { text-align: left !important ; }
.align-right { text-align: right !important ; }
.align-justify { text-align: justify !important ; }
.monospace { font-family: monospace !important ; } 
SPAN.small { font-size: 75% !important ; }
P.small { font-size: 1.05em !important ; }
.big { font-size: large !important; margin-bottom: 1.15em !important; }
.code { font-family: monospace !important; padding: 0 .5em; background-color: white; color: black; }

/************************************************************/
/* Positioning & Layout
/************************************************************/
body { text-align: center; }
#main_wrapper { width: 748px; margin: 0 auto; padding-top: 8px; text-align: left; }

#header { width: 748px; height: 222px; border-bottom: 3px solid black; }

#content_wrapper { border-bottom: 1px solid black; border-right: 1px solid black ;
        min-height: 360px; height: auto !important; height: 360px; }

#content_main { float: left; width: 398px; padding-right: 10px; padding-left: 10px; overflow: hidden; }
#content_side { float: left; width: 168px; padding-right:10px; padding-left: 10px; overflow: hidden; }

#menu { float: left; width: 140px; height: 360px; border-right: 1px solid black; 
                border-bottom: 1px solid black; margin-bottom: -1px; overflow:hidden; }
.menu-level1 {  border-bottom: 1px solid black; border-left: 1px solid black; 
        margin: .94em 0 0 5px; padding-left: 5px; }
.start-level2 { height: 1.7em; }
.end-level2 { }
.menu-level2 { border-bottom: 1px solid black; margin: 0 0 0 18px; padding-left: 5px; }

#footer { margin: 10px 0 10px 0; text-align: center; }


/************************************************************/
/* Colors & Backgrounds  (excluding typography)
/************************************************************/
body { background: #eaeaea url(bg_gradient.jpg) repeat-y center; }
a:link { color: blue; }  
a:visited { color: blue; }  
a:hover { color: gray; }  
a:active { color: red; } 
.nav-link-colors a:link, .nav-link-colors a:visited, .nav-link-colors a:active { color: #1f2a24; }
.nav-link-colors a:hover { color: #d0d7dd; }

#header { background: transparent url(header_bg1_748x220.jpg) no-repeat top; }
#content_wrapper { background: #f5f5f5 url(watermark.jpg) no-repeat bottom; }
/*#content_wrapper { background: #f5f5f5 url(baseline.gif) repeat; }*/

#menu { background: #8c8282 url(menu_gradient_140x360.jpg) no-repeat top; }
/** See nav-link-colors class above **/
#menu .active a:link, #menu .active a:visited, #menu .active a:hover, 
        #menu .active a:active { color: black; }    /* Active menu link colors */
.menu-level1 { border-color:  #a9a19e; }    /*  Level 1 link border color*/
.menu-level1.active { border-color: black; }     /* Level 1 active link border color */
.menu-level2 { border-color: #8f8f8f; }   /* Level 2 link border color*/
.menu-level2.active { border-color: #eaeaea; }    /* Level 2 active link border color*/


/************************************************************/
/* Misc Elements
/************************************************************/

#home_intro { margin-bottom: 2.5em; height: 160px; padding-top: 5px; margin-top: -8px; 
                background: transparent url(../../images/hr_sqrs_rfl.png) repeat-x bottom left; }
#home_intro span { display: block; color: black; }
#home_intro .line1:first-letter { font-size: 35px; margin-right: -4px; }   /*  W  */
#home_intro .line1 { font-size: 23px; margin-top: 0; margin-bottom: .7em; }   /* elcome to...  */
#home_intro .line2 { font-size: 28px; margin-left: 1em; margin-bottom: .7em; }   /*  Mountain Internet Services  */
#home_intro .line3 { font-size: 22px; line-height: 1em; }  /* Transylvania County's ONLY locally owened......   */

#searchBox { background: #f5f5f5 url(searchBox.png) no-repeat top left; width: 166px; height: 106px;
        padding-top: 8px; margin-bottom: .8em; }
#searchBox form { margin-right: 3px; margin-top:0; }
#searchBox h4 { font-size: 18px; color: #322f2f; letter-spacing: 1px; }
#searchBox input.inputText { font-size: 13px; width: 140px; }
#searchBox input.inputText:focus { background-color: #efe8e0; }
#searchBox input.inputSubmit { margin-top: 3px; height: 24px; }

#checkEmail { background: #f5f5f5 url(checkEmail.png) no-repeat top left; width: 166px; height: 130px; padding-top: 8px; }
#checkEmail form { margin-right: 3px; }
#checkEmail input.inputText { font-size: 13px; color: #58707c; width: 140px; margin-bottom: 1px;}
#checkEmail input.inputText:focus { background-color: #efe8e0; } 
#checkEmail input.inputSubmit { margin-top: 2px; }
#checkEmail h4 { font-size: 16px; color: #322f2f; letter-spacing: 1px; }
#checkEmail a { display: block; color: #322f2f; font-size: 11px; margin-top: 2px; }

.pricingTable TD, .pricingTable TH { padding: 5px; }
.pricingTable TH { font-weight: bold; text-align: center; background-color: #E8E6E7; }
.pricingTable TD.td-0 { width: 40%; font-weight: bold;}
.pricingTable TD.td-1, .pricingTable TD.td-2, .pricingTable TD.td-3 { width: 20%; text-align: center; font-size: 1.1em; }
.pricingTable TR.tr-odd { background-color: #F5F5F5; }
.pricingTable TR.tr-even { background-color: #D7DCE2; }

DIV.checkeredDivider { width: 100%; height: 16px; background: transparent url(../../images/hr_sqrs_rfl.png) repeat-x ; } 

/************************************************************/
/* Typo3 CSS_Style_Content Styles
/* ***********************************************************
/*   These are the styles that control the look of the  
/*   individual content elements. Defaults were copied
/*   and modified as needed.
/************************************************************/

/******************* Common elements ******************/
/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Captions */
.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Image Border */
.csc-textpic-border .csc-textpic-image img { border: 1px solid #333; }



/******************* Image Content Specific *****************/

/* This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic .csc-textpic-image { margin-bottom: 1.8em; }
DIV.csc-textpic .csc-textpic-imagerow { clear: both; }
*+html .csc-textpic-center .csc-textpic-imagewrap { margin-bottom: 1.8em; } /* Make IE7 mind */
*+html DIV.csc-textpic-imagerow { margin-bottom: 1.5em; } /* Make IE7 mind */

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Left/Right Margins (as it concerns image placement, not text) */
DIV.csc-textpic-left .csc-textpic-image { display: inline; margin-right: 10px; }
DIV.csc-textpic-right .csc-textpic-image,
DIV.csc-textpic-center .csc-textpic-image { display: inline; margin-left: 10px; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* General Image Positioning */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap  { margin-left: auto; margin-right: auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/******************* Text w/ Images Specific*****************/

/* Add margin from image-block to text */

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
        margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        margin-left: 10px !important;
}

/* Image positioning */

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */




/******************* Bullet Lists *****************/

UL.csc-bulletlist LI { list-style-type: disc; margin-left: 20px; }
UL.csc-bulletlist-1 LI { list-style-type: none; background: transparent url(../../images/bullet_sq6x6.png) no-repeat  0 .4em;
        font-size: 1.4em; padding-left: 1em; margin-bottom: .9em; margin-left: 30px; }
UL.csc-bulletlist-1 a:link, UL.csc-bulletlist-1 a:visited, UL.csc-bulletlist-1 a:active {color: blue; } /* color was #01522F */
UL.csc-bulletlist-1 a:hover { color: gray; }


        
/******************* fdfx2cols *****************/
DIV.fdfx2cols-layout1 DIV.fdfx2cols-left { float: left; width: 49%; padding-right: 5px; }
DIV.fdfx2cols-layout1 DIV.fdfx2cols-right { float: left; width: 49%; padding-left: 5px; }
DIV.fdfx2cols-layout2 DIV.fdfx2cols-left { float: left; width: 59%; padding-right: 5px; }
DIV.fdfx2cols-layout2 DIV.fdfx2cols-right {float: left; width: 39%; padding-left: 5px; }
DIV.fdfx2cols-layout3 DIV.fdfx2cols-left { float: left; width: 69%; padding-right: 5px; }
DIV.fdfx2cols-layout3 DIV.fdfx2cols-right {float: left; width: 29%; padding-left: 5px; }


/******************************************************************/
/******************************************************************/
/*     Background & Border color schemes                                   */
/******************************************************************/

/** White w/ Border **/
DIV.csc-frame-white-border {
        background-color: white;
        border: 1px solid #888;
        margin-bottom: 2em;
        padding: 1.4em 7px 0em 7px;
}
        
/** Light Gray w/ Border**/
DIV.csc-frame-lightGray-border { 
        background-color: #ddd; 
        border: 1px solid #888; 
        margin-bottom: 2em; 
        padding: 1.4em 7px 0em 7px;
}
/** Light Gray **/
DIV.csc-frame-lightGray { 
        background-color: #ddd; 
        margin-bottom: 2em; 
        padding: 1.4em 7px .1em 7px;
}

/** Light Blue w/ Border**/
DIV.csc-frame-lightBlue-border { 
        background-color: #e0e8ef; 
        border: 1px solid #6f6f6f; 
        margin-bottom: 2em; 
        padding: 1.4em 7px 0em 7px;
}
/** Light Blue **/
DIV.csc-frame-lightBlue { 
        background-color: #e0e8ef; 
        margin-bottom: 2em; 
        padding: 1.4em 7px .1em 7px;
}

/*** Dark Gray w/ Light Text ***/
DIV.csc-frame-darkGray { 
        color: #efdcc2;
        background-color: #6f6f6f; 
        border: 1px solid black; 
        margin-bottom: 2em; 
        padding: 1.4em 7px 0em 7px;
}
DIV.csc-frame-darkGray DIV.csc-header H1 { color: #f4f4f4; border-bottom: 1px solid #4f4f4f; 
        vertical-align: top; line-height: 1.5em; margin-bottom: .4em; }


/******************************************************************/
/******************************************************************/
/*     Common settings for line-layered rounded corners          */
/******************************************************************/
DIV.csc-frame-llrnd { margin-bottom: 1.5em; }
SPAN.csc-frame-llrnd { display: block; padding: 0 7px; overflow: hidden; height: 1%; } /* height triggers hasLayout */
SPAN.csc-frame-llrnd DIV.csc-header { padding-top: 1em; }

DIV.csc-frame-llrnd B.b1, DIV.csc-frame-llrnd B.b2,  
DIV.csc-frame-llrnd B.b3, DIV.csc-frame-llrnd B.b4 { display: block; font-size:1px; height: 1px; overflow:hidden; }
DIV.csc-frame-llrnd B.b1 { margin: 0 5px; }
DIV.csc-frame-llrnd B.b2 { margin: 0 3px; }
DIV.csc-frame-llrnd B.b3 { margin: 0 2px; }
DIV.csc-frame-llrnd B.b4 { height: 2px; margin: 0 1px; }


/*****************************************************************************/
/*      Background & Border Settings for line-layered rounded corners    */
/****************************************************************************/

/* default black border*/
DIV.csc-frame-llrnd SPAN.border SPAN.csc-frame-llrnd,  
DIV.csc-frame-llrnd SPAN.border B.b2,
DIV.csc-frame-llrnd SPAN.border B.b3, 
DIV.csc-frame-llrnd SPAN.border B.b4 { 
        border-left:1px solid black; border-right: 1px solid black;
}
DIV.csc-frame-llrnd SPAN.border B.b2 { border-width: 0 2px 0 2px; }
DIV.csc-frame-llrnd SPAN.border B.b1 { background-color: black; }

/*** White ***/
/* bg */
DIV.csc-frame-llrnd SPAN.white SPAN.csc-frame-llrnd,
DIV.csc-frame-llrnd SPAN.white B.b2,
DIV.csc-frame-llrnd SPAN.white B.b3, 
DIV.csc-frame-llrnd SPAN.white B.b4 { background-color: white; }

/*** Light Gray  ***/
/* bg */
DIV.csc-frame-llrnd SPAN.lightGray SPAN.csc-frame-llrnd,
DIV.csc-frame-llrnd SPAN.lightGray B.b2,
DIV.csc-frame-llrnd SPAN.lightGray B.b3, 
DIV.csc-frame-llrnd SPAN.lightGray B.b4 { background-color: #ddd; }
/* border */
DIV.csc-frame-llrnd SPAN.lightGray.border SPAN.csc-frame-llrnd,  
DIV.csc-frame-llrnd SPAN.lightGray.border B.b2,
DIV.csc-frame-llrnd SPAN.lightGray.border B.b3, 
DIV.csc-frame-llrnd SPAN.lightGray.border B.b4 { border-color: #888; }
DIV.csc-frame-llrnd SPAN.lightGray.border B.b1 { background-color: #888; }

/*** Light Blue ***/
/* bg */
DIV.csc-frame-llrnd SPAN.lightBlue SPAN.csc-frame-llrnd,
DIV.csc-frame-llrnd SPAN.lightBlue B.b2,
DIV.csc-frame-llrnd SPAN.lightBlue B.b3, 
DIV.csc-frame-llrnd SPAN.lightBlue B.b4 { background-color: #e0e8ef; }
/* border */
DIV.csc-frame-llrnd SPAN.lightBlue.border SPAN.csc-frame-llrnd,  
DIV.csc-frame-llrnd SPAN.lightBlue.border B.b2,
DIV.csc-frame-llrnd SPAN.lightBlue.border B.b3, 
DIV.csc-frame-llrnd SPAN.lightBlue.border B.b4 { border-color: #6f6f6f; }
DIV.csc-frame-llrnd SPAN.lightBlue.border B.b1 { background-color: #6f6f6f; }

/*** Dark Gray w/ Light Text ***/
/* bg */
DIV.csc-frame-llrnd SPAN.darkGray SPAN.csc-frame-llrnd,
DIV.csc-frame-llrnd SPAN.darkGray B.b2,
DIV.csc-frame-llrnd SPAN.darkGray B.b3, 
DIV.csc-frame-llrnd SPAN.darkGray B.b4 { background-color: #6f6f6f; }
/* fg */
DIV.csc-frame-llrnd SPAN.darkGray DIV.csc-header H1 { color: #f4f4f4; border-bottom: 1px solid #4f4f4f; 
        vertical-align: top; line-height: 1.5em; margin-bottom: .4em; } /* h1 color */
DIV.csc-frame-llrnd SPAN.darkGray { color: #efdcc2; } /* text color */
/* border */
DIV.csc-frame-llrnd SPAN.darkGray.border SPAN.csc-frame-llrnd,  
DIV.csc-frame-llrnd SPAN.darkGray.border B.b2,
DIV.csc-frame-llrnd SPAN.darkGray.border B.b3, 
DIV.csc-frame-llrnd SPAN.darkGray.border B.b4 { border-color: black; }
DIV.csc-frame-llrnd SPAN.darkGray.border B.b1 { background-color: black; }