@import url(nav.css);
@import url(layout.css);

/*-----------------------------------------
General - Links - Headings/Paragraphs - Boxes - Imagery - Lists - Text -  Clearing - Misc
Date:    09-06-2009
Version: 1.3
Author:  Jonathan Alstead
email:   jona at launchsite.co.uk
web:     www.launchsite.co.uk
------------------------------------------*/
* { 
padding: 0;
margin: 0;
}
body { 
font: normal small  Helvetica, geneva, arial, sans-serif;
margin: 0 auto;
text-align:center;
}
img {  
border: 0;
}

/*--------------------------------------------
Links
----------------------------------------------*/
a, a:visited { 
color: #0A6134; 
text-decoration: none;
}
a:hover { 
text-decoration: none; 
border-bottom: 1px dashed #75A432; 
color: #75A432; 
}
a:active { 
color: #7A0A0C;
}
#footer a, #footer a:visited { 
font-weight:	bold;
color: #000;
}
#footer a:hover {
 border-bottom: 1px solid #333;
 color: #fff;
 background: #333;
 padding: 2px; 
}
/*--------------------------------------------
Headers, Paragraphs
----------------------------------------------*/
#header h1 { 
position: relative; 
top:3px;
left:9px;
width:125px;
height: 100px;
text-indent: -9000px;
padding: 0;
background: url(../images/sgslogo.gif) no-repeat;
}
h2 { 
font: bold 16px "Trebuchet MS",arial,sans-serif;
padding-bottom: 2px;
margin: 10px 50px 5px 0;
border-bottom: 1px solid #ccc;
}
h2.title {
clear:left;
padding-top:20px;
}
h3 {
 font: bold 95% Helvetica, geneva, arial, sans-serif;
}
#admin h2 {
font: bold 16px "Trebuchet MS",arial,sans-serif;
padding-bottom: 2px;
margin: 10px 50px 5px 10px;
border-bottom: 1px solid #ccc;
}
.heading {
color: #666;
}

