* {
margin : 0;
padding : 0;
}
html, body {
min-height : 100%;
height : 100%;
}
body {
background : url(../img/layout/bkgd.gif);
font-family : calibri, sans-serif;
font-size : 14pt;
color : #333;
text-align : justify;
}
p {
margin : 0 0 10px;
}
h1 {
font-size : 26px;
color : #555;
font-weight : normal;
text-align : left;
}
h2 {
font-size : 23px;
color : #555;
font-weight : normal;
text-align : left;
}
h3 {
font-size : 26px;
color : #555;
font-weight : bold;
text-align : left;
text-decoration : underline;
}
img, a img {
display : block !important ;
border : 1px;
padding : 0;
}
a:focus, a:active, a:active img {
outline : none;
}
a, a:link, a:visited {
font-size : 15pt;
color : #3a4b82;
font-weight : bold;
text-decoration : none;
}
a:hover {
color : #002bb8;
font-size : 15pt;
font-weight : bold;
text-decoration : underline;
}
.clear {
clear : both;
}
#pageContainer {
background : url(../img/layout/bkgd.gif);
width : 1024px;
height : auto;
margin-left : auto;
margin-right : auto;
}
#namelogin {
background : #e7e7e7;
width : auto;
height : 20px;
margin-left : 10px;
margin-right : 10px;
}
#navbar {
background : url(../img/layout/navbarbkgd.gif);
position : relative;
width : 1018px;
height : 52px;
margin-right : auto;
margin-left : auto;
}
#navigation {
list-style : none;
margin : 0 0 0 10px;
}
#navigation li {
float : left;
text-align : center;
font-weight : bold;
font-family : Verdana;
}
#navigation li a {
width : auto;
height : 52px;
display : block;
color : #9d9d9d;
font-size : 18px;
padding : 14px 0 0 0;
margin-right : 15px;
margin-left : 15px;
text-decoration : none;
text-transform : uppercase;
}
#navigation li a:hover {
width : auto;
height : 52px;
display : block;
color : #e4e4e4;
font-size : 18px;
padding : 14px 0 0 0;
margin-right : 15px;
margin-left : 15px;
text-decoration : none;
text-transform : uppercase;
}
#body {
background : #e7e7e7;
width : auto;
margin-right : 3px;
margin-left : 3px;
height : auto !important ;
}
#headerpic {
background : url(../img/layout/header_pic2.jpg) no-repeat 50% 0%;
position : relative;
width : 1018px;
height : auto !important ;
min-height : 400px;
margin-left : 3px;
margin-right : 3px;
}
#headermain {
background : url(../img/layout/headermain.jpg) no-repeat 50% 0%;
position : relative;
width : 1018px;
height : auto !important ;
min-height : 288px;
margin-left : 3px;
margin-right : 3px;
}
#border {
background : url(../img/layout/border.png) repeat-y;
}
#contentContainer {
width : 100%;
height : 100%;
font-size : 14pt;
clear : both;
color : #666666;
}
#contentContainer li {
margin : 0 40px 0;
}
#bodycontainer {
width : 100%;
height : auto;
}
#indexabouthead {
background : url(../img/layout/boxbkgdheadhome.png) no-repeat;
float : left;
width : 640px;
height : auto;
margin : 20px 0 10px 20px;
padding : 0 0 0 0;
}
#indexaboutside {
background : url(../img/layout/boxbkgdindex1border.png) repeat-y;
float : left;
width : 610px;
border-bottom : 1px solid #4d4d51;
height : 100%;
margin : 25px 0 0 0;
padding : 10px 15px 15px 15px;
text-align : left;
font-size : 14pt;
}
#sidebarContainer {
width : 200px;
float : right;
background : #555;
}
#sidebarContainer h2 {
text-align : right;
color : #000;
}
img.frontImage {
float : right;
padding : 0 0 0 0;
margin : 5px 0 0 5px;
border : 2px solid black;
}
img.hoodieImage {
float : right;
padding : 0 0 0 0;
margin : 0px 0 0 0px;
border : 1px solid black;
}
img.suksImage {
padding : 0 0 0 0;
margin : 5px 0 0 5px;
border : 1px solid black;
}
#indexnewshead {
background : url(../img/layout/boxbkgdheadnews.png) no-repeat;
float : left;
width : 640px;
height : auto;
margin : 10px 0 20px 20px;
padding : 0 0 0 0;
}
#indexnewsside {
background : url(../img/layout/boxbkgdindex1border.png) repeat-y;
float : left;
width : 630px;
border-bottom : 1px solid #4d4d51;
height : 100%;
margin : 25px 0 0 0;
padding : 10px 5px 0 5px;
text-align : left;
font-size : 14pt;
}
#index1latesthead {
background : url(../img/layout/boxbkgdheadlatest.png) no-repeat;
width : 320px;
height : 195px;
position : absolute;
right : 20px;
top : 20px;
padding : 0 0 0 0;
}
#index1latestside {
background : url(../img/layout/boxbkgdindex2border.png) repeat-y;
float : left;
width : 290px;
border-bottom : 1px solid #4d4d51;
height : 100%;
margin : 25px 0 0 0;
padding : 10px 15px 0 15px;
text-align : left;
font-size : 14pt;
}
#indexlatesthead {
background : url(../img/layout/boxbkgdheadlatest.png) no-repeat;
width : 320px;
height : auto;
float : right;
position : relative;
padding : 25px 0 0 0;
border-bottom : 1px solid #4d4d51;
margin : 20px;
margin-bottom : 0;
}
#indexlatestside {
background : url(../img/layout/boxbkgdindex2border.png) repeat-y;
float : left;
width : 300px;
height : 100%;
margin : 0 0 0 0;
padding : 15px 5px 20px 15px;
text-align : left;
font-size : 14pt;
position : relative;
}
#index1latestpic {
background : url(../img/layout/boxbkgdheadsuksinpictures.png) no-repeat;
width : 320px;
height : auto;
position : absolute;
top : 270px;
left : 678px;
padding : 25px 0 0 0;
border-bottom : 1px solid #4d4d51;
}
#index1latestsidepic {
background : url(../img/layout/boxbkgdindex2border.png) repeat-y;
float : left;
width : 300px;
height : 100%;
margin : 0 0 0 0;
padding : 15px 5px 20px 15px;
text-align : left;
font-size : 14pt;
position : relative;
}
#indexlatestpic {
background : url(../img/layout/boxbkgdheadsuksinpictures.png) no-repeat;
width : 320px;
height : auto;
float : right;
position : relative;
padding : 25px 0 0 0;
border-bottom : 1px solid #4d4d51;
margin : 20px;
}
#indexlatestsidepic {
background : url(../img/layout/boxbkgdindex2border.png) repeat-y;
float : left;
width : 300px;
height : 100%;
margin : 0 0 0 0;
padding : 15px 5px 20px 15px;
text-align : left;
font-size : 14pt;
position : relative;
}
#sidebar {
width : 350px;
height : auto;
float : right;
margin-right : auto;
margin-left : auto;
text-align : left;
}
#leftside {
width : 650px;
height : auto;
float : left;
margin-right : auto;
margin-left : auto;
text-align : left;
}
#addnews {
width : 950px;
height : 600px;
padding : 20px;
margin-right : auto;
margin-left : auto;
text-align : left;
}
#newspagecontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
min-height : 600px;
}
#loginContainer {
width : 400px;
padding : 20px;
margin-left : 20px;
}
#loginContainer h1 {
text-align : left;
color : #666;
font-size : 22px;
font-weight : bold;
}
#spotscontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
}
#registerContainer {
background : #fff;
margin : 0 20px 0 20px;
float : inherit;
}
#registerInformation {
width : 400px;
float : right;
background : #fff;
padding : 20px;
background : none;
}
#cpContainer {
background : #fff;
margin : 0 230px 0 20px;
}
#cpContainer p {
text-align : left;
font-size : 12px;
margin : 0 20px 10px;
}
#infoContainer {
background : #fff;
}
#infoContainer p {
text-align : left;
font-size : 14px;
margin : 0 0 10px;
}
#leftContainer {
float : left;
width : 50%;
background : #fff;
}
#rightContainer {
float : right;
width : 50%;
}
img.profile {
float : left;
top : 0;
}
img.trips {
float : left;
top : 0;
}
img.news {
float : left;
top : 0;
}
#contactContainer {
background : #fff;
margin : 0 230px 0 20px;
}
#tripsContainer {
margin-left : 30px;
margin-right : 30px;
width : auto;
min-height : 600px;
}
#tripslatestpic {
background : url(../img/layout/boxbkgdheadsuksinpictures.png) no-repeat;
width : 320px;
height : auto;
float : right;
position : relative;
padding : 25px 0 0 0;
border-bottom : 1px solid #4d4d51;
margin : 30px;
}
#tripslatestsidepic {
background : url(../img/layout/boxbkgdindex2border.png) repeat-y;
float : left;
width : 300px;
height : 100%;
margin : 0 0 0 0;
padding : 15px 5px 20px 15px;
text-align : left;
font-size : 14pt;
position : relative;
}
#weathercontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
}
#hillheadContainer {
background : #fff;
margin : 0 230px 0 20px;
}
#sponsorsContainer {
font-size : 12pt;
margin-left : auto;
margin-right : auto;
width : 950px;
min-height : 600px;
height : auto;
}
#nationalscontainer {
font-size : 14pt;
margin-left : auto;
margin-right : auto;
width : 950px;
min-height : 600px;
height : auto;
}
#committeepagecontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
min-height : 650px;
}
img.committeeImage {
float : left;
margin : 5px 0 0 5px;
border : 1px solid black;
}
#lh-col {
width : 50%;
float : left;
background : #ffffff;
margin : 0;
padding : 10px;
text-align : center;
}
#lh-col h2 {
text-align : center;
}
#rh-col {
background : #ffffff;
color : #333333;
margin : 0;
padding : 10px;
text-align : center;
}
#rh-col h2 {
text-align : center;
}
#EditContainer {
width : 100%;
background : #ffffff;
padding : 0 0 20px;
font-size : 14px;
clear : both;
color : #666666;
height : 640px;
}
#addNewsContainer {
width : 100%;
background : #ffffff;
padding : 0 0 20px;
font-size : 14pt;
clear : both;
color : #666666;
height : 640px;
}
#signupcontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
}
#admincontrolcontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
min-height : 500px;
}
#mailinglistcontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
}
#sendemailcontainer {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
}
#clothing {
margin-left : auto;
margin-right : auto;
width : 950px;
height : auto;
text-align : left;
min-height : 500px;
}
img.clothingImage {
float : left;
border : 1px;
margin : 5px 0 0 5px;
border : 1px solid black;
}
#gallerybody {
position : relative;
width : auto;
margin-right : 3px;
margin-left : 3px;
height : auto;
}
#gallerydev {
position : relative;
width : auto;
height : 724px;
}
#footer p {
text-align : right;
color : #ddd;
margin : 0 0 0;
font-size : 10pt;
}
#footer a {
color : #ddd;
text-decoration : none;
font-size : 10pt;
}
#footer a:hover {
color : #0c0c0c;
text-decoration : none;
font-size : 10pt;
}
#footerContainer {
background : url(../img/layout/footer.gif) no-repeat 50% 0%;
position : relative;
height : 35px;
padding : 10px 0 0 0;
text-align : right;
font-size : 10pt;
color : #ddd;
clear : both;
}
#footer {
font-family : Arial, Helvetica, sans-serif;
color : #ddd;
font-size : 10pt;
line-height : 12px;
padding : 0 5px 0 5px;
margin : 0 auto;
}
#footerContainer2 {
background : url(../img/layout/footer.gif) no-repeat 50% 0%;
position : absolute;
height : 35px;
padding : 10px 0 0 0;
text-align : right;
font-size : 10pt;
color : #ddd;
clear : both;
bottom : 0;
}


