/* structure.css - defines the layout of the site */

/* window properties */


/* main stucture elements */

.wrapper {
	width:950px; 
}

div.home {
	background-image:url(../images/columns.gif);
	background-repeat:repeat-y;
}

div.interior {
	background-image:url(../images/columns_interior.gif);
	background-repeat:repeat-y;
}


div.navhome {
	background-image:url(../images/navbg.gif);
	background-repeat:repeat-x;
	width:100%;
	height:20px;
	clear:both;
	border-bottom: 1px solid white;
}

div.navinterior {
	background-image:url(../images/navbginterior.gif);
	background-repeat:repeat-x;
}

#content {
	width:722px;
	float:left;
}

#sidebar {
	position:absolute;
	margin-top:-114px;
	right: -1px;
	width:233px;
	height:109px;
	vertical-align:bottom;
	padding:0px;
	overflow:hidden;
	
}
#sidebarLeft {
	position:absolute;
	margin-top:-134px;
	left: 0px;
	width:200px;
	height:149px;
	vertical-align:bottom;
	padding:0px;
	overflow:hidden;
	
}

div.sidebarHome {
	width:100%;
	text-align:right;
	padding: 6px 15px 6px 6px;
}

#footer {
	clear:both;
}

/* header elements */

#logo {
	float:left;
	width:241px;
	height:72px;
}

#header {
	height:72px;
	clear:both;
	background-color:#333333;
}
#topnav {
	float:right;
	height:28px;
	margin-top:50px;
	padding-right: 15px;
}

#nav1 {
	float:left;
	width:101px;
	height:28px;
	text-align:center;
}

div.navDiv {
	float:left;
	width:1px;
	height:28px;
	background-color:#ffffff;
}

#nav2 {
	float:left;
	height:28px;
}

#nav3,#nav4,#nav5,#nav6,#nav7 {
	float:left;
	height:28px;
	text-align:center;
}

div.navOver {
	color:#ffffff;
	cursor:pointer;
}

div.navSel {
	color:#ff9933;
}

div.navSelOver {
	color:#ff9933;
	cursor:pointer;
}

.navbaritem {
	width:114px;
	height:20px;
	text-align:center;
	float:left;
	vertical-align: middle;
	padding-top: 6px;
}

#navbarItem2,#navbarItem3 {
	width:113px;
	height:28px;
	text-align:center;
	float:left;
	vertical-align: middle;	
}
#navbarItem4 {
	width:599px;
	height:28px;
	text-align:center;
	vertical-align:middle;
	float:left;
	padding-top: 6px;
	padding-left:8px;
}
div.navbarOver {
	background-image:url(../images/navbg-over.gif);
	background-repeat:repeat-x;
	cursor:pointer;
}

div.navbarSel {
	background-image:url(../images/navbg-sel.gif);
	background-repeat:repeat-x;
	color:#ffffff;
}

div.navbarSelOver {
	background-image:url(../images/navbg-sel.gif);
	background-repeat:repeat-x;
	color:#ffffff;
	cursor:pointer;
}

/* interior content elements */

#container {
	width:955px; 
}

#centerColumn {
	position:relative;
	width:489px;
	float:left;
}

#centerFlash {
	position:relative;
	width:489px;
	float:left;
}

#centerColumnAd {
	position:relative;
	width:722px;
	float:left;
	background-color:#CCCCCC;
}

#leftColumn {
	position:relative;
	float:left;
	width:233px;
}

#rightColumn {
	position:relative;
	float:left;
	width:233px;
}

/* center column elements (home) */
#flash {
	width:722px;
}

#portalbar {
	width:722px;
	height:31px;
	background-image:url(../images/portalbar.gif);
	background-repeat:repeat-x;
}

div.portalHeader {
	width:361px;
	height:24px;
	text-align:center;
	float:left;
	padding-top:7px;
	color:#ffffff;
	background-image:url(../images/portalbar.gif);
	background-repeat:repeat-x;
	
}

div.portalHeaderRule {
	width:1px;
	height:31px;
	background-color:#ffffff;
	float:left;
	color:#ffffff;
}

#portal {
	width:722px;
	height:149px;
}

td.portalHeader 
{
 	height:25px;
	text-align:center;
	padding-top:7px;
	color:#ffffff;
	font-weight: bold;
	font-size: 120%;
	vertical-align: top;
	background-image:url(../images/portalbar.gif);
	background-repeat:repeat-x;	
}

td.portalItem {
	height:120px;
	background-color: #dedede;
	padding: 8px 12px 0px 12px; 
	font-size: 90%;
}

div.portalRule {
	float:left;
	width:1px;
	height:120px;
	background-color:#767676;
}

/* center column elements (interior) */

#flashInterior {
	width:489px;
}

#headline {
	clear:both;
	padding:7px 18px 0px 18px;
	width:453px;
	height:27px;
	background-color:#666666;
}

#headline2 {
	clear:both;
	padding:10px 18px 0px 18px;
	width:453px;
	height:5px;
	background-color:#cccccc;
}

#headlineAd {
	padding:7px 18px 0px 18px;
	width:686px;
	height:27px;
	background-color:#666666;
	text-align:left;
}

