/* HTML */
body { background-color: White; font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size: 1em; margin: 0px; padding: 0px; min-width: 1000px; }
a:link, a:visited { color: #006699; text-decoration: none; text-align: center; }
a:hover { color: #336600; text-decoration: underline; }
h1 { font-size: 1.8em; font-weight: normal; margin-top: 2px; }
h2 { font-size: 1.5em; font-weight: normal; }
h3 { font-size: 1.3em; font-weight: normal; }
p { line-height: 1.2em; }

/* Master pages */
#pagedefault { margin-left: auto; margin-right: auto; width: 860px; padding: 0px;}
#page { margin: 0px auto 0px auto; width: 1000px; padding: 0px 0px 10px 0px; background-color: White; min-height: 900px;}
#banner {height: 360px; width: 100%; background-color:White; background-image: url('images/castneritbackground2.png'); background-repeat:repeat; position: relative; margin-left: auto; margin-right: auto;}
#bannercontent { margin-left: auto; margin-right: auto; margin-top: 0px; width: 760px; padding: 10px 0px 10px 0px;}
.logo {float: left; position:relative; border: none; z-index: 110; }
#menu-holder {width: 100%; margin: 0px; padding: 0px; font-size: 1.2em; color: Black; height: 80px; background-color: White;}
#menucontent { margin-left: auto; margin-right: auto; margin-top: 0px; width: 1160px; padding: 0px;}
#social { padding: 22px 120px 4px 4px; width: 240px; height:100px; text-align: center; float:right; margin-top: 40px; margin-right: 15px; color: Black; font-size: 1em; background: transparent url('images/CastnerITHighlightBox.png') no-repeat;}
#latestoffer { padding: 22px 60px 4px 4px; height:100px; width: 240px; text-align: center; float: right; margin-top: 40px; color: Black; font-size: 0.9em; margin-right: 10px; background: transparent url('images/CastnerITHighlightBox.png') no-repeat; }
#SectionRight { padding: 0px; margin:  0px; text-align: left; width: 230px; float: right; min-height: 550px; color: #333333; background-color: #F5F5F5; }
#main { width: 98%; padding: 25px 1% 5px 1%; margin-top: 0px; color: #333333; text-align: left; min-height: 800px; background-color: White; float:left; }
#maindefault{ width:100%; background-color:Transparent; margin-top: 105px; color: White; text-align: left; padding:0%; min-height: 500px;}
#footerdefault { color: White; text-align: left; font-size: 0.8em;}
#footer { text-align: center; font-size: 0.8em; color: #222222; padding-top: 10px; min-height: 100px; background-color: White; }
#footer a, #footer a:hover, #footer a:link, #footer a:visited { color: #444444; } 
.progressPanel {position: fixed; left: 50%; margin-left: -100px; margin-top: -25px; top: 50%; font-size: 1em; background-color: #CCCCCC;
                padding: 10px; height: 50px; width: 200px; border: solid 1px black}

/* Styles for navigation menu */
#nav, #nav ul {padding: 0px; margin: 0px; list-style: none; text-align:center; z-index: 2;}
#nav a, #nav li:hover, #nav li {min-height: 20px; width: 150px; display: block;}

#nav a, #nav a:hover {text-decoration: none; } 
#nav li:hover {text-decoration: none; background-image: url('images/castnerITMenuBackground.png'); color: Maroon;} 
#nav li { float: left; text-align: center; padding: 5px 0px 5px 0px; border-left: solid 1px white; border-collapse: collapse; vertical-align: middle; font-size: 14px; }

.masterMenu { width: 90px; height: 30px;}
.masterMenu a, {color: #333333;}
.menu { color: #333333; padding: 1px 0px 16px 0px; display: block; width: 110px; text-align: center; height: 40px; border-bottom: 1px solid #333333; }
.menu:hover { color: #336600; display: block; text-decoration: none; width: 110px; text-align: center; height: 40px; }


.capsuleLink { background-image: url('/images/CastnerITHighlightBoxBlue.png'); height: 50px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; }
.capsuleLink:hover { background-image: url('/images/CastnerITHighlightBoxBlueHover.png'); height: 50px; margin-left: auto; margin-right: auto; text-decoration: none; background-repeat: no-repeat; }

/* Styles for previous projects */
.popupControl { visibility: hidden; background-color: #AAD4FF; position:absolute; border: solid 1px black;  }

/* Styles for AJAX page */
.dragContainer { height: 300px; width: 250px; font-size: 0.9em; }
.dragHeader { height: 30px; background-color: #336699; color: #FFFFFF; padding: 3px;}
.dragContent { background-color: #CCCCCC; padding: 3px; color: #000000; }

/* Default page */
.Section {width: 100%; min-height: 200px; }
.Section a:link, .Section a:visited { color: #003366; text-decoration: none; }
.Section a:hover { color: #003366; text-decoration: underline; }
.SectionLeft { padding: 5px; margin: 0px 10px 10px 10px; text-align: left; width: 460px; float: left; min-height: 200px; color: #333333; }
.SectionText { font-size: 0.9em; width: 95%; padding: 0px 2% 0px 3%;}
.SectionMiddle { padding: 10px 25px 10px 10px; margin: 10px auto 10px auto; text-align: left; width: 250px; min-height: 200px; background-image: url('images/castnerITBox.png'); background-repeat: no-repeat; color: #333333; }
.SectionLeft li, .SectionRight li, .SectionMiddle li {margin-top: 1px; margin-left: 20px; }
.SectionHeading {font-size: 1.1em; margin-top:5px; margin-bottom: 3px; border-top: 1px Solid Navy; width: 96%; padding: 0px 2% 0px 2%;}
#div_BlogPostsHeading {margin-bottom: 0px; margin-top: 0px; color: #ffcc33; font-weight: normal; font-size: 1.1em; width: 96%; padding: 5px 2% 5px 2%; line-height: 1em;}
#div_BlogPostsContent { padding: 3px 1% 3px 2%; margin-top: 0px; line-height: 1.1em; font-size: 0.9em; text-align: left; margin-left: 0px; vertical-align: top; width: 97% }
.BlogPostsHeadingLink { color: Black; } 
.BlogPostsHeadingLink a { color: Black; } 
.headlines { width: 100%; min-width: 230px; padding-bottom: 0px; padding-top: 0px; margin-bottom: 5px; margin-top: 0px; color: Black; }
.headlines a { color: Black; }

/* Accordion */
.accordionHeader { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeader a { color: #FFFFFF; background: none; text-decoration: none; }
.accordionHeader a:hover { background: none; }
.accordionHeaderSelected { border: 1px solid #2F4F4F; color: white; background-color: #5078B3; font-size: 1em; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeaderSelected a { color: #FFFFFF; background: none; text-decoration: none; }
.accordionHeaderSelected a:hover { background: none; text-decoration: underline; }
.accordionContent { background-color: #D3DEEF; border: 1px dashed #2F4F4F; border-top: none; padding: 5px; color: #333333; }
.accordionContent a { color: Navy; font-style: italic; font-size: 0.8em; }

/* Data Entry */
.FVTbl {border: solid 1px Gray; width:99%;}
.FVTbl td {border-bottom: solid 1px #CCCCCC;}
.DS1 td {border-bottom: none;}
.DS2 td {border-bottom: none;}
.DS1 .DL1 { font-weight: 300; font-size: 1.1em; color: #006699; margin-top: 10px; background-color: #E8E8E8; }
.DS2 .DL2 { font-weight: 300; background-color: #E6F2FF; font-size: 1.1em; color: #006699; margin-top: 10px;}
.DL1  {font-weight: 600; background-color: #E8E8E8;}
.DL2 {font-weight: 600; background-color: #E6F2FF; }

/* Slider */
.nivoSlider { position: relative; width: 750px; /* Change this to your images width */ height: 335px; /* Change this to your images height */ background: url('/images/indicator_remembermilk_orange.gif') no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
.nivoSlider a { border: 0; display: block; }