/*  Broughton1960 Stylesheet 'BasicBroughtonStyle*/

*{
    margin: 0;
    padding: 0;
}

body {
	font-family: comic sans ms, sans-serif;
	font-size: 16px;
    color: #70009F;
	background: #FFC url(graphics/nbhscolorinset.jpg) no-repeat 92.5% 15px;
}

p {
	margin: 10px 0;
}

ul#menu_col1 {
    float: left;
    padding: 10px 0 0 0;
	margin: 25px 0 0 40px;
	width: 105px;
	display: inline;
	list-style-position: outside;
	list-style: none;
}

#menu_col1 li {
	line-height: 1px;
	font-size: 1px;
}

#menu_col1 a {
   	width: 100px;
    height: 25px;
	display: inline;
	text-decoration: none;
	background-position: left top;
}

#bulletins {
    border: ridge #4F1286;
    color: #000;
    background-color: #FFD897;
    margin: 0 20px 0 175px;
	padding: 0 24px 3px 24px;
    width: 937px;

}

/* Normal, standard links. */
a.active {color: fuchsia; background-color: transparent; }
a.deceased_latipac {display:block; background-color:#c0c0c0; width:475px; border:0;}
a.hover {color: #48009D; background-color: transparent;}
a.link {color: blue; background-color: transparent;}
a.visited {color: gray; background-color: transparent;}

/* Heading definitions in 4 sizes */
h1{
    font-size: 35px;
	text-align: left;
    padding: 0 0 0 120px;
    margin: 2px 0 0 60px;
}
h2{
    font-size: 19px;
	text-align: left;
	font-weight: normal;
    padding: 0 0 0 120px;
    margin: 27px 0 0 60px;
}
h3{
    text-align: left;
	font-weight: normal;
    padding: 10px 0 0 120px;
    margin: 0 0 0 60px;
}
h4{
    text-align: left;
	font-weight: normal;
    padding: 0 0 0 120px;
    margin: 35px 0 0 60px;
}

#alphabet_menu{
    margin: 30px 0 5px 180px;
    word-spacing: 20px;
    width: 475px;
}

#contents, #credits{
    padding: 10px 0 10px 0;
    margin: 0 auto;
    width: 890px;
}

#memory_graphic{
   	background: url(graphics/Memory.GIF) no-repeat;
    border: ridge #4F1286;
    padding: 40px 0 0 25px;
    color: #000;
    margin: 0 0 0 175px;
    width: 980px;
    height: 295px;
}

#display_area{
    overflow: auto;
    padding: 0px 0 0 90px;
    width: 897px;
    height: 250px;
}

#deceased_classmates_inner{
	font-variant: small-caps;
    overflow: auto;
	width: 950px;
	height: 225px;
	padding: 67px 0 43px 125px;
}
#deceased_list_container{
	overflow: auto;
    background-color: #FFF;
    border: ridge #4F1286;
    color: #000;
    margin: 5px 0 0 177px;
    padding: 0px 5px 0px 5px;
    width: 1000px;
	height: 275px;
}

ul#deceased_col_1{
    list-style: none;
    float: left;
    color: #000;
    padding: 2px 0 0 25px;
    margin: 0;
    width: 455px;
}

ul#deceased_col_2{
    list-style: none;
    color: #000;
    margin-left: 535px;
    padding: 2px 25px 0 0;
}

#deceased_col_1 p,
#deceased_col_2 p { margin: 0 0 .5em 0; }

#deceased_notice{
	background-color: #C0C0C0;
    font-size: 13px;
    color: #000;
    margin: 0px 0 0 260px;
    width : 820px;
}

#directory_container{
    border: ridge #4F1286;
    background-color: #FFF;
    font-size: 14px;
    color: #000;
    margin: 0 0 0 175px;
    padding: 1px 1px 1px 2px;
    width: 980px;
    height: 545px;
    overflow: hidden;
}

#directory_column_headings{
    border: 1px solid #70009F;
    padding: 0 0 0 2px;
    height: 25px;
    list-style: none;
}

#directory_column_headings li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#name { width: 30.5%; float: left; }
#address { width: 34.5%; float: left; }
#city { width: 19.8%; float: left; }
#state { width: 4.7%; float: left; }
#zip { width: 9.5%; float: left; }

#directory_scroll_area{
    overflow: auto;
    margin: 0 1px 0 1px;
    width: 100%;
    height: 97%;
}

ul#directory_name{
    list-style: none;
    width: 30.5%;
    float: left;
}

ul#directory_address{
    list-style: none;
    width: 34%;
    float: left;
}

ul#directory_city{
    list-style: none;
    width: 20.1%;
    float: left;
}

ul#directory_state{
    list-style: none;
    width: 4.5%;
    float: left;
}

ul#directory_zip{
    list-style: none;
    width: 10%;
    float: left;
    clear: right;
 }


#headline{
	font-size: 16px;
    margin: 8px 0 0 215px;
    width: 600px;
	background-color: transparent;
}

#kudos{
    border: ridge #4F1286;
    background-color: #FFD897;
    color: #000;
    padding: 3px 25px 25px 25px;
    margin: 0px 18px 0 175px;
    width: 962px;
}

#links{
    color: #000;
    border: ridge #4F1286;
    padding: 3px 25px 25px 25px;
    background-color: #FFD897;
    margin: 10px 20px 0 178px;
    width: 960px;
}

