/* 
Main styles for smithdiving.com web site
Bob Haider
bobhaider@mac.com
Updated: Apr 2004
*/

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #33031d; 
	font-size: 11px;
	background: #850381;
	text-align: center; /* part 1 of 2 to correctly center "div"s in a browser window  for IE5*/
	margin: 0;
	padding: 0;
	min-width: 760px;
	}

img {
	border: none; 
	}

li.newClass {
	display: list-item;
	list-style-image: url(../images/main_navs/new.gif);
	margin-left: -10px;
	padding-left: 10px; 
	}

.floatright {
	float: right;
	margin: 10px 0px 10px 10px;
	border: 1px gray solid;
	padding: 2px;
	}

.floatleft {
	float: left;
	margin: 10px 10px 10px 0;
	border: 1px gray solid;
	padding: 2px;
	}

/* The banner will consist of a logo to the left, a title bar to the upper right and a main nav bar to the lower right.  The title bar will change for each area of the web site. Additional items are placed ina  display area below the banner that will change in color and style for each area. */

/* page banner area */

#sdbanner {
	position: relative;
	height: 152px;
	width: 760px;
	background: #CCC;   /* Black */
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: left; /* part 2 of 2 to correctly center "div"s in a browser window in IE5 */
	}

/* the site logo */

#sdlogo  {
	position: relative;
	background: #b7e5f6 ;   /* Light Blue */
	float: left;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	border-left: 1px #000 solid;
	height: 152px;
	width: 150px;
	voice-family: "\"}\""; /* hide from IE5 */
  	voice-family: inherit;
	height: 150px;
	width: 149px; 
	}

html>body #sdlogo {  /* be nice to opera */
	height: 150px;
	width:149px;
	}
/* the page title bar */

#pagetitle {
	position: relative;
	float: right;
	background-color: #0080ff ;
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	height: 123px;
	width: 610px;
	voice-family: "\"}\""; /* hide from IE5 */
  	voice-family:inherit;
	height: 122px;
	width: 609px; 
	}

html>body #pagetitle {  /* be nice to opera */
	height: 122px;
	width: 609px; 
	}

/* site main navigatgion */

#mainnav {
	position: relative;
	float: right;
	background-color: #0080ff;
	white-space: nowrap;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	padding: 0;
	height: 29px;
	width: 610px;
	voice-family: "\"}\""; /* hide from IE5 */
  	voice-family:inherit;
	height: 28px;
	width: 609px; 
	}

html>body #mainnav { /* be nice to opera */
	height: 28px;
	width: 609px; 
	}

#mainnav ul {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#mainnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	}

#mainnav a:link, #mainnav a:visited {
	color: #e5e5e5;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-transform: uppercase;
	background-color: #0080ff;
	margin-top: 4px;
	margin-right:7px;
	margin-bottom: 0;
	margin-left: 7px; 
	padding: 3px 5px 4px 5px;
	text-decoration: none;
	float: left;
	}

#mainnav a:link.active, #mainnav a:visited.active, #mainnav a:hover {
	background-color: #1d39ce;
	border: 1px #e5e5e5 solid;
	padding: 2px 4px 3px 4px;
	}

/* display area  - this section will change for each area - look to page specific css files for each area */
/* The display area for the main page is a text area to the left and a menu area to the right. the display area has a top and bottom graphic that further defines the display space and should be the first and last elements displayed */

#maindisplay {
	position: relative;
	padding: 0;
	text-align: left; /* part 2 of 2 to correctly center "div"s in a browser window in IE5 */
	margin-right: auto;
	margin-left: auto;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	width: 760px;
	voice-family: "\"}\""; /* hide from IE5  */
  	voice-family:inherit;
  	width: 758px; 
	}

html>body #maindisplay { /* be nice to opera */
	width: 758px;
	}

#maindisplay a:visited {
	color: #0000ff;
	text-decoration: underline 
	}

/* display area - menu */

#menuarea {
	position: relative ;
	width: 199px;
	font-family: "Comic Sans MS", fantasy, sans-seriff ;
	color: #33031d;
	text-align: left;
	margin-bottom: 10px; 
	}

#menuarea a:link, #menuarea a:visited {
	color: #33031d;
	text-decoration: none;
	}

/* display area - text areas */

#textarea {
	position: relative;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #33031d; 
	width: 557px;
	padding: 10px 20px 0 20px;
	text-align: left;
	voice-family: "\"}\""; /* hide from IE5  */
  	voice-family:inherit;
  	width: 517px;
	}

html>body #textarea { /* be nice to opera */
	width: 517px;
	}

h1 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #33031d; 
	text-align: center;
	text-decoration: underline;
	margin-top: 0;
	}

h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #33031d; 
	text-align: left;
	}

h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #33031d; 
	text-align: left;
	margin-bottom: 0em; 
	}

h5 {
	margin-top: 0em;
	margin-bottom: 0em; 
	}

ul {
	margin-top: 0em; 
	}

p, center {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #33031d; 
	font-size: 12px;
	}

#textarea ul {
	font-size: 12px;
	}

.wide {
	margin-top: 1em;
	}/* misc */

.credits {
	color: #e596e4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	margin-top: 1px;
	margin-right: 3px;
	text-align: right;
	padding-bottom: 2px;
	margin-bottom: 0em;
	}

.credits a:link, .credits a:visited {
	color: #e596e4;
	text-decoration: none;
	}

.credits a:hover {
	background-color: transparent;
	color: #FFF;
	}

.wrap {
	position: relative;
	}

.hide {
	display: none;
	}

address {
	position: relative;
	margin-top: 2em;
	bottom: .5em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-align: center;
	line-height: 1.75em;
	font-style: normal;
	}

#mainadd a:link, #mainadd a:visited {
	color: #0000ff;
	text-decoration: underline 
	}

#mainadd a:hover {
	color: #b100ff;
	text-decoration: underline 
	}