body {
font-family:"Arial", san-serif;
font-size:10pt;
font-weight:normal;
font-style:normal;
color:#1f387b;  /* dark blue */
align;left;
}

/* used on home page */
h1 {
font-size:16pt; 
font-weight:bold;
text-decoration:underline;
text-align:center}

/* used for title of each page */
h2 {
font-size:12pt; 
font-weight:bold; 
text-align:center}

/* used on home page message box */
h2.home {
font-size:12pt; 
font-style: italic;
font-weight:bold; 
text-align:center}

/* used on testing page */
h2.italic {
font-size:12pt; 
font-style: italic;
text-align:left;
margin-left: 3%; 
margin-right: 3%
}

/*  */
p.title {
font-size:10pt;
font-weight:bold;
font-style:italic;
text-align:center;
}

p.center {
font-size: 10pt;
text-align:center;
}

/*  used to position text sizer */
p.right {
font-size: 10pt;
text-align:right;
}

/*used to format content text*/
p.content {
font-size: 10pt;
margin-left: 3%; 
margin-right: 3%}

/*used to bold text on home page*/
p.contenthome{
font-size:10pt;
font-weight:bold;
margin-left: 3%; 
margin-right: 3%}

/*used to shrink & center text on home page*/
p.contentsmall{
font-size:8pt; 
text-align:center;
margin-left: 3%; 
margin-right: 3%}

/* */
p.content-bold {
font-size:10pt;
font-weight:bold;
margin-left: 3%; 
margin-right: 3%
}

/* used in the footer */
p.address {
font-size: 10pt;
text-align : center; 
}

/* used to format nested links under header */
p.topnav {
font-size:10pt; 
text-align:left;
margin-left: 3%; 
margin-right: 3%}

li.NoBullet {
font-family:"Arial", san-serif;
font-size:10pt;
font-weight:bold;
list-style-type: none;}

/*used to format bulleted list in content*/
li.content {
font-family:"Arial", san-serif;
font-size:10pt;
text-align:left;
margin-left: 3%; 
margin-right: 3%}
  

dl dt.content {
font-size:10pt; 
font-weight:bold; 
margin-left: 5%; 
margin-right: 5%
}

dl dd.content {
font-size:10pt; 
text-align:left;}

/* used to flow an image in text to the right of the screen */
img.intextr{
float: right;
margin: 1em;
}

/* used to flow an image in text to the left of the screen */
img.intextl{
float: left;
margin: 1em;
}

