/*
This style sheet was created from J:\Web Sites\JinksDurden\index.htm
*/

/* >>>>> Page Styles <<<<< */

html, body {margin: 0; padding: 0;  font-size: 101%; }

body {
font-family:  Arial, Helvetica, sans-serif;
color: #000000;
background: #000066; }

#pagetitle {
margin: 0;
padding: 10px 0 0 0;
text-align: center;
font-size: 210%;
color: #771464; }

pre {
margin: 0 0 0 10px;
padding-top: 8px;
font-family: Verdana, sans-serif;
font-size: 95%;
font-weight: normal; }

p {
  margin: 0; 
  padding: 8px 7px 0 10px;
  font: .7em;
  color: #CCCCCC;
}

#contents p {font-weight: bold; }

.altcolor {color: #eef7e2; font-weight: normal;  font-size: .6em; }

.altcolor2 {color: #cde7a8; }

.altcolor3 { color: #771464; font-weight: bold; }

#maintext {
/*border: 2px solid #233622;*/
background: #000066;
/*color: #233622;*/
margin: 5px 10px 5px 10px;
padding: 0 5px 5px 0;
position: relative; } /*** for IE6 ***/



a:link {color: #eef7e2; text-decoration: underline; padding: 1px; }

a:visited {color: #eef7e2; text-decoration: underline; padding: 1px; }

a:hover {color: #000; background: #eef7e2;  padding: 1px;  }

#leftbox a:link, #leftbox a:visited {color: white; text-decoration: underline;  font-size: .75em;  }

.right a:link strong, .right a:visited strong, .right a:link, .right a:visited {
color: #000; text-decoration: underline; background: #eef7e2; padding: 1px; }
/*** Redundancy in this selector and the one below allows Op6 to display links properly ***/

.right a:hover strong, .right a:hover {color: #771464; background: #f4e6ef; padding: 1px; }

#contents a:link, #contents a:visited {
color: #000; text-decoration: underline; background: #f4e6ef; padding-top: 0; }

#contents a:hover {color: #f9f; background: #233622; padding-top: 0; }

#footer a:link, #footer a:visited {
  color: Silver;  
  font-size: .7em;
  font-family:  Arial, Helvetica, sans-serif;  
}

#footer p{
	font-size: .7em;
	color: #6A5ACD;
}

strong {font-weight: bold; color: #233622; }

pre strong {color: #000; }

#contents strong {color:  #f9f; }

#contents pre.altcolor2 strong {color: #cde7a8; }

.alignright  {margin: 0; padding: 1em 10px 2.5em 0; text-align: right; }

.small {font-size: .9em; color: #771464; }

.alignright strong {color: #771464; font-weight: bold; }

.decoration {float: right; margin: 0.5em 1em 3px 3px; position: relative; } /*** for IE6 ***/

html[xmlns] .decoration {margin: 0 1em 0 0; } /*** Moz put the image too low ***/

.rtbxLink a, a:link {
	color: #cde7ab;
	font-size: .8em;
}

.rtbxLink  a:hover {
	color: #A52A2A;
	font-size: .8em;
	background: url(../Images/RtBoxGradient.gif);	
}

.kudos {
margin-top: 3em; 
border-top: 3px double #233622; 
border-bottom: 3px double #233622;
padding-bottom: 5px; }

#bottom {font-size: 1px; line-height:0 margin:0; padding:0;}



/* *****>>>>> Demo Styles <<<<<***** */

/*** The #header div has a static position and a background image ***/

#header {
position: relative;
z-index: 100;
margin: 0;
padding: 0; 
background: #000066 no-repeat; /*** this is a shorthand 
   property for the various 
   background properties ***/
height: 75px;
    } /*** must be set so the following absolutely positioned divs are 
    placed correctly on initial load of the page***/ 

#logo{
	position: absolute;
	top: 0px;
	left: 70%;
	z-index: 10;
	padding:5px;
	float: right;
	clear: left;
	}
	
#montage{
   position: relative;
	z-index: 102;
	padding:8px;
	clear: right;
	}
	 
#leftbox {
position: absolute;
left: 0px;
width: 199px;
background-color: #000066;
color: #F0FFFF; 
padding-top: 5px; 
height: 500px;}

#leftboxTop {
	position: absolute;
	float:left;
	width:190px;
	top: 10px;
	left: 0px;
	}

#leftboxTop h3{
	color: Silver;
}
#leftboxBtm {
	position: absolute;
	float: left;
	width:190px;
	top: 250px;
	left: 0px;
	}

	
#container {
  margin-left: 200px;
  background: #000066;
  width: 63%;
}

#favmenu {
	/*background-color: #ffffff;*/
	border: 2px solid #red;
	border-width: 0px;
	padding: 1px 0px 0px 0px;
	position: relative;  ** IE6 needs this to display the div ** 
	visibility: visible;
	width: 100%;
/*	left: 500px;*/

 }  

#favmenu ul {
/*display: block;*/
list-style: none;
padding: 0;
margin: 0;
width: auto;
/*font-family: Arial, Helvetica, sans-serif;*/
/*text-align: center;*/
/*line-height: 1.2em;*/
} 