p { 
padding:5px 10px;
}
p.welcome {
 font-style: italic;
 padding: 0 30px; 
}
p.doc {
background: url(../images/doc.gif) no-repeat left 50%;
padding-left: 15px;
}
/*--------------------------------------------
Boxes
----------------------------------------------*/
/*-- Text Boxes / Image Boxes Members ---*/
.box {
 background: #f5dd98 url(../images/curvedbot.gif) no-repeat left bottom;
 width: 560px;
 margin: 10px 0 10px;
 padding-bottom: 10px;
}
.box h3, .box h5 {
 background: #f5dd98 url(../images/curvedtop.gif) no-repeat left top;
 padding: 10px 20px 0 20px; 
  letter-spacing: 2px;
}
.box h5 {
 text-transform: uppercase;
 font-size: 12px;
}
.box p {
  xpadding: 10px 20px 5px 20px;
}
.imagebox {
 background: #000 url(../images/curvedbot_black.gif) no-repeat left bottom;
 width: 560px;
 margin: 10px 0 10px;
}
.imagebox h5 {
 background: #000 url(../images/curvedtop_black.gif) no-repeat left top;
 padding: 10px 20px 0 20px; 
 letter-spacing: 2px;
 color: #000;
 text-indent: -5000px;
 text-transform: lowercase;
 
}
.imagebox img {
 padding: 5px 5px 5px 5px;
 margin: -8px 0 10px 19px;
 border: 4px solid #e6e6fa;
 xdisplay: block;
}
.imagebox a, .imagebox a:hover {
 border: 0 none;
}
/*---------------------------------------------
Imagery
----------------------------------------------*/
/*--- Front Page ---*/
.imgLeft { 
float:left;
margin: 7px 0 0px 0;
padding-bottom:30px;
}
.imgCenter {
margin-right: auto;
margin-left: auto;
display:block;
padding-bottom: 1.5em;
padding-top: 1.5em;
}
#frontpage  {  
float:right;
xmargin: 12px 20px 0 0;
overflow:	hidden;
width: 300px;
}
#frontpage img {
background: #fdfdfd;
padding: 4px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ADADAD;
border-bottom: 1px solid #ADADAD;
}
#frontpage p {
 text-align: center;
 font-weight: bold;
 background: url(../images/front_arrow.gif) no-repeat 50% bottom;
 padding-bottom: 10px;
 margin-bottom:20px;
}
.searchresults {
background: url(../images/arrow.gif) no-repeat left 50%;
padding-left: 8px;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
/*---- Member Template ----*/
.pic { 
float: left;
display: inline;
margin: 5px 1px 0px 1px;
text-align:center;
}
.pic li a {
 text-decoration: none;
 xfont-size: 88%;
}
.pic .sub {
 xmargin: 0 5px 2px 5px;
}
.pic h6 {
font-size: 85%;
font-weight: normal;
padding: 5px 0 2px 0;
}
.pic p {
 padding: 0;
 font-weight: bold;
font-size: 95%;
text-transform: uppercase;
}
*html .pic p {
 font-size: 90%;
}
.pic a {
font-weight: normal;
text-transform: lowercase;
}
.pic img  { 
width:135px;
height:135px;
padding: 4px;
background: #fff;
border-left: 1px solid #d5d5d5;
border-top: 1px solid #d5d5d5;
border-right: 1px solid #adadad;
border-bottom: 1px solid #adadad;
}
.pic a:visited {
 text-decoration: none;
}
.pic a:hover  {
 border:0 none;
 text-decoration: underline;
}

.pic ul { 
list-style-type: none;
margin-left: 10px;
}
.pic li.title { 
text-align: center;
font-weight: bold;
background-color: #E6E6FA;
border-bottom: 1px solid #999;
padding:0;
margin: 3px 0;
font-size: 95%;
min-width: 135px;
}

li.title a { 
text-decoration: none;
}
li.title a:hover { 
border-bottom: 1px #000 dashed;
}
.pic li {
 border-bottom: 1px solid #ccc;
 text-align: left;
 xdisplay: block;
}
.pic li a {
 background: url(../images/url.gif) no-repeat right;
 padding-right: 6px;
 display: block;

}
.pic li a:hover {
background-color:#ADFF5B;
color: #003300;
}
.member img  { 
width: 190px;
height: 184px;
margin: 10px 14px 19px 25px;
}
/*--- Image Boxes ---*/
.downloadbox {
 background:#F5DD98 url(../images/downbot.gif) no-repeat bottom;
 width: 301px;
 margin: 30px auto 5px;
 }
.downloadbox p.first {
 background: url(../images/downtop.gif) no-repeat top left;
 padding: 30px 0 20px 18px;
}
.downloadbox p.search {
background: url(../images/searchtop.gif) no-repeat top left;
padding: 30px 0 20px 18px;
}
.downloadbox a {
 color: #333;
}
.downloadbox a:hover {
 color: #333;
 border-bottom: 1px dashed #666;
}
.membersbox {
 background:#F5DD98 url(../images/downbot.gif) no-repeat bottom;
 width: 301px;
 margin: 15px auto;
 }
.membersbox h3.first {
 background: url(../images/memtop.gif) no-repeat top left;
 padding: 5px 0 5px 18px;
}
.downloadbox a {
 color: #333;
}
.downloadbox a:hover {
 color: #333;
 border-bottom: 1px dashed #666;
}
/*---------------------------------------------
Lists 
----------------------------------------------*/
ul.links {
 list-style-type: none;
 margin-bottom: 10px;
}
ul.links h4 { padding: 5px 0;}
ul.links li {
 padding: 5px 0;
}
ul.links li a {
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	background: url(../images/dlownload.gif) no-repeat right;
	padding-right: 20px;
}
/*--------------------------------------------
Clearing
----------------------------------------------*/
.clearafter { 
height: 0;
visibility: hidden;
display: block;
content: ".";
clear: both;
}
.clear {
 clear:both;
}
/*-- ie hack --*/
* html .clearafter {
 height: 1%;
 display: inline-block;
}
/*--- Misc ----*/
div.address { 
margin: 0 auto;
width: 210px;
background-color: #A3C5BF;
border: 1px solid #666;
}
.address p { 
font-weight: bold;
}
.launchsite {
font-weight: normal;
font-size: smaller;
}