@import url("form.css");
@import url("messages.css");

/*Stuff to make the header look good.*/

#header {
font-size:large;
text-align:center;
background-image:url("http://77sqn.com/images/header-bg.png");
background-repeat:repeat-x;
margin:0;
padding:0;
}

#innerHeader {
padding-top:72px;
background-image:url("http://77sqn.com/images/header.png");
background-repeat:no-repeat;
height:0;
overflow:hidden;
margin:0;
}

#header #innerHeader h1 {
display:none;
}

#header #crest {
position:absolute;
top:0;
right:0;
padding:0;
margin:0;
border:0;
}

/*End of header look good area*/



/*Stuff to make the breadcrumbs look like breadcrumbs*/

#breadcrumbs {
position:absolute;
right:0;
padding:1em 1em 0 0;
font-style:italic;
}

#breadcrumbs ul li a {
color:#000;
background-color:#fff;
text-decoration:none;
border-bottom-width:0;
}

#breadcrumbs ul li a:active {
background-color:#fff;
color:#882929;
}

#breadcrumbs ul li a:link {
background-color:#fff;
color:#000;
text-decoration:none;
border-bottom-width:0;
}

#breadcrumbs ul li a:visited {
background-color:#fff;
color:#000;
}

#breadcrumbs ul li a:hover {
background-color:#fff;
border-bottom-width:0;
color:#882929;
}

#breadcrumbs ul li {
display:inline;
}

/*End of breadcrumb stuff*/



/*Stuff to give the left column style*/

#container #leftColumn {
width:215px;
float:left;
}

body {
background-image:url("http://www.77sqn.com/images/left-col.png");
background-repeat:repeat-y;
background-position:left;
}

/*End that bit*/



/*Stuff to style the menus in the left column*/

#mainNav {
list-style:none;
text-align:left;
margin:1em 0 0 0;
padding-left:10px
}

#mainNav a,#mainNav a:link,#specials a,#specials a:link {
background-color:#f1f1f1;
color:#000;
text-decoration:none;
border-bottom-width:0;
padding:3px 2px;
}

#mainNav a:visited,#specials a:visited {
background-color:#f1f1f1;
color:#000;
}

#mainNav a:active,#specials a:active {
background-color:#f1f1f1;
color:#882929;
}

#mainNav a:hover {
background-color:#f1f1f1;
border-bottom-width:0;
font-size:x-large;
color:#882929;
}

#specials {
font-size:0.8em;
list-style:none;
text-align:left;
margin:1em 0 0 0;
padding-left:10px
}


#specials a:hover {
background-color:#f1f1f1;
border-bottom-width:0;
font-size:1.2em;
color:#882929;
}

/** html #mainNav,* html #specials {
margin:1em 0 0 35px;
}*

/*End that bit too*/



/*The bit too sort out the sub menu*/
#container #rightColumn #subNav {
background-image:url("http://77sqn.com/images/shad.png");
background-repeat:repeat-y;
margin:0 -1em 0 -1em;
padding:0 1em 0 1em;
}

#subNav ul{
margin-right:100px;
}

 #subNav ul li{
display:inline;
}

#subNav ul li a:hover {
color:#000;
background-color:#fff;
border-top:2px solid #ccc;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
padding:0 2px;
}

#subNav a,#subNav a:link {
background-color:#b2b2b2;
color:#000;
text-decoration:none;
border-bottom-width:0;
padding:0 2px;
border-top:2px solid #ccc;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
}

#subNav .light {
background-color:#C2C2C2;
bottom:-1em;
color:#666666;
font-style:italic;
font-size:small;
padding:0;
margin:0;
}

/*Teh end of the section which is being ended.*/

/*For the gallery */
#album-list {
list-style-image:url(http://www.77sqn.com/images/photo.png);
}

#gallery {
text-align:center;
float:none;
}

#mainPic img {
float:none;
}

#gallery img {
float:none;
}
/*end Gallery formatting*/

/*from now on are the general style rules*/

div#notice {
color:#000;
border:1px dashed #000;
background-color:#faffdd;
text-align:center;
font-weight:700;
background-image:url("http://77sqn.com/images/note.png");
background-repeat:no-repeat;
background-position:1em 1em;
min-height:6em;
margin-bottom:1em;
padding:1em 1em 1em 7.5em;
}

body {
margin:0;
padding:0;
font-family:verdana,sans-serif;
color:#000;
background-color:#fff;
}

h2, h3, h4, h5, h6, h7 {
color:#555;
}

#rightColumn h2 {
padding-top:2em;
}

img {
float:right;
border:1px solid #999;
display:inline;
margin:1em;
}

.imgleft {
float:left;
}

.imgnone {
float:none;
vertical-align:top;
}


#container {
width:100%;
margin:0;
padding:0;
}

#container .hidden {
display:none;
}

#container .clear {
clear:both;
}

@media screen  {
.hidden {
display:none;
}
}

#container #rightColumn {
float:left;
position:absolute;
right:0;
left:200px;
margin:0;
padding:0 1em 0 1em;
}

a:link {
background-color:#fff;
color:#294588;
text-decoration:none;
border-bottom:1px dotted #999;
}

a:visited {
background-color:#fff;
color:#6b2988;
text-decoration:none;
border-bottom:1px dotted #999;
}

a:hover {
border-bottom:2px dotted #999;
}

a:active {
background-color:#fff;
color:#882929;
}

#footer {
position:absolute;
right:0;
text-align:right;
color:#999;
font-size:0.8em;
background-color:transparent;
margin:1em;
padding:0;
}

.buttons, a.buttons, a.buttons:link, a.buttons:hover,a.buttons:visited,a.buttons:active {
border:0;
vertical-align:middle;
}


#nlVert1 {
border: 1px dashed silver;
float: right;
width: 200px;
min-height: 200px;
}

#nlVert1 h3 {
border-bottom: 1px solid silver;
margin: 0pt;
padding: 0pt;
color: rgb(255, 255, 255);
background-color: rgb(153, 0, 0);
}

#nlVert1 ul {
margin: 0pt;
padding: 2px;
text-align: right;
list-style-type: none;
font-size: 0.8em;
font-style: italic;
}

.archPdfLink {
padding-left: 18px;
background-image: url(http://www.77sqn.com/images/icon_pdf.gif);
background-repeat: no-repeat;
}

#nlHoriz #nlVert2 p a.pdfLink {
border: 1px dashed silver;
margin: 1em;
padding: 1em 1em 1em 60px;
background-color: #EEE;
background-image: url(http://www.77sqn.com/images/pdf-icon.png);
background-repeat:no-repeat;
background-position:2px 2px;
}

#nlHoriz #nlVert2 p a.pdfLink em, #nlHoriz #nlVert2 p a.docLink em {
font-size:0.8em;
}


#nlHoriz #nlVert2 p a.pdfLink:hover {
background-color: #FEE;
}

.archDocLink {
padding-left: 16px;
background-image: url(http://www.77sqn.com/images/icon_doc.gif);
background-repeat: no-repeat;
}

#nlHoriz #nlVert2 p a.docLink {
border: 1px dashed silver;
margin: 1em;
padding: 1em 1em 1em 60px;
background-color: #EEE;
background-image: url(http://www.77sqn.com/images/doc-icon.png);
background-repeat:no-repeat;
background-position:2px 2px;
}

#nlHoriz #nlVert2 p a.docLink:hover {
background-color: #EEF;
}

li {
margin-bottom:2px;
}