body {
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	background: #000033;
	text-align: center;
	margin: 15px 0;
}

#wrap {
        position: relative;
        width: 820px;
        background: #000033;
        margin: 0 auto;
        text-align: left;
}       
#top-bg {
   	position: absolute;
        width: 820px;
        height: 19px;
        background: #000033;
        top: 0; left: 0;
        z-index: 2;    
}
#content-wrap {
        position: relative;
        clear: both;
        float: left;
        width: 788px;   
        padding: 0;    
        background: #E8E8E8;  
        border-top: 5px solid #FFF;
        border-bottom: 2px solid #D0D0D0;
        margin-left: 15px;
        display: inline;
}
#page-top-bg {
        position: relative;
        width: 735px;
        height: 18px;
	margin: 0 auto;
}
#page-wrap p {
	color: black;
	margin-left: 20px;
	margin-right: 15px;
}	
#page-wrap {
	position: relative;
        width: 735px;
        margin: 0 auto;
	padding: 0;
        text-align: left;
}
#page-content-wrap {
	position: relative;
	width: 735px;
	padding: 0 0 10px 0;
}

#header {
        width: 785px;
	margin-left: 17px;
        position: relative;
        height: 200px;
        background: #000033 url(../images/header-bg.jpg) repeat-y center top;
        padding: 0;    
        color: #FFF;
}
#itembox {
	position: relative;
        margin-top: 35px;
        margin-left: 5px;
        margin-right: 10px;
        margin-bottom: 5px;
	float: right;
	height: 140px;
	display: inline;
}

#shapeheader {
        position: relative;
	clear: both;
	width: 768px;
	height: 93px;
        background: url(../images/shapeheader3.jpg) no-repeat;
	padding: 0 0 0 0;
	margin-left: 25px;
	float: left;
        display: inline;
	overflow: hidden;
}

#shapefooter {
        position: relative;
        clear: both;
        width: 768px;
        height: 207px;
        background-image: url(../images/shapefooter2.jpg);
        padding: 0px 0px 0px 0px;
        margin-left: 25px;
        float: left;
        display: inline;
}
#joinfooter {
	position: relative;
	width: 360px;
	height: 207px;
	display: inline;
	margin-right: 15px;
	margin-left: 12px;
	padding 0;
	text-align: right;
	align: right;
	float: left;
}
#joinfooter a {
	background: transparent url(/cms/themes/saanz.20081018/images/join.jpg) no-repeat;
	background-position: top right;
	width: 200px;
	display: block;
	height: 178px;
	float: right;
}
#joinfooter a:hover {
	background: transparent url(/cms/themes/saanz.20081018/images/findouthover.jpg) no-repeat;
	background-position: top right;
	width: 200px;
	height: 178px;
	display: block;
}
#findoutfooter {
        position: relative;
	margin-left:9px;
        height: 200px;
	width: 178px;
        display: inline;
	float: left;
        padding 0;
}
#findoutfooter a {
        background: transparent url(/cms/themes/saanz.20081018/images/findout.jpg) no-repeat;
        background-position: top left;
        display: block;
        width: 200px;
        height: 178px;
}
#findoutfooter a:hover {
        background: transparent url(/cms/themes/saanz.20081018/images/joinhover.jpg) no-repeat;
	background-position: top left;
	display: block;
}

#contactfooter {
        position: relative;
        clear: both;
        width: 788px;
        height: 80px;
        background: #00223D;
        padding: 0 0 0 0;
        margin-left: 15px;
        float: left;
        display: inline;
        border: 1px solid #000000;
}


#weather {
	width: 33%;
        position: relative;
        clear: left; 
	margin-top: 25px;
	height: 93px;
        padding: 0px 0px 0px 0px;
        float: left;
        display: inline;
}

#weather img {
	margin-left: 10px;
	margin-top: 30px;
	border: 0;
}

#weather a {
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: yellow;
}

#weather a:hover {
	color: red;
}

#pageheading {
       	width: 34%; 
	height: 93px;
	position: relative;
        clear: none;
        padding: 0 0 0 0;
	float: left;
	filter: shadow(Color=#000033,Direction=145,Strength=4);
}

#pageheading h1 {
	text-align: center;
	width: 100%;
	line-height: 26px;
	text-transform: uppercase;
        font-size: 30px;
        font-family: Verdana, "Arial Black";
        color: #ce0000;
	position: absolute;
	bottom: 10px;
}
#search {
        width: 33%;
	height: 93px;
        padding: 0;
        float: left;
	margin-top: 25px;
	overflow: hidden;
}

#mainstrip {
        position: relative;
        clear: both;
        width: 768px;
        background: #4485ED url(../images/shapecontent.jpg) repeat-y top;
	margin-left: 25px;	
	padding: 0 0 0 0;
	padding-bottom: 15px;
        float: left;
	display: inline;
}
.backlink {
	margin-left: 20px;
}

