﻿/*	Desc: *AlPenn.com* Screen Style Sheet
	Author: *Ty Gossman - FindlayInternet*
	Date: *last modified date 02.22.08*
	+ Colours
	- *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */
/*=STRUCTURE Actual element items may vary
=== === === === === === === === === === */
/*=COMMON
=== === === === === === === === === === */
html {
margin: 0;
padding: 0;
background: #001031 url("/css/pennBg_gradient.jpg") repeat-x top left;
height: 100.001%;
color: #000;
font-family: Calibri, Arial, Helvetica, sans-serif;
}

body {
margin: 0;
padding: 0;
background: #001031 url("/css/pennBg_gradient.jpg") repeat-x top left;
height: 100.001%;
color: #000;
font-family: Calibri, Arial, Helvetica, sans-serif;
}

body {
min-width: 960px;
}

#wrap {
background: transparent url(/css/img/wrapBGHdr960.jpg) no-repeat top left;
margin: 0 auto;
width: 960px;
}

#wrapTile {
background: transparent url(/css/img/wrapBG-tileY.jpg) repeat-y top left;
margin: 0 auto;
width: 760px;
}

/* Removes Firefox imposed outline */
a { outline: none; }

li {
line-height: 120%;
}

p {
line-height: 120%;
}

img {
border: 0;
}

a {
}

/*=Presentation Classes
=== === === === === === === === === === */
.taCenter {
text-align:center;
clear:left;
}

.listNone {
list-style-type: none;
margin-left:0;
padding-left:0;
}

.listNone li {
margin-left:0;
padding-left:0;
}

.taRight {
text-align: right;
}

.quiet {
color: #bbb;
}

.floatL img {
float: left;
padding-right: 16px;
border: 0;
}

.floatR img {
float: right;
padding-left: 16px;
border: 0;
}




/*=HEADER
=== === === === === === === === === === */
#header {
background: transparent;
height: 288px;
width: 960px;
}

#header h1 {
background: transparent url(/css/img/H1pennKiwanis-vp.gif) no-repeat top left;
width: 360px;
height: 108px;
position: relative;
top: 80px;
left: 316px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

h2#homeHdr {
background: transparent url(img/H2-homepage.gif) no-repeat top left;
width: 440px;
height: 48px;
position: relative;
top: 115px;
left: 345px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

h2#aboutHdr {
background: transparent url(img/H2-aboutAlan.gif) no-repeat top left;
width: 440px;
height: 62px;
position: relative;
top: 115px;
left: 345px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

h2#photosHdr {
background: transparent url(img/H2-photoGallery.gif) no-repeat top left;
width: 440px;
height: 50px;
position: relative;
top: 115px;
left: 345px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

h2#resourcesHdr {
background: transparent url(img/H2-resources.gif) no-repeat top left;
width: 440px;
height: 44px;
position: relative;
top: 115px;
left: 345px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

h2#newsHdr {
background: transparent url(img/H2-trusteeNews.gif) no-repeat top left;
width: 440px;
height: 44px;
position: relative;
top: 115px;
left: 345px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

h2#contactHdr {
background: transparent url(img/H2-contactUs.gif) no-repeat top left;
width: 440px;
height: 44px;
position: relative;
top: 115px;
left: 345px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

/*=NAVIGATION - slidingNav.css
=== === === === === === === === === === */
/*=CONTENT = Sidebar + Main
=== === === === === === === === === === */
#main {
background: transparent;
float: right;
width: 530px;
padding-right: 30px;
color: #336699;
}

#main p {
padding: 0;
}

#main h2 {
padding: 0;
}

#main h3 {
padding-top: 1em;
}

#sidebar {
background: transparent;
float: left;
width: 180px;
}

#sidebar p {
padding: 0;
}

#sidebar h3 {
padding: 0;
}

#gToolbox {
padding: 32px 0 0 10px;
}



/*=FOOTER
=== === === === === === === === === === */
#footer {
background: #001031 url('/css/img/wrapMainBttm760.gif') no-repeat scroll center top;
clear: both;
text-align: center;
color: #fff;
font-variant: small-caps;
padding: 30px 0 0px 0;
height: 70px;
width: 760px;
}

#footer a {
color: #fff;
}

#footer address {
padding-bottom: 8px;
}

.textCenter {
	text-align: center;
}