#label_image{
    background-image: url(graphics/Label.GIF);
    margin: 0px 0 0 217px;
    padding: 1px 0 0 0;
    width: 927px;
    height: 572px;
}

#latipac_container {
	overflow: auto;
    border-width: 4px 0px 4px 4px;
	border: ridge #4F1286;
    background-color: #FFD897;
    color: #000;
    margin: 0 0 0 175px;
    padding: 0 0 0 15px;
    width: 980px;
	height: 555px;
}

#latipac_names_block {
    line-height: 130%;
    font-variant: small-caps;
    padding: 7px 3px 3px 20px;
    margin: 7px 5px 0 405px;
	color: black;
    width: 460px;
    height: 90px;
}

#latipac_names__inner_block {
    background-color: white;
    width: 460px;
    height: 110px;
}

#latipac_names_inner_block p { margin: 7px 0 0 10px; }

#latipac_pics_block {
    list-style: none;
    float: left;
    display: inline;
    padding: 15px 5px 5px 5px;
    text-align: center;
    margin: 2px 0 0 15px;
    width : 375px;
}

ul#latipac_pics_block p { margin: 2px 0 .5em 0;}

#MenuButtons {
  	border: 1px ridge purple;
    margin: 220px 0 0 100px;
    width: 120px;
	height: 225px;
    padding: 8px 0 0 50px;
 	background-color: #FFF7C8;
}
#missing_container {
    border: ridge #4F1286;
	overflow: auto;
    background-color: #FFD897;
    color: #000;
    margin: 0 0 0 175px;
    padding: 0px 15px 0px 15px;
    width: 980px;
	height: 455px;
}

ul#missing_col_1{
    list-style: none;
    float: left;
    padding: .3em 0 0 0;
    margin: 0;
}

ul#missing_col_2{
    list-style: none;
    margin-left: 370px;
    padding: .3em 0 0 0;
}

ul#missing_col_3{
    list-style: none;
    float: right;
    padding: .3em 0 0 0;
    margin: 0;
}
#missing_col_1 p,
#missing_col_3 p { margin: 0 0 1em 0; }
#missing_col_2 p { margin: 0 0 .5em 0; }

#page_title{
	font-size: 40px;
	text-align: left;
    margin: 10px 0 0 215px;
    width: 750px;
}

#lower_caption{
    font-size: 14px;
    margin: 0 0 0 215px;
    width: 950px;
}

#lowest_caption{
    font-size: 14px;
    margin: 0 0 0 215px;
    width: 950px;
}

#sub_title{
    margin: 0px 0 0 0px;
    width: 1000px;
}
/*  Ends 'BasicBroughtonStyle' */


 /* Purple and Gold Forum Stylesheeet 'PurpleAndGoldStyle' */
a img{
     border: 0;
}


#container{
     margin: 0px auto 0;
     background-color: #FFFFCC;
     padding: 0 0 0 0;
     text-align: left;
     position: relative;
	 width: 1280px;
	 height: 1024px;
}

#banner{
    margin: -5px 0 0 0px;
   	background: url(graphics/forum_banner.gif) no-repeat 100% 0px;
    height: 125px;
}

#greeting{
    border: 1px solid #660099;
    margin: 7px 0 0 0px;
    padding: 2px 0 0 0;
    text-align: left;
    width: 500px;
    height: 100px;
}

#news{
    border: 1px solid #660099;
    padding: 2px 0 0 0;
    margin: -3px 0 0 507px;
    text-align: left;
    width: 450px;
    height: 100px;
}

#stats{
    border: 1px solid #660099;
    padding: 2px 0 0 0;
    margin: -3px 0 0 457px;
    text-align: left;
    width: 272px;
    height: 63px;
}

#newest_member{
    border: 1px solid #660099;
    padding: 2px 0 0 0;
    margin: 5px 0 0 457px;
    text-align: center;
    width: 272px;
    height: 26px;
}

#linktree{
    border: 1px solid #660099;
    padding: 2px 0 0 0;
    margin: 0px 0 0 10px;
    width: 1026px;
    height: 26px;
}

#menu_col2{
    margin: -538px 0 0 100px;
    padding: 2px 0 0 0;
    width: 105px;
    height: 500px;
}

#post_area{
    border: 1px solid #660099;
    background-color: white;
    padding: 2px 0 0 0;
    margin: -516px 0 0 135px;
    width: 1026px;
    height: 498px;
}

#subject{
    margin: 2px 0 0 135px;
    text-align: left;
    width: 410px;
    height: 30px;
}

#post_stats{
    border-width: 0px 0px 0px 1px;
    border: solid #660099;
    margin: -4px 0 0 440px;
    text-align: left;
    width: 380px;
    height: 30px;
}

#post_text{
    border: 1px solid #660099;
    padding: 2px 0 0 0;
    margin: -1px 0 0 80px;
    text-align: left;
    width: 900px;
    height: 415px;
}

#post_close{

}

#bottom_menu_area{

}


#footer{

}

/*  Ends 'PurpleAndGoldStyle' */

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

#memory_pop_up{
   	background: url(graphics/MemoryPopUp.GIF) no-repeat;
    border: ridge #4F1286;
    padding: 90px 0 0 25px;
    color: #000;
    margin: 0 0 0 175px;
    width: 130px;
    height: 160px;
}
