body {
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10pt;
    MARGIN: 0;
    BACKGROUND-COLOR: white
}
TD, LI, UL, P { FONT-SIZE: 10pt }
A { FONT-WEIGHT: bold }
A:link, A:visited
{
    COLOR: #3333cc;
    TEXT-DECORATION: underline
}
A:hover, A:active
{
    COLOR: red;
    TEXT-DECORATION: underline
}
.hide { display: none }

.hided
{
	FONT-FAMILY: serif;
    FONT-SIZE: 16pt;
	font-style: normal;
	FONT-WEIGHT: 400;
    COLOR: black;
}


H1
{
    FONT-SIZE: 16pt;
    COLOR: #333366;
    TEXT-ALIGN: center
}
H2
{
    FONT-SIZE: 13pt;
    COLOR: #333366;
}
H3
{
    FONT-SIZE: 12pt;
    COLOR: #333366;
}
H4
{
    FONT-SIZE: 10pt;
    COLOR: #333366;
}

.content 
{ 
	margin: 0 4px 4px 6px;
}
.contentwide
{
	clear: left;
	float: left;
	width: 99%;
}
.contentleft 
{
	margin: 0 1% 0 0;
	clear: left;
	float: left;
	width: 49%;
}
.contentright
{
	float: left;
	width: 49%;
}


.hot
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: red
}
A.hot:visited, A.hot:link, .hot a:link, .hot a:visited
{
    COLOR: red
}
A.hot:hover, A.hot:active, .hot a:hover, .hot a:active
{
    COLOR: blue
}

A.hotlink:visited, A.hotlink:link
{
    COLOR: blue
}
A.hotlink:hover, A.hotlink:active
{
    COLOR: red
}

A.coollink:visited, A.coollink:link
{
    COLOR: gray
}
A.coollink:hover, A.coollink:active
{
    COLOR: red
}

.light, .lignt a, .membersonly, .mambersonly a
{
    COLOR: gray
}
A.light:visited, .light a:visited, .membersonly a:visited,
A.light:link, .light a:link, .membersonly a:link
{
	FONT-WEIGHT: normal;
    COLOR: gray
}
A.light:active, .light a:active, .membersonly a:active,
A.light:hover, .light a:hover, .membersonly a:hover
{
	FONT-WEIGHT: normal;
    COLOR: red
}


.note
{
    FONT-SIZE: 8pt;
    COLOR: gray
}
.copyright p, .copyright a 
{
	font-size: 8pt;
	text-align: center;
	padding: 0;
	margin: 0;
    color: gray
}
A.copyright:visited, .copyright a:visited, A.note:visited, .note a:visited,
A.copyright:link, .copyright a:link, A.note:link, .note a:link
{
	font-size: 8pt;
	font-weight: normal;
    COLOR: gray
}
A.copyright:active, .copyright a:active, A.note:active, .note a:active,
A.copyright:hover, .copyright a:hover, A.note:hover, .note a:hover
{
	font-size: 8pt;
	font-weight: normal;
    COLOR: red
}

.tableheading
{
	padding: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #333366;
    BACKGROUND-COLOR: #e0e0e0
}
th.tableheading
{
	padding: 3px;
	text-align: center;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: white;
    BACKGROUND-COLOR: #9999cc
}

.warm
{
    FONT-SIZE: 10pt;
    COLOR: #800080
}

.navbar
{
	padding: 3px;
	text-align: center;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: white;
    BACKGROUND-COLOR: #9999cc;
}
.header
{ 
	height: 60px;
	background: #9999cc; 
	margin: auto;
	float: none;
	clear: both;
	text-align: left;
	font-weight: normal;
	font-size: 10pt;
    color: #333366;
}
.header .logo { width: 400px; height: 60px; float: left }
.header .date { margin: 8px 8px 0 0; float: right; clear: right }
.header .user { margin: 0 8px 0 0; float: right; clear: right }