/* links  for text sizer*/
a:link.sizer	{font-size:10pt; color:#1f387b; font-weight:bold; text-decoration:none;}
a:visited.sizer	{font-size:10pt; color:#1f387b; font-weight:bold; text-decoration:none;}
a:active.sizer	{font-size:10pt; color:#1f387b; font-weight:bold; text-decoration:none;}
a:hover.sizer	{font-size:10pt; color:#1f387b; font-weight:bold; text-decoration:none;}

/* links  for content*/
a:link.text		{font-size:10pt; color:#ED3422; font-weight:bold; text-decoration:none}	/* color:#ED3422 is the red from USFSA logo */
a:visited.text	{font-size:10pt; color:#ED3422; font-weight:bold; text-decoration:none}
a:active.text	{font-size:10pt; color:#ED3422; font-weight:bold; text-decoration:none}
a:hover.text	{font-size:10pt; color:#ED3422; font-weight:bold; text-decoration:underline;} 

/* links for side nav menu */
a:link.menu		{font-size:10pt; color:#ffffff; font-weight:bold; text-decoration:none; margin-left: 3%; margin-right: 3%} /*text-align:center;  */
a:visited.menu	{font-size:10pt; color:#ffffff; font-weight:bold; text-decoration:none; margin-left: 3%; margin-right: 3%}
a:active.menu	{font-size:10pt; color:#ffffff; font-weight:bold; text-decoration:none; margin-left: 3%; margin-right: 3%}
a:hover.menu	{font-size:10pt; color:#ffffff; font-weight:bold; text-decoration:none; margin-left: 3%; margin-right: 3%}

/* links for footer links */
a:link.footer		{font-size:9pt; color:#ED3422; font-weight:normal; text-decoration:none;} /*text-align:center;  */
a:visited.footer	{font-size:9pt; color:#ED3422; font-weight:normal; text-decoration:none;}
a:active.footer		{font-size:9pt; color:#ED3422; font-weight:normal; text-decoration:none;}
a:hover.footer		{font-size:9pt; color:#ED3422; font-weight:normal; text-decoration:underline;}


#outline {border:0px solid black; text-align:center; }

/* this  controls the slideshow on the home page */
#sshow {
float:right;
border:5px solid #1f387b;
margin: 0em 2em 2em 2em;
}

/* this  controls a floating content box on the home page */
#infol {
float:left; 
border:5px double #1f387b;
width:150;
margin: 1em;
background:#F0EFE2; }

/* this  controls a floating content box on the news page */
#infor{
float:right; 
border:3px dashed #1f387b;
width:300;
margin: 1em;
background:#F0EFE2;
}

/* this  controls a floating content box on the about page */
#aboutsubnav{
border:1px solid #1f387b;
width:300;
background:#F0EFE2;
margin-left:172px;
}

#moves, #freestyle {float:left;width:250px;height:400;}
#divider {float:left;width:8px;}

/* div ids for lists on people's titles & names */
#left, #right {float:left; width:250px; text-align:left;}
#left {margin-left:7px}

/* used to apply a margin to a table on membership page */
#mbr {margin-left:19px}

/* used to keep footer below title and name divs */
#footer{clear:both}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

ul li.Horizontal {
  width:27px;
  height:14px
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline;
  font-size:10pt; 
  color:blue;
  text-align:center;
  border-color: black;
  border-style: solid;
  border-width: 1px;
}

/*following code for firefox, chrome, opera & safari*/
html>body ul li.Horizontal {
  width:20px;
  height:14px
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  font-size:10pt; 
  color:blue;
  text-align:center;
  border-color: black;
  border-style: solid;
  border-width: 1px;
}

ul li.PrevNext {
  width:40px;
  height:14px
  margin-left: 0px;
  padding-left: 0px;
  display: inline;
  font-size:10pt; 
  color:blue;
  text-align:center;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  }



ADDRESS {
font-family: "Arial", san-serif;
font-size:10pt;
font-style: normal;
color : #000000; 
text-align : left; 
}


/* credits */


/* style the outer containing div to fit the landscape */
#album-landscape {
width:420px;                                 /*width:320px; */
height:305px;                                /*height:360px; */
background:#eee url(images/mainimg/000.jpg) 0 40px no-repeat;
border:1px solid #aaa;
margin:0 auto;
margin:0 0 0 80px;                          /* centers a space on the left side of shaded box */
}

/* style the outer containing div to fit the landscape for Gala */
#album-landscape2 {
width:420px;                                 /*width:320px; */
height:345px;                                /*height:360px; */
background:#eee url(images/mainimg/000.jpg) 0 40px no-repeat;
border:1px solid #aaa;
margin:0 auto;
margin:0 0 0 94px;                          /* centers a space on the left side of shaded box */
}

/* style the outer containing div to fit the portrait */
#album-portrait {
width:420px;                                 /*width:320px; */
height:445px;                                /*height:360px; */
background:#eee url(images/mainimg/000.jpg) 0 40px no-repeat;
border:1px solid #aaa;
margin:0 auto;
margin:0 0 0 80px;                          /* centers a space on the left side of shaded box */
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0;
margin:1px 10px 0 30px;                   /*margin:320px 0 0 0; */
list-style-type:none; 
position:relative; 
width:400px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:40px;                    /*top:-320px;*/
left:-20px;
margin:0 0 0 0;           /*margins are required so that images line up correctly in both ie and firefox*/
visibility:hidden; 
border:0;
}
/* style navigation arrows images */
.gallery li a img.nav {
position:static;
visibility:visible;
background:#fff; 
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:40px;                  /*top:-280px;*/
margin:0 0 0 0;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:50;
margin:0 0 0 0;
/*border-left:40px solid #eee;*/
/*border-right:40px solid #eee;*/
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}