/*  
 Created by Peter Marques
 March 2008
*/






/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}

body {

 margin:0;
  padding:0;
background:#357 url("images/bg_pg_blue.gif");
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  color:#fff;

/*position: relative; 
background: url(images/bg_body.gif) top left repeat-x #357; 
font: 70% Verdana, Arial, Helvetica, sans-serif; 
/*color: #4B5D67; */
color:#777;
text-align: center;*/
}


#page {
background-image:url("images/bg_col_xms.gif");
background-color:#fff;
border-color:#135;
/*color:#333;*/
color:#777;
width:750px;
margin:0 auto;
border-width:0 1px;
text-align:left;
position:relative;
} 



/*#header {float: left; display: block; width: 750px; background: url(images/mainbckg.jpg) top no-repeat; min-height: 355px; padding: 0;}

* html #header {height: 150px;}

*/

#header {
  background-color:#000;
  background-repeat:no-repeat;
  background-image:url("images/sjtmain.jpg");
  background-position:0 0;
  height:150px;
  float:left;
  width:100%;
  margin-top:3em;
  }

#logo {
  background:none;
  background-color:transparent;
  float:left;
  display:block;
  width:175px;
  height:35px;
  margin:25px 0 0;
  padding:0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
  }




/* SJT Main Nav */

#sjtnav {
  margin:0px 0px 0px 0px;
  background-color:#000;
  background-image:url("images/mainbckg.jpg");
  background-position:0 -70px;
  border-color:#135;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid ;
  border-width:1px 0;
  }

#sjtnav ul {
  margin:0;
  padding:0px 0px 0px 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
#sjtnav li {
  float:left;
  margin:0px;
  padding:0px;
  background-image:none;
  line-height:normal;
  text-indent:0;
font-size:1.1em;
  }
  
  
* html #sjtnav a {
  width:1%;
  }
#sjtnav #current strong, #sjtnav #current a {
  background-repeat:no-repeat;
  }
#sjtnav a:hover, #sjtnav #current a:hover strong, #sjtnav #current strong {
  color:#000;
  }
#sjtnav a:hover {
  background-repeat:no-repeat;
  }
#sjtnav a strong, #sjtnav #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#sjtnav #h {
  border-left-width:1px;
  }  
 

#sjtnav a, #sjtnav strong {
  display:block;
  padding:5px 10px 6px;
  border:solid #ddd;
  border-width:0px 1px 0px 0px;
  color:#68a;
  text-decoration:none;
  white-space:nowrap;
  }
   
#sjtnav a, #sjtnav strong {
  border-color:#135;
  color:#7ac;
  }
#sjtnav #current strong, #sjtnav #current a {
  background-color:#246;
  background-image:url("images/bgshadow.gif");
  }
#sjtnav a:hover, #sjtnav #current a:hover strong, #sjtnav #current strong {
  color:#fff;
  }

#sjtnav a:hover, #sjtnav #current a:hover strong, #sjtnav #current strong {
  color:#fff;
  }

#sjtnav #current a strong {
  /*color:#7ac;*/
 color:#fff;
  }
#sjtnav a:hover {
  background-color:#123;
  background-image:url("images/bghover.gif");
  }


/* / SJT Main Nav */



/*
#content {float: left; display: block; width: 543px; margin: 5px 0 0 7px;}

#sidebar {float: left; display: block; width: 199px; margin: 0px 0 0 0;}
*/

#content {float: left; display: block; width: 505px; margin: 5px 0 0 7px;}

#sidebar {float: left; display: block; width: 224px; margin: 0px 0 0 0;}





* html #content, * html #sidebar {margin-top: -25px;} 


.post {float: left; display: block; width: 470px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 470px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 470px; margin: 10px 0 18px 18px; border-bottom: 1px solid #ccc;}





#sidebar .post {display: block; width: 200px; margin: 0 0 0 18px;}

.title {float: left; display: block; width: 470px; /*background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8;*/ margin:0 0 0px 0;}

#sidebar .title {float: left; display: block; width: 200px; }

.entry {float: left; display: block; width: 460px; margin: 0px 0px 0px 0px;font-size:110%;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin: 0px 0px 0px 10px;}

* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}

#sidebar .post {margin-top:0px;}

p img {float: left; margin: 0 18px 12px 0;}










/* typography */
h1 {font: 3.2em Georgia,Serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}