#mainnavbox {
        position: relative;
        clear: none;
        width: 150px;
        padding: 0px;
	margin-right: 0px;
        margin-left: 31px;
	margin-top: 40px;
	margin-bottom: 0px;

        float: left;
        display: inline;
}
#mainnavtitle {
	position: relative;
	width: 150px;
	padding: 0;
	margin-bottom: 0px;
	z-index: 5;
}	
#mainnavtitle h1 {
	position: absolute;
	width: 100%;
	bottom:5px;
	overflow:visible;
	text-align: center;
	display:inline;
	z-index: 5;
}
#mainnavpic {
        position: relative;
	display: inline;
        width: 150px;
        height: 198px;
        padding: 0;
}
#mainnavpic img {
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width: 150px;
	height: 198px;
}
#galnavbox {
        position: relative;
        clear: none;
        width: 70px;
        height: 80px;
        padding: 0px;
        margin-left: 34px;
        margin-top: 10px;
        margin-bottom: 0px;
        
        float: left;
        display: inline;
        text-align: center;
}       
#galnavtitle {
        display: inline;
        position: relative;
        margin: 0;
        width: 100%;
        padding: 0;
        text-align: center;
        
}
#galnavtitle h1 {
	font-size: 14px;	
}
#galnavpic {
        position: relative;
        display: inline;
        width: 70px;
        height: 70px;
        padding: 0;
        margin-top: 3px;
}
#galnavpic img {
        border-right: 3px solid #000;
        border-bottom: 3px solid #000;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        width: 70px;
        height: 70px;
}

h1 {
        font-size: 18px;
        font-family: Arial;
        color: #000; 
        padding: 0;
        margin: 0;
        display: inline;
}


#potd {
        position: relative;
        margin-top: 29px;
        margin-left: 5px;
        margin-right: 10px;
        margin-bottom: 5px;
        float: right;
        height: 160px;
	width: 143px;
	display: inline;
	padding: 0;
	background: url("/cms/assets/Uploads/potd.gif") no-repeat;
}
#potd img {
	position: relative;
	margin-top: 10px;
	margin-left: 10px;	
	height: 140px;
	width: 125px;
	display: inline;
}

#potd p {
	font-size: 16px;
	font-family: Arial;
	color: #000000;
}

#newsbox {
	clear: none;
	position: relative;
	background: #CCD;
	border-top: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #000000;
	border-right: 2px solid #000000;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px 10px 10px 10px;
	height: 38px;
	width: 325px;
}
#bannerbox {
	padding: 0;
	clear: none;
        position: relative;
        margin-top: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        height: 78px;
        width: 345px;
}
#bannerbox p {
padding: 0;
        color: #000000;
        font-family: Arial;
        margin-top: 0px;
}
#bannerbox a {
	border: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#newsbox p {
	padding: 0;
	color: #000000;
	font-family: Arial;
	margin-top: 0px;
}

#logobox {
        position: relative;
        width: 200px;
	height: 101px;
        background: url(../images/SAA-Decal.gif) no-repeat;
        margin-top: 35px;
        margin-left: 30px;
	margin-right: 15px;
        margin-bottom: 5px;
        float: left;
	clear: left;
}

#footer-bottom {
        clear: both;
        color: #666;   
        padding: 10px 0;
        text-align: center;
}
#footer-wrap {
        clear: both;
        width: 820px;
        font-size: 95%;
        text-align: left;
        padding: 15px 0;
        background: #000033;
}
#page-footer-wrap {
        clear: both;
        width: 735px;
        font-size: 95%;
        text-align: left;
        padding: 15px 0;
}

#nav {  
        clear: both;    
        padding: 0;          
}       
#nav ul {
        float: left;
        list-style: none;
        background: url(../images/nav.jpg) repeat-x;    
        width: 787px;         
        text-transform: uppercase;
        margin: 0 0 0 16px;
        padding: 0;    
        display: inline;
	text-align: center;
	
}
#nav ul li {
        display: inline;
        margin: 0; padding: 0;
}       
#nav ul li a { 
        display: block;
        float: left;
        width: auto;
        margin: 0;
        padding: 0 12px;
        border-right: 1px solid #00223D;
        border-left: 1px solid #06406E;
        border-bottom: none;
        color: #FFF;
        font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 1px;
}       
#nav ul li a:hover, 
#nav ul li a:active {
        background: url(../images/nav-hover.jpg) repeat-x;
}       
#nav ul li#current a {
        background: url(../images/nav-current.jpg) repeat-x;
}




#galfooter {
        position: relative;
        width: 360px;
        height: 207px;
        display: inline;
        margin-right: 15px;
        margin-left: 12px;
        padding 0;
        text-align: right;
        align: right;
        float: left;
}
#galfooter a {
        background: transparent url(../images/managephotos.jpg) no-repeat;
        background-position: top right;
        width: 200px;
        display: block;
        height: 178px;
        float: right;
}
#galfooter a:hover {
        background: transparent url(../images/managephotoshover.jpg) no-repeat;
        background-position: top right;
        width: 200px;
        height: 178px;
        display: block;
}
#nbfooter {
        position: relative;
        margin-left:9px;
        height: 200px;
        width: 178px;
        display: inline;
        float: left;
        padding 0;
}
#nbfooter a {
        background: transparent url(../images/noticeboard.jpg) no-repeat;
        background-position: top left;
        display: block;
        width: 200px;
        height: 178px;
}
#nbfooter a:hover {
        background: transparent url(../images/noticeboardhover.jpg) no-repeat;
        background-position: top left;
        display: block;
}