#favmenu li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
/*float: left;*/
position: relative; ** IE6 needs this to display the links **
width: auto;
}

#favmenu ul li {
font-weight: bold;
display: block;
/*float: left;*/
position: relative; ** IE6 needs this to display the links **
padding: 1px 0;
margin: 3px 0;
width: 10em;  
border-right: 2px solid #000;
 list-style-type: none;
 }

#favmenu ul li.first {
margin-left: 0; 
list-style: none; }

#favmenu ul li.last {
border-right: none; }

#favmenu a {
padding: 3px 0;
color: #000; 
display: block;
/*width: auto;*/
text-decoration: none;
background: #A9A9A9;
margin: 0;
padding: 2px 2px 2px 2px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
} 

#favmenu a:hover {
color: #faf5f8; 
background: #0000CC; 
}


#favclear {
display: block;
clear: both; }

#bhvideo { float: left;
margin: 0;
	position: relative;  ** IE6 needs this to display the div **
padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Georgia, "Microsoft Sans Serif";
	color: #000000;
	font: 65%;
}
#bhvideo a {
/*color: #000;*/ 
display: block;
/*width: auto;*/
text-decoration: none;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
}

#bhvideo a:hover {
color: #faf5f8;
background: #000066;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
}

#bhvideo td {
/*margin: 0;
padding: 2px 2px 2px 2px;*/
color: #faf5f8;
background: #000066;
border: none;
}

#bhvideo p { 
/*	padding: 5px;*/
 font-size: 75%;
}

#navmenu {
	/*background-color: #ffffff;*/
	border: 0px solid #000;
	border-width: 0px;
	padding: 1px 0px 0px 0px;
	position: relative;  ** IE6 needs this to display the div ** 
	visibility: visible;
	width: 100%;
	left: 180px;

 }  

#navmenu ul {
/*display: block;*/
list-style: none;
padding: 0;
margin: 0;
width: auto;
/*font-family: Arial, Helvetica, sans-serif;*/
/*text-align: center;*/
/*line-height: 1.2em;*/
} 

#navmenu li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position: relative; ** IE6 needs this to display the links **
width: auto;
}

/*#navmenu ul li {
font-weight: bold;
display: block;
float: left;
position: relative; ** IE6 needs this to display the links **
padding: 1px 0;
margin: 3px 0;
width: 10em;  
border-right: 2px solid #000; }*/

/*#navmenu ul li.first {
margin-left: 0; 
list-style: none; }*/

/*#navmenu ul li.last {
border-right: none; }*/

#navmenu a {
padding: 3px 0;
color: #000; 
color: #000;
display: block;
width: auto;
text-decoration: none;
background: #A9A9A9;
margin: 0;
padding: 2px 2px 2px 2px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
} 

#navmenu a:hover {
color: #faf5f8; 
background: #1A1BFF; }

#navclear {
display: block;
clear: both; }

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
- http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
for an explanation of this problem and Sam Foster's page for an explanation of the 
hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/

#rightbox {
position: absolute;
/*right: 16px;*/
/*margin-right: -15px;*/
 width: 150px;
 height: 24em;
 padding-top: 5px;
 background: #4682B4 url(../Images/RtBoxGradient.gif);
 border-left: 1px solid #0002E6;
 }

