body {
 text-align: center;
 background-color:  #b3d3ff;
 font:100% arial,verdana,sans-serif;
 background-image: url(images/mainGradient.gif);
 background-repeat: repeat-x;
}

/* the following two classes define the beveled edges on content areas */

.templateBeveled {
 border-left: 1px #ffffff solid;
 border-top: 1px #ffffff solid;
 border-bottom: 1px #7f7f7f solid;
 border-right: 1px #7f7f7f solid;
}

.templateBeveledBlue {
 border-left: 1px #3399ff solid;
 border-top: 1px #3399ff solid;
 border-bottom: 1px #003399 solid;
 border-right: 1px #0055bb solid;
}

.templateBeveledDarkBlue {
 border-left: 1px #3c4cad solid;
 border-top: 1px #3c4cad solid;
 border-bottom: 1px #003399 solid;
 border-right: 1px #003399 solid;
}

.templateBeveledDarkGrey {
 border-left: 1px #7f7f7f solid;
 border-top: 1px #7f7f7f solid;
 border-bottom: 1px #424242 solid;
 border-right: 1px #424242 solid;
}

.templateBeveledLightGrey {
 border-left: 1px #ffffff solid;
 border-top: 1px #cecece solid;
 border-bottom: 1px #424242 solid;
 border-right: 1px #424242 solid;
}

.templateBlackBorder {
 /* padding:  top right bottom left */
 padding: 0 0 1px 1px;
 background-color: black;
}

#templatePage {
 margin: 0 auto;
 margin-top: 10px;
 width: 960px;
 text-align: left;
 border-top: 1px solid black;
 border-right: 1px solid black;
}

#templateHeader {
 height: 192px;
 background-color: #cecece;
 background-image: url(images/sipexHeader.jpg);
}

#templateHNav {
 /* width: 957px; */
 background-color: #002e89;
 _height: 100%;
 font:105% arial,verdana,sans-serif;
 font-weight: bold;
}

#templateHNav ul {
 padding: 0;
 list-style: none;
 margin: 0 0 0 180px;
 border-left: 1px #0055bb solid;
}

#templateHNav li {
 float: left;
}

#templateHNav a {
 display: block;
 background-image: url(images/menuBorder.gif);
 background-repeat: repeat-y;
 padding: 6px 30px 4px 25px;
 text-align: center;
 text-decoration: none; 
 color: #cccccc;
 
}

#templateHNav a:hover {
 text-decoration: none;
 color: #a7d7fe;
}

#templateHNav li.selected a {
 color: white;
}

#templateVNavWrapper {
 float: left;
}

#templateVNav {
 width: 180px;
 _width: 183px;
 min-height:300px;
 height:auto !important;
 height:300px;
 background-color: #0066cc;
 font-size: 13px;
 padding-top: 10px;
}

#templateVNav .menuItem {
 margin-left:8px;
}

#templateVNav .compressed, 
#templateVNav .expanded, 
#templateVNav .childless {
 display: block;
 margin-left: 5px;
 margin-top: 5px;
}

.expanderControl {
 display: block;
 float: left;
 width: 10px;
 background-repeat: no-repeat;
 background-position: 0px 2px;
 _background-position: 0px 5px;
}

#templateVNav .compressed .expanderControl {
 background-image: url(images/compressed.gif);
}

#templateVNav .expanded .expanderControl {
 background-image: url(images/expanded.gif);
}

#templateVNav a {
 text-decoration: none;
 color: #a7d7ff;
}

#templateVNav .subMenu {
 padding-left: 0;
 display: block;
 margin-top: 2px;
 margin-left: -4px;
 padding-top: 3px;
 padding-bottom: 5px;
 list-style-type: none;
 background-color: #a7d7ff;
}

#templateVNav .subMenu li {
 margin-top: 2px;
 margin-left: 29px;
}

#templateVNav .subMenu a {
 color: #002e89;
}


#templatePrimaryContentAreaWrapper {
 float: right;
}

#templatePrimaryContentArea {
 width: 774px;
 min-height: 500px;
 height: auto !important;
 height: 500px;
 background-color: #ffffff;
 background-image: url(images/content.gif);
 background-repeat: repeat-x;
}

#templatePrimaryContentArea p, H1, H2, H3, H4 {
 margin-left: 10px;
 margin-right: 10px;
}

#templatePrimaryContentArea H1, H2, H3, H4 {
 color: #050c25;
}

#templatePrimaryContentArea H2, H4 {
 font-style: italic;
}

#maps {
 margin: 0 auto;
 text-align: center;
 border: 1px solid black;
}

#templateBreadcrumbs {
 margin: 10px 0 0px 20px;
 height: 20px;
 font-size: 70%;
 font-style: italic;
}

#templateBreadcrumbs a {
 text-decoration: none;
}

#templateContent {
 margin: 8px 10px 8px 10px;
}

#templateFooterWrapper {
 float: right;
}

#templateFooter {
 width: 774px;
 background-color: #ffffff;
}

#templateFooterContent {
 font-family: arial,verdana,sans-serif;
 font-size: 7pt;
 float: left;
 padding: 8px 0px 8px 10px;
 _padding: 6px 0px 4px 10px;
 margin: 3px 0px 3px 3px;
 width: 45%;
 background-color: #cccccc;
 color: #515151;
}

#templateFooterLogos {
 float: right;
 margin-right: 2px;
 margin-top: 5px;
 margin-bottom: 2px;
}

#templateBaseline {
 margin-top: 20px;
}

.clear {
 clear: both;
 _clear: none;
 width: 0;
 height: 0;
}

#meta {
 margin: 0 auto;
 width: 958px;
 font-family: arial,verdana,sans-serif;
 font-size: 7pt;
 text-align: right;
}

#meta a {
 text-decoration: none;
}

#templateLoginBody {
 background-color: white;
 background-image: none;
 text-align: center;
}

#templateLoginHeader {
 background-image: url(images/sipexLoginHeader.jpg);
 width: 339px;
 height: 95px;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-bottom:  20px;
}

#templateLoginBox {
 margin: 0 auto;
 width:  339px;
 height: 130px;
}

#templateLoginBox label, input {
 display: block;
 float: left;
 margin-top: 10px;
}

#templateLoginBox label {
 width: 100px;
 text-align: right;
 margin-left: 25px;
}

#templateLoginBox input {
 margin-left: 30px;
}

#templateLoginBox .button {
 display: block;
 float: left;
 width:  100px;
 height: 23px;
}

#templateLoginBox a {
 text-decoration: none;
 color: blue;
}

#templateLoginBox a:visited {
 color: blue;
}

#templateLoginBox .clear {
 clear: both;
 margin: 0 auto;
 text-align: center;
 height:  25px;
 width:  204px;
 padding-top: 40px;
}

#templateLoginBox .notice {
 margin: 0 auto;
 padding: 0;
 color:  red;
}

#map {
 clear: both;
 margin: 0 auto;
 margin-bottom:  30px;
 border: 1px solid black;
}