.title h2 {font: 1.9em Georgia,Serif; text-transform: none; padding: 9px 24px 12px 20px; color:#358;clear: both; }

h1.subtitle {font-size: 1.3em; margin: 0px 0px 20px 3px; text-transform: lowercase; color: #358; padding: 0px;}


#content .postwrapper .title h2 {font: 1.9em Georgia,Serif; text-transform: none; /*background: url(images/icon_entry.gif) 24px 50% no-repeat;*/ padding: 9px 100px 12px 20px;clear:both;}

#sidebar .title h2 {font:150% Georgia,Serif; text-transform: none; padding: 10px 0 10px 22px; background: none; color:#b95;margin:0px;}


.title small {float: right; padding: 14px 24px 0 0; color: #67939B;font-size:90%;}
h2 a, h2 a:visited {clear: both;}
h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}

h5 {font: bold 1.2em Georgia,Serif;color:#776;padding-top:5px;padding-bottom:10px; }

h4 {font: bold 1.4em Georgia,Serif;color:#776;padding-top:15px;padding-bottom:10px;border-top:1px dashed #ccc;margin-top:15px;clear:both;}

h6 {font: bold 1.3em Georgia,Serif;color:#776;padding-top:5px;padding-bottom:10px;clear:both; }

p.pvtitlenotes {font: normal 105% Verdana, Arial, Helvetica, sans-serif;padding-top:10px;padding-bottom:0px;margin:-5px 0px -10px 0px; color: #358}


p {margin: 0 0 18px 0; padding: 0;}

p.sbnote {margin: 0px; padding: 0px;font-size:.8em; color:#777;}

.entry p {padding-right: 24px;:}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;margin:-5px 0px 0px 0px;}
blockquote.photostory {padding: 3px 0 0 12px; border-left: 3px solid #ffffff;}



dl {
  margin:0px;
  padding:0;
  list-style:none;
  }
dl dl {
  margin:0px;
  }
dt {
  clear:left;
  font-weight:bold;
  }
dt {
  clear:left;
  font-weight:bold;
  }

dd {
  margin:0 0 1em;
  padding:0;
 color:#777;
  }


td {color:#777;}



/* lists */
ul {margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 0px;list-style-type: none;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 10px;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }
















/* links */
a { color:#358;
  text-decoration:none;
  border-bottom:1px dotted #469;}
a:visited {
  color:#677;
  border-color:#899;
  }
a:hover {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }

a.gallery:hover {
  border:1px solid;
border-width: 2px;
	border-color: #38c;
	margin: 0;
  }  
  
  
p a:hover, ul a:hover {}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}
















/* main image */
#mainpic {float: left; background: url(images/sjtmain.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}
















/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 420px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}





/* =Company Nav
----------------------------------------------- */




#cnav {
  background-color:#135;
  background-image:url("images/corpnav.gif");
  background-repeat:repeat-x;
  width:100%;
  padding:0;
  height:3em;
  position:absolute;
  top:0;
  left:0;
  }
#cnav ul {
  margin:0;
  padding:.1em 12px 0;
  list-style:none;
  }
#cnav li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  }
  
#cnav a {
  color:#bcd;
  /*color:#479*/
  }

  
#cnav a, #cnav strong {
  float:left;
  display:block;
  /*color:#ccccff;*/
  margin-top:3px;
  padding:.25em 8px;
  border-width:0;
  font-size:85%;
  text-transform:lowercase;
  }
#cnav a strong {
  font-size:100%;
  margin-top:0;
  padding:0;
  }
#cnav strong {
  color:#333;
  }
#cnav a:hover {
   color:#bcd;
   background-color:#135;
  }

#host em {
  background-image:url("images/mt_host_cs1.gif");
  }





  /* =Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:0;
  border-bottom:1px solid #fff;
  font-size:85%;
    border-color:#124;
  }
#footer p {
background:#135 url("images/corpnav.gif");
  background-repeat:repeat-x;
  background-position:0 -4px;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  border-color:#124;
  color:#479;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#69a;
  border-color:#479;
  }
#footer a:hover {
 color:#8bc;
  border-color:#479;
  }






/* Gallery Theme Table Layout */

table.gallery {margin:10px 0px 10px 0px;width:100%;padding:0px;}
table.photofocus {margin:15px 0px 5px 0px;width:100%;padding:0px;}