/* hide the following from IE5-Mac \*/
#rightbox {
right: 0;
margin-right: 0;
 }
/* IE5-Mac can see the rest */

#wrapper {
  margin-right: 138px;
  padding-top: 5px;
  width:100%;
}

/*** Tan hack for IE. Only IE browsers see this selector.
This replaces the old Tantek hack. Please see Edwardson Tan's page.
http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrapper {
width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

.smTxt1 { 
  color: silver;
  font-size: .7em;
  font-weight: bold;
}

.GalLeftCntr {
  /*float: left;
  margin-left: 6px;*/
  width: 43%;
  padding: 5px 5px 5px 0;
  background: Gray;
  border: 2px outset #6495ED;
  margin: auto;
 }

.GalLeftTop {
  float: left;
  margin-left: 6px;
  width: 43%;
  padding: 5px 5px 5px 0;
  background: Gray;
  border: 2px outset #6495ED;
 }

 .GalLeft2nd {
  float: left;
  margin-left: 6px;
  width: 43%;
  padding: 5px 5px 5px 0;
  background: Gray;
  border: 2px outset #6495ED;
 }

.GalLeft3rd {
  float: left;
  margin-left: 6px;
  width: 43%;
  padding: 5px 5px 5px 0;
  background: Gray;
  border: 2px outset #6495ED;
 }
 
.Left {
float: left;
margin-left: 6px;
width: 43%;
padding: 5px 5px 5px 0;
 }

html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
the margin to the correct width for others ***/

.right {
  float: right;
  margin-right: 6px;
  width: 43%;
  padding: 5px 5px 5px 0;
  background: #c3c8c3; 
}
.jinksimage {
  float: right;
}
.GalRightTop {
  float: right;
  margin-right: 6px;
  width: 43%;
  padding: 5px 5px 5px 0;
  background: Gray;
  border: 2px outset #6495ED; 
}

.GalRight2nd {
  float: right;
  margin-right: 6px;
  width: 43%;
  padding: 5px 5px 5px 0;
  background: Gray;
  border: 2px outset #6495ED; 
}

.GalRight3rd {
  float: right;
  margin-right: 6px;
  width: 43%;
  padding: 5px 5px 5px 0;
  background: Gray;
  border: 2px outset #6495ED; 
}


html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
the margin to the correct width for others ***/

.clear {
clear: both;
margin: 0;
padding: 0; }

#contents {
	background-color: #000066;
	margin: 10px auto 10px auto;
	padding: 10px 3px 10px 3px;
	position: relative;
	overflow: auto;
/*	width: 45%;*/
} /*** IE6 needs this to display the div ***/

#footer {
  background: #000066;
  margin-top: 1.5em;
  margin-right: 139px;
  border-top: 1px dashed #888;
  width: 100%;
}

#wrapper img {
/*  margin-left: auto;  
  margin-right: auto;*/  
  border: 2px inset #A9A9A9; 
}

#wrapper a:link, a:hover {
/*  margin-left: auto;  
  margin-right: auto;*/  
  border: 2px inset #red; 
}

BODY, P {  }

A {  }

A:LINK {  }

A:VISITED {  }

/* note that A:HOVER isn't supported by all browsers */
A:HOVER {  }

BR {  }

DIV {  }

/************** header tag styles **************/

h1{
 font: bold 1.3em Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 1.1em Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold .9em Arial,sans-serif;
 color: Red;
 margin: 0px;
 padding: 0px;
}

h4{
 font: .9em Arial,sans-serif;
 color: #cccccc;
 margin: 0px;
 padding: 0px;
}

h5{
 font: .9em Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

IMG { 

}

LI {  }

PRE {  }

SPAN {  }

STRONG {  }

UL {  }


/* classes */
.alignright {  }

.altcolor {  }

.altcolor kudos {  }

.altcolor2 {  }

.altcolor3 {  }

.clear {  }

.decoration {  }

.first {  }

.last {  }

.left {  }

.right {  }

.small alignright {  }


/* unique IDs */
#bottom {  }

#container {  }

#contents {  }

#demotext {  }

#footer {  }

#header {  }

#leftbox {  }

#navclear {  }

#navmenu {  }

#pagetitle {  }

#rightbox {  }

#wrapper { }