/* General layout */
body {background:#1e2a36 url(images/backgroundnew.jpg) top; background-repeat: repeat-x; background-attachment: fixed; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}

/* Site title */
#logo {margin:15px 0 0;}
#logo h1 a {border:none; color:#191970; font-weight:bold;}
#logo h1 a:hover {border:none; color:#000000; text-decoration:none;}
#logo p {font-size:1.3em;  color:#000000; margin:0 0 20px 0; font-weight:bold;}

/* Tags */
a {color:#191970; text-decoration:none;}
a:hover {color:black; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
.title {font-size:1.2em; font-weight:bold;}
p {line-height:1.5em; margin:0 8px 15px 0; text-align:left;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}
p.bold {line-height:1.5em; margin:0 0 15px; text-align:left; font-weight: bold;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right; font-weight: bold;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.toptabred {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:red; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptabred:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#CD0000; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}
.activetoptabred {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#red; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptabred:hover {border-bottom:1px solid #fff; text-decoration:none; color:#cd0000;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none; font-weight:bold;}
.navitab:hover {background:#b0b0b0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px; text-decoration:none; font-weight:bold;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */
#desc {background:#505050 url(images/logo2.gif); clear:both; color:#fff; height:150px; margin:5px 0 15px; padding:0 0 0px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; width:570px;}
#main a {color:#ff8a00;}
#main a:hover {color:black;}
.instr {text-align:center; font-weight:bold; /* border-width: 2px; border-color: red; border-style: dashed; */}
.float {float:left; margin-left:10px; background:#fff;}
.float img {background: #ffffff;}
.float p {text-align:center; font-weight:bold; background:#fff;}


/* Log-In/Full Width Page Main content */
#mainlogin {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:713px;}
#mainlogin a {color:#ff8a00;}
#mainlogin a:hover {color:black;}
.instr {text-align:center; font-weight:bold; /* border-width: 2px; border-color: red; border-style: dashed; */}
.floatright {float:right; margin-left:100px;}

/* Sidebar */
#sidebar {float:right; width:150px; margin-top:10px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0; font-weight:bold;}
ul.sidelink li a{background:#d0d0d0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:120px;}
ul.sidelink li a:hover {background:#b0b0b0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
#footer a {color:#ff8a00;}
#footer a:hover {color:#000000;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0; font-weight:bold;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#e0e0e0; padding:10px;}
.hide {display:none;}
.red {font-weight:bold; color:red;}

/* Form Formatting */
/* ctyles broke apart, not inline, to help with future editing */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% tahoma, verdana, sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

.cartForm {
	max-width: 700px;
	width: 700px;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 130px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
						/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize, ironically, handled some in file */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font:100% tahoma, verdana, sans-serif;  /* because not having uniform text display drives Alex nuts */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}