td.photoblock {vertical-align: top; width: 25%; padding-top: 20px}
td.spaceblock {vertical-align: top; width: 8%; padding-top: 20px}
td.caption {vertical-align: top; width: 25%; padding-top: 20px}
td.photofocus {vertical-align: top; width: 60%; padding: 20px 0px 0px 0px; margin:0px; text-align: center; }
td.photoviews {vertical-align: top; width: 60%; padding: 1px 0px 0px 0px; margin:0px;text-align: center; }

img.photoblock {width:130px;height:73px;border: #000000 1px solid;}
img.photofocus_1 {width:300px;height:400px;border:#000000 2px solid;}
img.photofocus_2 {width:400px;height:300px;border:2px solid #000000;}


/* Expandable Menu Styles */

.showSwitch {
	display: block;
}
.hideSwitch {
	display: none;
}
.expandMenu {
  width: 100%;
}

dl.expandMenu  {
margin:-10px 0px 20px 0px;
padding:0px;

}

.expandMenu dt {
	text-transform: none;
	background-color: #ffffff;
	padding: 2px;
	margin: 0px 0px 1px 0px;
	color: #f7931d;
	cursor: hand;
}
.expandMenu a {
	color: #FFFFFF;
}
.expandMenu a:hover {
	color: #333333;
	background-color: transparent;
}
.expandMenu dd {
	margin: 0px;
	padding: 5px;
	background-color: #ffffff;
}
ul.expandMenu  {
	background-color: #ffffff;
	margin:  0px;
	padding: 0px;
	list-style-type: none;
}

li.expandMenu {
	background-color: #ffffff;
	margin:  0px;
	padding: 5px 5px 5px 0px;
	list-style-type: none;
}



.alignCenter {
	text-align: center;
}

img.expandmenu {width:20px;height:10px;vertical-align:bottom;}




/* View Photo and Photostream */
#phview ul {background-color: #ffffff;
	margin:  0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;

}

#phview li.photo {background-color: #ffffff;
	margin:  0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;display:inline;font-size:85%;}

#phview li.stream {background-color: #ffffff;
	margin:  0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;display:inline;font-size:85%;/*display:none;*/}
#phview a {color: #f29234}
#phview a:visited {color: #f29234}
#phview a:hover {color: #f29234}



/* Photo Nav */
#phnav ul {background-color: #ffffff;
	margin:  -10px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;

}

#phnav li.phnav {background-color: #ffffff;
	margin:  0px;
	padding: 0px 3px 0px 0px;
	list-style-type: none;display:inline;font-size:90%;}

#phnav li.hidden {background-color: #ffffff;
	margin:  0px;
	padding: 0px 3px 0px 0px;
	list-style-type: none;display:inline;font-size:90%;display:none;}
#phnav a {}
#phnav a:visited {}
#phnav a:hover {}




/* SJT Photo Voice and Community Mapping Into Pages */

table.sjtimintro {margin-top: 25px;border-top:1px dashed #ccc; }
td.sjtimintrotext {vertical-align: top; width: 35%; padding-top: 20px }
td.sjtimintroimage {vertical-align: top; width: 50%;padding-top: 20px}
td.sjtimintrospace {vertical-align: top; width: 15%;padding-top: 20px}

td.sjtimintromap {vertical-align: top; width: 100%; padding-top: 20px }



a.sjtimintro {text-decoration: none; border: 0px}
a.sjtimintro:visited {text-decoration: none; border: 0px}
a.sjtimintro:hover {text-decoration: none; border: 0px}

img.sjtimintro {margin: 1px; background-color: #f3f3f3; border: #ddd 1px solid; padding: 7px;width:200px;height:200px;}



p.backto {font-size: 85%; text-align: right;margin:-2px 0px 20px 0px;padding:0px;}


span.theme {font-size:.7em;}

p.commaps {padding-left:0px;}
img.commaps {border:2px solid /*#b3c7dc;*/ #ffffff}



/* Community Voices */
table.voices {width: 450px}
td.voicesvid {vertical-align: top; width: 230px}
td.voicesnote {padding-left: 15px; vertical-align: top; width: 200px}
p.voices {padding-right: 0px; padding-left: 30px; padding-bottom: 0px; padding-top: 0px}
img.voices {width: 100px; height: 70px; border: #000000 1px solid}




hr {
  display:none;
  }
  
  
/* footer 
#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5; text-align: center;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}
*/