﻿body {
    background-color: #fff;
    font-size: meduim;
    line-height: 135%;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #494949;
}

.calnav {
  	width: 100%;
    height: 120px;
    background-color: #89b2ea;
    padding: 0 10px 0 10px;
    margin: 0;
    border-bottom: 2px solid #cccccc;
    } 
    
    .jdlogo
    {
        border-left: 6px outset #fff;
        border-right: 8px inset #fff;
        width: 300px;
        height: 120px;
        }
    
#menu
{
    position: relative;
    height: 30px;
	margin: 0;
	padding-left: 15px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;  
    left: 320px;
    top: -50px;  
}
    
.menu1 {
 float: left;
 text-align: center;   
    } 

.wrapper 
{
    min-height: 600px;
    margin: auto auto;
    width: 960px;
    text-align: left;
    margin-top: 5px;
    }

.ccontent 
{
  float: left;
  padding: 0;
  width: 960px;
  min-width: 730px;
  background: white;
}
	   
img { border: none; }

.content {
  padding: 0 10px 10px 10px;

}

.foot {
    text-align: center;
    background-color: #efebe3;
	width: 100%;
	margin-top: 10px;
	border-top: 2px solid #cccccc;
	line-height: 60%;
	font-size: smaller;
    }
.fcon {
    padding: 10px;
    }
.tagline {
    color: #008bb6;
    font-family: Verdana, 'Trebuchet MS', Arial; 
    text-align: center;
}

.tip {
    color: #008bb6;
    font-family: Verdana, 'Trebuchet MS', Arial; 
    }

pre {
	background-color: #FFFEF8;
	border-style: solid;
	border-width: 1px;
	border-color: #C0C0C0;
	font-family: Courier New, monospace;
	font-size: 10pt;
}

h1 {
   color: #008bb6;
    font-family: Verdana, 'Trebuchet MS', Arial; 
    text-align: center;
}

h2 {
    color: #008bb6;
    font-family: Verdana, 'Trebuchet MS', Arial; 
    text-align: center;
    }
ul {
    list-style-type: none;
}
legend {
	background-color: #89b2ea;
	margin: 0;
	padding: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #89b2ea;
    font-weight: bold;
	font-size: medium;
	color: white;
    text-transform: capitalize;
    font-family: 'Trebuchet MS';
}

fieldset {
margin: 0 0 10px 0;
padding: 5px;
border: 2px solid #89b2ea;
}

.ulist {
  float: left;
  width: 48em;
  margin-left: 25px;
  padding: 0;
    list-style: none;
  list-style-image: url(/images/bluelig.png);
}
 
.ulist li {
  float: left;
  width: 24em;
  margin: 0;
  padding: 0;
} 

.clear {
 clear: both;
}

.line {
color: #5c87b2;
background-color: #5c87b2;
width: 85%;
height: 3px;
}

.lblfeedback {
  color: #008bb6;
  font-family: Arial, Verdana, 'Trebuchet MS'; 
  font-weight: bold;
  
}

.site {
 list-style-type: square; 
}

.cnt 
{
    text-align: center;
}

.oh 
{
    visibility: hidden;
}

a:link, a:visited
{
    color: #89b2ea; outline:none; cursor:pointer;
}

a:hover
{
    text-decoration: none; color: #ff6600;
}

a:active
{
    color: #ff6600;
}

.fpnl
{
 font-size: 0.9em;
line-height: 1.2em;

}
.webbox
{
    position: relative; 
    float:left;
     width: 270px;
     border: 4px solid #99cc33;
     min-height: 360px;
     margin: 10px;
     padding: 5px;
     } 
     
.wbs
     {
         color: #fff;
         background-color: #99cc33;
         width: 93%;
         margin: 0;
         padding: 10px;
     }
.devbox
{
    position: relative; 
    float:left;
     width: 270px;
     border: 4px solid #008bb6;
     min-height: 360px;
     margin: 10px;
     padding: 5px;

     } 
     
     .dbs
     {
         color: #fff;
         background-color: #008bb6;
         width: 93%;
         margin: 0;
         padding: 10px;
     }
     
.conbox
{
    position: relative; 
    float:left;
     width: 270px;
     border: 4px solid #ff9900;
     min-height: 360px;
     margin: 10px;
     padding: 5px;

     } 
     .cbs
     {
         color: #fff;
         background-color: #ff9900;
         width: 93%;
         margin: 0;
         padding: 10px;
     }
     
     .bmore
     {   
    position: absolute;  
    bottom: 10px;
    right: 20px;  
} 


blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #89b2ea;
	background-color: #C2DFFF;
	width: 350px;
	text-align: left;
}