/* General Styles */
html, * { margin:0; padding:0;}
body { margin:0; padding:0 0 12px 0; background:url(../images/BodyBk.jpg) repeat-x #1e2030;}
p { margin:15px 0;}
a img { border: none; }
#Clear { clear:both;}
#MainContain { width:900px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#Header { width:900px; background:#FFFFFF url(../images/HeaderBk.jpg) repeat-x; margin:12px 0; height:91px;}
#Logo { width:171px; float:left;}
#HeaderRight1 { width:729px; height:8px; margin:0 0 0 171px;}
#HeaderRight2 { width:729px; height:47px; margin:0 0 0 171px; position:relative;}
.Slogan { margin:7px 0 0 40px;}
#Login { width:269px; position:absolute; top:0; right:30px }
#HeaderRight3 { width:700px; height:22px; margin:0 0 0 171px; }
#HeaderRight3 ul { margin:0 83px 0 40px; padding:0; float:left;}
#HeaderRight3 li { float:left; margin:0 20px 0 0; list-style:none;}
#HeaderRight3 .but { margin:5px 20px 0 0;}
#HeaderRight3 .but img { border: none; }
#HeaderRight3 .last { margin:5px 0 0 0;}
#HeaderRight3 .last img { border: none; }
#SearchBox { width:227px; height:22px; float:left; }
#SearchBox .searchicon { float:left; margin:0 10px 0 0;}
#SearchBox .searchbox { border:0; background:url(../images/SearchBoxBk.jpg) no-repeat; width:176px; height:22px; float:left; padding:3px 0 0 4px;}
#HeaderRight4 { width:729px; height:14px; margin:0 0 0 171px; text-align:right;}
#Middle { width:900px; padding:0; background-color:#FFFFFF; margin:0 0 0 0; }
#Flash { width:880px; height:350px; padding:0 10px; margin:0 0 0 0;}
#Sectors { width:880px; height:160px; margin:10px 10px 0 10px; padding:0; background:url(../images/SectorsBk.jpg) repeat-x; }
#SectorBoxes { width:143px; height:135px; float:left; margin:0 0 0 3px; position:relative;}
#LearnLinkBox { position:absolute; bottom:0; right:0;}
#SectorBoxes h1 { font-size:14px; font-weight:bold; padding:0 0 2px 0; margin:3px 0 0 0; text-align:center; display:block; }
#SectorBoxes h1 a.a { border-bottom:#cc3e22 4px solid; color:#cc3e22; display: block; text-decoration: none;}
#SectorBoxes h1 a.b { border-bottom:#737fb1 4px solid; color:#737fb1; display: block; text-decoration: none;}
#SectorBoxes h1 a.c { border-bottom:#de842a 4px solid; color:#de842a; display: block; text-decoration: none;}
#SectorBoxes h1 a.d { border-bottom:#91ca74 4px solid; color:#91ca74; display: block; text-decoration: none;}
#SectorBoxes h1 a.e { border-bottom:#66a1a2 4px solid; color:#66a1a2; display: block; text-decoration: none;}
#SectorBoxes h1 a.f { border-bottom:#715f6e 4px solid; color:#715f6e; display: block; text-decoration: none;}
#SectorBoxes ul { padding:0; margin:0 0 0 18px;}
#SectorBoxes li { margin:3px 0;}
/* Learn link colors*/
a.inf { color:#cc3e22; }
a.com { color:#715f6e; }
a.hos { color:#91ca74; }
a.sec { color:#66a1a2; }
a.sof { color:#737fb1; }
a.web { color:#de842a; }
a.std { color:#1e2030; }
#MiddleFooter { width:890px; height:24px; margin:10px 5px 0 5px; background:url(../images/MiddleFooterBk.jpg) repeat-x; padding:16px 0 0 0; text-align:center;}
#MiddleFooter a {color:#7f7f7f;}
#MiddleTop { width:900px; height:10px; padding:0; margin:0;}
#MiddleBottom { width:900px; height:4px; padding:0; margin:0;}
#Footer { width:900px; text-align:center; margin:10px 0 0 0; color:#FFFFFF;}
/* Subpages General */
/*MainSideBar, SideMenu, and Icon Nav *****************************************************************************************************************************/
#SideBarContent {background-image:url(/images/SidebarBk.gif); background-repeat: repeat-y; padding:8px; width: 184px; margin:0 10px 0 0;}
#SideBarContent p { margin-bottom: 6px; padding-top: 6px; margin-top: 0px; }
#SideBarContent div { margin-bottom: 6px; }
#SideBarContent ul { margin:0 0 0 20px; }
#SideBarContent li { margin:3px 0;}
#SideMenu { width:200px; padding:0; float:left; margin:0 10px 0 0;}
#SideMenuTop { width:200px; height:6px; }
#SideMenuBottom { width:200px; height:5px;}
#SideMenuContent { width:176px; padding:0 12px 10px 12px; background:url(../images/SubMenuBk.gif) repeat-y;}
#SideMenuContent h3 { margin:0; padding:0 0 2px 10px; font-size:14px; border-bottom:2px solid #cdcdcd;}
#SideMenuContent ul { margin:10px 0 0 9px; padding:0;}
#SideMenuContent li { list-style:none; padding:0 0 0 10px; margin: 10px 0;}
#SideMenuContent li.last { margin:0;}
#SideMenuContent li a { text-decoration:none;}
#SideMenuIconBar { width:200px; height:49px; margin: 10px 0 0 0; text-align: center; background:url(../images/IconNavBk.gif) no-repeat; padding:20px 0 0 0; }
#SideMenuIconBarLoner {width:200px; height:49px; text-align: center; background:url(../images/IconNavBk.gif) no-repeat; padding:20px 0 0 0; }
#SideMenuIconBar img { border: none; }
/* This is the container that contains everything below the header*/
#MiddleBorderTop { width:900px; height:5px;}
#MiddleContent { width:890px; padding:0 5px;}
#MiddleContent h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; display:block;
margin:0; color:#FFFFFF; height:28px; padding:8px 0 0 10px; font-weight:normal;}
#MapLinks { width:880px; height:19px; background:url(../images/MapLinksBk.gif) no-repeat; padding:3px 0 0 10px; margin:2px 0 10px 0;}
#MapLinks a { color:#1e2030;}
#MiddleBorderBottom { width:900px; padding:1px 0 0 0; height:4px;}
/* The subpage styles below control the color theme and images for a particular sector **********************************************************/
h3 {margin:10px 0;}
/* Subpages - Standard/Services*/
h2.ser {background:url(../images/ServicesHeader.gif) no-repeat;}
h3.std { color:#1e2030; font-size: 14px; }
h5.std { color:#1e2030; font-size:13px;}
ul.std li { border-left:4px solid #1e2030; }
ul.std li a { color: #1e2030; }
ul.std { color:#1e2030; }
/* Subpages Infrastructure*/
h2.inf {background:url(../images/InfrastructureHeader.gif) no-repeat;}
h3.inf { color:#cc3e22; }
ul.inf li { border-left:4px solid #cc3e22; }
ul.inf a { color:#cc3e22;}
/* Subpages Communications*/
h2.com {background:url(../images/CommunicationsHeader.gif) no-repeat;}
h3.com { color:#715f6e; }
ul.com li { border-left:4px solid #715f6e; }
ul.com a { color:#715f6e;}
/* Subpages Hosted*/
h2.hos {background:url(../images/HostedHeader.gif) no-repeat;}
h3.hos { color:#91ca74; }
ul.hos li { border-left:4px solid #91ca74; }
ul.hos a { color:#91ca74;}
/* Subpages Security*/
h2.sec {background:url(../images/SecurityHeader.gif) no-repeat;}
h3.sec { color:#66a1a2; }
ul.sec li { border-left:4px solid #66a1a2; }
ul.sec a { color:#66a1a2;}
/* Subpages Security*/
h2.sof {background:url(../images/SoftwareHeader.gif) no-repeat;}
h3.sof { color:#737fb1; }
h5.sof { color:#737fb1; font-size:13px;}
ul.sof li { border-left:4px solid #737fb1; }
ul.sof a { color:#737fb1;}
/* Subpages Web*/
h2.web {background:url(../images/WebHeader.gif) no-repeat;}
h3.web { color:#de842a; }
ul.web li { border-left:4px solid #de842a; }
ul.web a { color:#de842a;}
/* Colors used for links across all sector pages*/
.inf a { color:#cc3e22;}
.com a { color:#715f6e;}
.hos a { color:#91ca74;}
.sec a { color:#66a1a2;}
.sof a { color:#737fb1;}
.web a { color:#de842a;}
a.std { color: #1e2030; }
.std a { color:#1e2030; }
/****************************************************************************************************************************************************/
/* This is a container for the right side of the middle content container*/
#MiddleContentLeft {width:680px; float:left;}
#MiddleContentLeft hr { background-color:#e0dfdf; color:#e0dfdf; height:1px; border:none; margin:5px 0; padding:0;}
#MiddleContentLeft h1 { margin:25px 0 10px 0;; padding:0 0 2px 5px; font-size:13px; color:#5a5a5a;}
#MiddleContentLeft ul { margin:0 0 5px 25px;}
#MiddleContentLeft li { margin:3px 0;}
#MiddleContentLeft ol { margin:0 0 5px 25px;}
#MiddleContentLeft h5 { font-style:italic; color:#1e2030; border-bottom:1px solid #1e2030; display:block; font-size:14px; margin:20px 0 10px 0;}
/* Process links for the process pei charts */
#ProcessLinks {text-align: center;}
#ServiceBox1 { width:310px; margin:0 10px 0 0; float:left;}
h1.infrastructure { border-bottom:3px solid #cc3e22;}
h1.web { border-bottom:3px solid #de842a;}
h1.security { border-bottom:3px solid #66a1a2;}
#ServiceBox2 { width:310px; margin:0; float:left;}
h1.software { border-bottom:3px solid #737fb1;}
h1.hosted { border-bottom:3px solid #91ca74;}
h1.communications { border-bottom:3px solid #715f6e;}
/* Styles for show/hide panels */
.hidePanel { display: none; padding-top: 4px; }
/* Styles for all subpages */
h4 { font-style: italic; margin-top: 6px; margin-bottom: 4px; font-weight: normal; }
#InternalSideBar { width:200px; float:right; margin:0 5px 0 5px;}
/* Web samples boxes for the web samples page*/
#SampleBox { width: 330px; padding:0; border-bottom:1px solid #bdbdbd; margin:0 0 10px 10px; float:left;}
#SampleBox h1 { font-size:12px; text-transform:uppercase; margin:0 0 5px 0; padding:0; color:#000000}
#SampleTx { width:330px; height:22px; margin:3px 0; background:#e2e2e2; position:relative;}
#SampleTx h2 { font-size:12px; font-weight:normal; padding:3px 0 0 5px; margin:0; color:#000000; text-transform:none; }
#SampleTx img { position:absolute; top:0; right:0;}
/* Hosted default page */
#HostingPlans { width:680px; height:303px; background:url(../images/hosted/PlanBotBk.jpg) bottom }
#HostingPlans ul { float:left; width:221px; padding:10px 0 0 5px; margin:0;}
#HostingPlans li { margin:3px 0 3px 40px;}
#HostingPlans li:first-child {margin:0 0 10px 20px; list-style-type:none;}
#HostingPlans .last {margin:15px 0 0 12px; list-style-type:none;}
/* Software right thumbnails styles */
#SoftThumbs { width:200px; height:500px; float:right; margin:20px 0 0 5px;}