/*stylesheet for South Georgia Association pages*/

/*some general stuff - set font size and type etc*/
body,td,a,p,.h {font-family:Raleway,Trebuchet MS, Verdana, Tahoma,arial,helvetica,sans-serif;font-size:1.0em; padding: 0px; margin: 0px;}

li,td {font-size:1.0em; padding-bottom:3px;}
p {font-size:1.0em; padding-bottom:10px;padding-top:10px;line-height:1.7em;}


/*default style for links*/
 a:link{color:#777;font-weight: bold; text-decoration:none;}
 a:visited{color:#777;font-weight: bold;text-decoration:none;}
 a:hover{color:#876;font-weight: bold;text-decoration:underline;}
 a:active{color:#777;font-weight: bold;text-decoration:none;}
 a img {border:0px}

/*default style for headers*/
h1 {font-size:1.8em; font-variant:small-caps; color: #777; font-weight:normal;}
h2 {color:#777; font-size:1.2em; padding:0 0 5px 0; margin:0px; font-weight:normal;}
h3 {color:#444; font-size:1.0em; padding:0 0 3px 0; margin:0px; font-weight:normal;}

/*default style for tables*/
td {margin:0px;padding:3px;border:0px;vertical-align:top; line-height:1.5em;}
.headcell {text-align:right; background-color:#eeeeee;}
.leftcell {text-align:right; background-color:#dddddd;}
.rightcell {text-align:left; background-color:#ffffff;}

/*now set up the individual division styles by id and class*/
/*starting with the navigation bar*/
#navbar {background: #ddd; position:absolute; top:0px; left:300px; right:0px; height:60px; border-bottom:2px solid #bbb;}
/*#navbar ul li {float: right; list-style-type:none; color:white; padding-left:20px; margin:0px; font-weight:bold}*/

#fb {position:fixed; top:5px; right:0px; width:30px; height:30px;}

/*the menu tabs (borrowed from Ubuntu docs)*/
#sisternav {position:absolute;bottom:-2px;right:0px;}

#sisternav ul {display:inline;margin:0;padding:10px 10px 0 1px;list-style:none;float:right;}
#sisternav li {display:inline;float:left; background:url(../img/graphics/tab_off_ns1.png) no-repeat left top;margin:0;padding:0 0 0 5px;}

#sisternav a {float:left;font-size:0.8em;display:block;background:url(../img/graphics/tab_off_ns2.png) no-repeat right top;padding:8px 15px 3px 8px;text-decoration:none;font-weight: normal;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sisternav a {float:none;}
/* End IE5-Mac hack */

#sisternav li:hover {background-position:0% -163px;}
#sisternav li:hover a {background-position:100% -163px;}

#sisternav #current {background:url(../img/graphics/tab_on_ns1.png) no-repeat left top;}

#sisternav #current a {	background:url(../img/graphics/tab_on_ns2.png) no-repeat right top; padding-bottom:4px;}

#sisternav a , #sisternav #current a {color: #777; }
#sisternav #current a:hover, #sisternav li a:hover { color: black;}

/*the logo, and thumbnails beneath, which we have made fixed. The thumbnails expand on hover. Also the transparent text box.*/
#logo {position:fixed; top:0px; left:0px; border-bottom:2px solid #bbb;}
#transtext {display:block; position:fixed; width:300px; height:600px; top:100px; left:0px;}
#change1 {float:left; width:50px; height:50px;}
#change2 {float:left; width:50px; height:50px;}
#change3 {float:left; width:50px; height:50px;}
#change4 {float:left; width:50px; height:50px;}
#change1 img, #change2 img, #change3 img, #change4 img {width:40px; height:40px; border:1px solid #bbb;margin-left:4px;}
#change1 img:hover, #change2 img:hover, #change3 img:hover, #change4 img:hover {width:50px; height:50px; position:relative; left:-5px; top:-5px;}

/*the big image on the left hand side*/
#bigimage {background: #fff url("../img/backgrounds/wildlife.jpg") no-repeat top left; position:absolute; top:0px; left:0px; width:300px; height:800px}

/*the main text division...*/
#maintext {position:absolute; top:65px; left:340px; right:20px; padding:20px;}

/*...and the little extra info box floated within it to the right*/
#specific {border:1px solid #dddddd; width:200px; background-color: #f5fdf5; float:right; padding:8px; margin:20px;}
#specific p {font-size:0.8em; color:#444;}

/*finally, a few odds and ends - addresses, norwegian text etc*/
.address {display:block; color:#777; padding-left:30px;}
.norw {color :#777;}