.bluetabs {
font-family : Verdana;
font-weight : none;
font-size : 8px;
list-style : none;
margin : 0 0 0 10px;
text-transform : uppercase;
padding : 17px 0 0 0;
padding-left : 18px;
}
.bluetabs ul {
padding : 3px 0;
margin-left : 0;
margin-top : 0;
margin-bottom : 0;
font-weight : bold;
color : #9d9d9d;
list-style-type : none;
text-align : left;
font-size : 12px;
}
.bluetabs li {
display : inline;
margin : 0;
}
.bluetabs li a {
text-decoration : none;
padding : 3px 7px;
margin-right : 10px;
color : #9d9d9d;
font-size : 15px;
text-align : left;
}
.bluetabs li a:visited {
color : #9d9d9d;
}
.bluetabs li a:hover {
color : #e4e4e4;
}
.bluetabs li.selected {
color : #e4e4e4;
}
.bluetabs li.selected a {
background-image : url();
border-bottom-color : white;
}
.bluetabs li.selected a:hover {
text-decoration : none;
}
.dropmenudiv_b {
position : absolute;
font-family : Verdana;
font-weight : bold;
font-size : 6px;
text-transform : uppercase;
top : 0;
border : 1px solid white;
border-width : 0 1px;
line-height : 30px;
z-index : 100;
background-color : #080808;
width : auto;
visibility : hidden;
color : #9d9d9d;
margin-right : 10px;
margin-top : 13px;
margin-left : 6px;
text-align : left;
}
.dropmenudiv_b a {
font-family : Verdana;
font-weight : bold;
font-size : 12px;
text-transform : uppercase;
width : auto;
display : block;
text-indent : 5px;
border : 0 solid #918d8d;
border-bottom-width : 1px;
padding : 2px 0;
text-decoration : none;
color : #9d9d9d;
padding-right : 10px;
min-width : 70px;
text-align : left;
}
* html .dropmenudiv_b a {
width : 100%;
}
.dropmenudiv_b a:hover {
background-color : #2e2e2e;
color : #e4e4e4;
}


/*
	Copyright © 2007 Southampton Surf. All Rights Reserved. 

	Southampton Surf™ - Stylesheet CSS - Default Theme

*/