#headlinelanding {
	background-image:url(../images/headlinebg.gif);
	background-repeat:repeat-x;
}

#bodyCopy {
	clear:both; 
	padding:10px 18px 0px 18px;
	width:600px;
	padding-bottom:25px;
	
}
/*hack to set min height of page*/
.prop {
/*set height to height you want to prop open*/
    height:226px;
    float:right;
    width:1px;
  }

.prop2 {
/*set height to height you want to prop open*/
    height:350px;
    float:right;
    width:1px;
  }
  
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
/*end hack*/

#bodyCopyAd {
	padding:20px 18px 0px 18px;
	width:686px;
	text-align:left; 
	color:#000000;
}

/* left column elements */

#leftnavSpace { 
	width:233px; 
	height:18px; 
}

div.leftnavRule { 
	width:232px; 
	height:1px; 
	background-color:#000000;
	overflow:hidden;
}

div.leftnav {
	width:207px;
	height:25px;
	padding:8px 25px 0px 0px;
	text-align:right;
	color:#cccccc;
}

div.leftnavOver {
	width:207px;
	height:25px;
	padding:8px 25px 0px 0px;
	text-align:right;
	cursor:pointer;
	color:#ffffff;
}

div.leftnavSel {
	width:207px;
	height:25px;
	padding:8px 25px 0px 0px;
	text-align:right;
	color:#ff9933;
	background-image:url(../images/leftnav-sel.gif);
	background-repeat:repeat-x;
}

div.leftnavSelOver {
	width:207px;
	height:25px;
	padding:8px 25px 0px 0px;
	text-align:right;
	cursor:pointer;
	color:#ff9933;
	background-image:url(../images/leftnav-sel.gif);
	background-repeat:repeat-x;
}

#subnav {
	width:233px;
	margin-top:10px;
	margin-bottom:10px;
}

div.subnav {
	width:207px;
	height:17px;
	padding:0px 25px 0px 0px;
	text-align:right;
}

div.subnavOver {
	width:207px;
	height:17px;
	padding:0px 25px 0px 0px;
	text-align:right;
	cursor:pointer;
	color:#ffffff;
}

/* right column elements */
div.sidebarContent {
	margin-left:10px;
	margin-top:8px;
	width:205px;
}

.sidebarContent li {
	list-style:none;
}

div.sidebarContentHome1 {
	margin-left:10px;
	margin-top:8px;
	vertical-align:bottom;
	width:205px;
}

.sidebarContentHome1 li {
	list-style:none;
}

div.sidebarContentHome2 {
	margin-left:10px;
	margin-top:8px;
	vertical-align:bottom;
	width:205px;
	height:170px;
}

.sidebar
{
  position:absolute;
  width: 200px;
  padding: 5px;
}
.sidebarContentHome2 li {
	list-style:none;
}

div.sidebarContentPowered {
	margin-top:8px;
	width:232px;
	vertical-align:bottom;
	padding-left:1px;
}
.sidebarContentPowered li {
	list-style:none;
}

div.sidebarContent li {
	list-style:none;
	margin-left:0px;
	margin-bottom:1em;
}

div.sidebarRule { 
	width:232px;
	height:2px;
	background-color:#000000;
	overflow:hidden;
	padding:0px;
}

/* footer elements */
#footerTop {
	width:955px;
	height:6px;
	background-color:#666666;
	overflow:hidden;
}

#footerBottom {
	width:100%;
	padding:3px 0px 3px 0px;
	text-align:center;
	background-color:#333333;
	border-top: 1px solid #ffffff;
}


#contactLinks {
	position:absolute;
	margin-top:-250px;
	margin-left:20px;
	width:188px;
	text-align:left;
}

/* PhotoSense Styles */
.photosense_container
{
    margin: 2px;
    display: -moz-inline-box; /* Firefox and Safari */
    display: inline-block; /* IE */
    vertical-align: bottom;
    text-align: center;
}
.photosense_title
{
  width: 90px; 
}
.photosense_thumb
{
  margin-top: 3px;
}
.grid_cell
{
  padding: 3px;
  font-size: 120%;
}
a.toolbar_link
{
  color: White;
  text-decoration: none;
}
a.toolbar_link:hover
{
  text-decoration: underline;
  color: White;
}
a.toolbar_link_sel
{
  color: White;
  text-decoration: none;
  border-top: 2px solid #0099ff;
  border-bottom: 2px solid #0099ff;
}
a.toolbar_link_sel:hover
{
  color: White;
  text-decoration: none;
}
a.nav_link
{
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
}
a.nav_link:hover
{
  text-decoration: underline;
}
input.login
{
  font-size: 120%;
  border: solid 1px #3399cc;
  width: 120px;
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  padding-left: 4px;
}
.text_wide
{
  font-size: 100%;
  width: 230px;
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  padding-left: 4px;
}

.pp_title
{
  background-image: url(../images/titles/pp_pagetitle_bg.jpg); 
  background-repeat: repeat-x;
  border-bottom: 2px solid white;
  font-size: 150%; 
  font-weight: bold; 
  color: #666666;
  height: 76px; 
}
.pp_body
{
  background-color:#DEDEDE; 
  padding-left:30px;
  padding-right:20px;
}