.header .dlogo { height: 60px; background: #9999cc url(images/logo-hsc-400.gif) top left no-repeat; color: #333366; margin: 0; padding: 0 }

.vert a.cne1, .vert a.cne1s, .vert a.cne2, .vert a.cne2s {
	text-align: left;
	padding: 0;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0 6px;
}


A.cne1:link
{
    FONT-SIZE: 13pt;
    COLOR: black;
    TEXT-DECORATION: none
}
A.cne1:active
{
    FONT-SIZE: 13pt;
    COLOR: white;
    TEXT-DECORATION: none
}
A.cne1:visited
{
    FONT-SIZE: 13pt;
    COLOR: black;
    TEXT-DECORATION: none
}
A.cne1:hover
{
    FONT-SIZE: 13pt;
    COLOR: white
}
A.cne1s:link
{
    FONT-SIZE: 13pt;
    COLOR: white;
    TEXT-DECORATION: none
}
A.cne1s:active
{
    FONT-SIZE: 13pt;
    COLOR: red;
    TEXT-DECORATION: none
}
A.cne1s:visited
{
    FONT-SIZE: 13pt;
    COLOR: white;
    TEXT-DECORATION: none
}
A.cne1s:hover
{
    FONT-SIZE: 13pt;
    COLOR: white
}
A.cne2:link
{
    FONT-SIZE: 11pt;
    COLOR: black;
    TEXT-DECORATION: none
}
A.cne2:active
{
    FONT-SIZE: 11pt;
    COLOR: red;
    TEXT-DECORATION: none
}
A.cne2:visited
{
    FONT-SIZE: 11pt;
    COLOR: black;
    TEXT-DECORATION: none
}
A.cne2:hover
{
    FONT-SIZE: 11pt;
    COLOR: white
}
A.cne2s:link
{
    FONT-SIZE: 11pt;
    COLOR: white;
    TEXT-DECORATION: none
}
A.cne2s:active
{
    FONT-SIZE: 11pt;
    COLOR: red;
    TEXT-DECORATION: none
}
A.cne2s:visited
{
    FONT-SIZE: 11pt;
    COLOR: white;
    TEXT-DECORATION: none
}
A.cne2s:hover
{
    FONT-SIZE: 11pt;
    COLOR: white
}
.vert { text-align: left }
.vert a { display: block; white-space: nowrap }
.vert a.cne1, .vert a.cne1s, .vert a.cne2, .vert a.cne2s { }
.vert a.cne1, .vert a.cne1s { padding: 1px 10px 1px 10px }
.vert a.cne2, .vert a.cne2s { padding: 1px 10px 1px 20px }
.vert a.cne3, .vert a.cne3s { padding: 1px 10px 1px 20px }

.vert a#home:link, .vert a#home:visited { height: 30px; background: url(images/hscnav-home.gif) top left no-repeat }
.vert a.cne1s#home:link, .vert a.cne1s#home:visited,
.vert a#home:hover, .vert a#home:active { height: 30px; background: url(images/hscnav-home-over.gif) top left no-repeat }
.vert a#about:link, .vert a#about:visited { height: 30px; background: url(images/hscnav-about.gif) top left no-repeat }
.vert a.cne1s#about:link, .vert a.cne1s#about:visited,
.vert a#about:hover, .vert a#about:active { height: 30px; background: url(images/hscnav-about-over.gif) top left no-repeat }
.vert a#contact:link, .vert a#contact:visited { height: 30px; background: url(images/hscnav-contact.gif) top left no-repeat }
.vert a.cne1s#contact:link, .vert a.cne1s#contact:visited,
.vert a#contact:hover, .vert a#contact:active { height: 30px; background: url(images/hscnav-contact-over.gif) top left no-repeat }
.vert a#events:link, .vert a#events:visited { height: 30px; background: url(images/hscnav-events.gif) top left no-repeat }
.vert a.cne1s#events:link, .vert a.cne1s#events:visited,
.vert a#events:hover, .vert a#events:active { height: 30px; background: url(images/hscnav-events-over.gif) top left no-repeat }
.vert a#members:link, .vert a#members:visited { height: 30px; background: url(images/hscnav-members.gif) top left no-repeat }
.vert a.cne1s#members:link, .vert a.cne1s#members:visited,
.vert a#members:hover, .vert a#members:active { height: 30px; background: url(images/hscnav-members-over.gif) top left no-repeat }
.vert a#admin:link, .vert a#admin:visited { height: 30px; background: url(images/hscnav-admin.gif) top left no-repeat }
.vert a.cne1s#admin:link, .vert a.cne1s#admin:visited,
.vert a#admin:hover, .vert a#admin:active { height: 30px; background: url(images/hscnav-admin-over.gif) top left no-repeat }


a.cne3
{
    FONT-SIZE: 11pt;
    COLOR: white;
    TEXT-DECORATION: none
}



.horiz { text-align: center; background: #9999cc; padding: 0 0 4px 0 }
.horiz a.cne1, .horiz a.cne1s, .horiz a.cne2, .horiz a.cne2s { padding: 2px 4px }

.validate, .pagecounter { color: #444; padding: 0 0 15px 0 }

A.selected:link
{
    COLOR: red
}
A.selected:active
{
}
A.selected:hover
{
    COLOR: blue
}
.navbartop
{
    BACKGROUND-COLOR: #9999cc
}
h1.welcome
{
	text-align: center;
    FONT-SIZE: large;
    COLOR: #333366;
    BACKGROUND-COLOR: #e0e0e0;
    margin: 4px 1% 4px 0;
    padding: 0;
}
}
F.smlbrk
{
	FONT-SIZE: 2px;
    
}
.selected
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: red
}
.navbartitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: white
}
.department
{
    FONT-WEIGHT: bold;
    COLOR: #3333ff
}
.cleantextbox
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial
}
.navbarsubtitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #333366;
    BACKGROUND-COLOR: #ccccff
}
.pastpresident
{
    COLOR: blue
}
.honorarymember
{
    COLOR: red
}

div.adminform { width: 80%; margin: auto }
.adminform ul { list-style: none }
.adminform li { margin: 4px auto }
.adminform label, .adminform a { line-height: 20px; width: 200px; text-align: right }
.adminform label, .adminform input, .adminform a { float: left; clear: none; margin: 0 4px }


.footer { clear: both; margin: 20px 0 }

.contact input, textarea { width: 400px }
.contact .submit { width: auto }

.membersonly p { text-align: center; padding: 0; margin: 0 }
.membersonly { margin: 10px 0 }

ul.dot, ul.news { list-style: none; margin: 0; padding: 0 10px }
ul.news { padding: 4px }
.dot dt { padding: 0 20px }
.dot li, .dot dt, .news li { background: url(images/red-dot.gif) no-repeat 6px 6px }
.dot li { padding: 0 0 2px 20px }
.news li  { padding: 0 0 6px 20px }

h2#comingevents { display: block; height: 40px; background: #9999cc url(images/title-coming-events-250.gif) center no-repeat }
h2#newsdesk { display: block; height: 40px; background: #9999cc url(images/title-news-desk-250.gif) center no-repeat }
h2#whoarewe { display: block; height: 40px; background: #9999cc url(images/title-who-are-we-250.gif) center no-repeat }
h2#aboutus { display: block; height: 40px; background: #9999cc url(images/title-about-us-250.gif) center no-repeat }