html, body {
	margin: 0;
	padding: 0;
	background: #000000;
}

#page-container {
	width: 1000px;
	margin: auto;
}

/******************************/

#navigation ul {
	width: 157px; 
	height: 131px; 
	position: relative; /** Places image at the top of the page **/
	left: 350px; 
	background: url(../images/nav.gif) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#navigation li {
	display: inline;
}
#navigation li a:link, #navigation li a:visited {
	border: none;
	width: 157px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}

#navigation li.connect a:link, #navigation li.connect a:visited { 
	top: 6px;
	height: 30px;
}
#navigation li.news a:link, #navigation li.news a:visited { 
	top: 36px;
	height: 30px;
}
#navigation li.personal a:link, #navigation li.personal a:visited { 
	top: 66px;  /** how many px left of the first button i.e blue **/
	height: 33px;
}
#navigation li.pfc a:link, #navigation li.pfc a:visited { 
	top: 99px;  /** how many px left of the first button i.e blue **/
	height: 30px;
}

#navigation li.connect a:hover {
	background: url(../images/nav.gif) no-repeat -157px -6px; /** moves image up 30px showing the rollover states **/ 
}
#navigation li.news a:hover {
	background: url(../images/nav.gif) no-repeat -157px -36px; /** moves image up 30px showing the rollover states **/ 
}
#navigation li.personal a:hover {
	background: url(../images/nav.gif) no-repeat -157px -66px; /** moves image up 30px and right 80px showing the rollover states **/
}
#navigation li.pfc a:hover {
	background: url(../images/nav.gif) no-repeat -157px -99px;
}

/*********************************/

#navigation-i ul {
	width: 157px; 
	height: 131px; 
	position: relative; /** Places image at the top of the page **/
	left: 350px; 
	background: url(../images/nav-i.gif) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#navigation-i li {
	display: inline;
}
#navigation-i li a:link, #navigation-i li a:visited {
	border: none;
	width: 157px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}

#navigation-i li.connect a:link, #navigation-i li.connect a:visited { 
	top: 6px;
	height: 30px;
}
#navigation-i li.news a:link, #navigation-i li.news a:visited { 
	top: 36px;
	height: 30px;
}
#navigation-i li.personal a:link, #navigation-i li.personal a:visited { 
	top: 66px;  /** how many px left of the first button i.e blue **/
	height: 33px;
}
#navigation-i li.pfc a:link, #navigation-i li.pfc a:visited { 
	top: 99px;  /** how many px left of the first button i.e blue **/
	height: 30px;
}

#navigation-i li.connect a:hover {
	background: url(../images/nav-i.gif) no-repeat -157px -6px; /** moves image up 30px showing the rollover states **/ 
}
#navigation-i li.news a:hover {
	background: url(../images/nav-i.gif) no-repeat -157px -36px; /** moves image up 30px showing the rollover states **/ 
}
#navigation-i li.personal a:hover {
	background: url(../images/nav-i.gif) no-repeat -157px -66px; /** moves image up 30px and right 80px showing the rollover states **/
}
#navigation-i li.pfc a:hover {
	background: url(../images/nav-i.gif) no-repeat -157px -99px;
}


/*********** Home Page ***********/

#header {
	width: 1000px;
	height: 131px;
	background: url(../images/header-w.gif) no-repeat;
}

#header2-home {
	width: 1000px;
	height: 82px;
	background: url(../images/header2-home.gif) no-repeat;
}

#main-home {
	width: 1000px;
	height: 326px;
	background: url(../images/bg-home.jpg) no-repeat;
}

#main-home #main-left {
	display: block;
	float: left;
	width: 710px;	
	padding: 0 0 0 10px;
}

#main-home #main-left #links{
	width: 160px;	
	padding: 10px 0 0 340px;
	text-align: left;
}

#main-home #main-left #links a:link, #main-home #main-left #links a:visited {
    color: #FFFFFF;	
    font: 11px/24px verdana, arial, sans-serif;
    text-decoration: none;
}

#main-home #main-left #links a:hover {
	text-decoration: underline;
}

#main-home #main-right {
	display: block;
	float: left;
    font: 11px/18px verdana, arial, sans-serif;
	width: 235px;	
	color: #999999;
	padding: 10px 20px 0 25px;
}

#main-home #main-right h1 {
    text-transform: uppercase;
    font: bold 11px/11px verdana, arial, sans-serif;
	color: #FFFFFF;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    letter-spacing: 1px;
}

#main-home #main-right a:link, #main-home #main-right a:visited {
    color: #999999;	
    font: 11px/18px verdana, arial, sans-serif;
    text-decoration: none;
}

#main-home #main-right a:hover {
	text-decoration: underline;
}

/*********** Photos For Cause Page ***********/

#header2-pfc {
	width: 1000px;
	height: 82px;
	background: url(../images/header2-pfc.gif) no-repeat;
}

#main-pfc {
	width: 1000px;
	height: 326px;
}

#main-pfc #main-left {
	display: block;
	float: left;
	width: 723px;
}

#main-pfc #main-left a:link, #main-pfc #main-left a:visited{
	color: #999999;	
	font: 11px/14px verdana, arial, sans-serif;
	text-decoration: none;
}

#main-pfc #main-left a:hover {
	text-decoration: underline;
}

#main-pfc #main-left #left{
	display: block;
	float: left;
	width: 228px;	
}

#main-pfc #main-left #left-text{
	padding: 10px 0 0 110px;
}

#main-pfc #main-left #mid{
	display: block;
	float: left;
	width: 208px;	
}

#main-pfc #main-left #mid-text{
	padding: 0 0 0 70px;
}

#main-pfc #main-left #right{
	display: block;
	float: left;
	width: 287px;	
}

#main-pfc #main-left #right-text{
		padding: 0 0 0 65px;
}

#main-pfc #main-right {
	display: block;
	float: left;
    font: 11px/18px verdana, arial, sans-serif;
	width: 232px;	
	height: 326px;
	color: #999999;
	padding: 10px 20px 0 25px;
	background: url(../images/bg-pfc-r.jpg) no-repeat;
}

#main-pfc #main-right h1 {
    text-transform: uppercase;
    font: bold 11px/11px verdana, arial, sans-serif;
	color: #FFFFFF;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    letter-spacing: 1px;
}

/*********** POC 1 ***********/

#header-wo {
	width: 1000px;
	height: 131px;
	background: url(../images/header-wo.gif) no-repeat;
}

#header-wo2 {
	width: 1000px;
	height: 131px;
	background: url(../images/header-wo2.gif) no-repeat;
}

/*********** POC Page ***********/

#header2-poc1 {
	width: 815px;
	height: 47px;
	background: url(../images/header2-poc1.gif) top no-repeat;
	color: #999999;	
	font: 10px/18px verdana, arial, sans-serif;
	padding: 65px 0 0 185px;
}

#main-poc1 {
	float: left;
	display: block;
	width: 750px; /*800*/
	height: 275px;
	background: #000000;
	padding: 0 0 0 50px;
}

#order-poc1 {
	float: left;
	display: block;
	color: #999999;	
	font: 12px/18px verdana, arial, sans-serif;
	padding: 150px 0 0 0;
}

#order-poc1 a:link, #order-poc1 a:visited {
	color: #999999;	
	font: 12px/18px verdana, arial, sans-serif;
	text-decoration: none;
}

#order-poc1 a:hover {
	text-decoration: underline;
}

/*********** FOTM Page ***********/

#header2-fotm {
	width: 815px;
	height: 47px;
	background: url(../images/header2-fotm.gif) top no-repeat;
	color: #999999;	
	font: 10px/18px verdana, arial, sans-serif;
	padding: 65px 0 0 185px;
}

#main-fotm {
	float: left;
	display: block;
	width: 470px; /*600*/
	height: 245px;
	background: #000000;
	padding: 30px 0px 0 120px;
}

#order-fotm {
	float: left;
	display: block;
	color: #999999;	
	font: 12px/18px verdana, arial, sans-serif;
	padding: 150px 0 0 0;
}

#order-fotm a:link, #order-fotm a:visited {
	color: #999999;	
	font: 12px/18px verdana, arial, sans-serif;
	text-decoration: none;
}

#order-fotm a:hover {
	text-decoration: underline;
}

/*********** Contact Page ***********/


#header2-contact {
	width: 815px;
	height: 27px;
	background: url(../images/header2-cont.gif) top no-repeat;
	color: #999999;	
	font: 10px/18px verdana, arial, sans-serif;
	padding: 65px 0 0 185px;
}

#main-contact {
	width: 750px; /*1000*/
	height: 275px;
	background: #000000;
	padding: 0 0 0 183px;
	font: 11px/13px verdana, 'lucida console', sans-serif;
	color: #FFFFFF;
}

#main-contact .contact-item {
	padding: 5px 0 5px 0;	
}

#main-contact #required {
	font: 9px/11px verdana, 'lucida console', sans-serif;
	padding: 0 0 10px 65px;
}

#main-contact label{
	width: 50px;
	float: left;
	text-align: right;
	margin-right: 5px;
	display: block
}

#main-contact input {
	margin-left: 10px;
}

#main-contact select {
	margin-left: 10px;
}

#main-contact #more-info {
	padding: 0 0 0 65px;	
}

#main-contact #comments {
	padding: 0 0 0 45px;	
}

#main-contact #submit-button {
	padding: 0 0 20px 35px;	
}

#main-contact #comments textarea {
    margin: 10px 0 0 0;	
}


/*********** DVD Page ***********/


#header2-dvd {
	width: 815px;
	height: 27px;
	background: url(../images/header2-dvd.gif) top no-repeat;
	color: #999999;	
	font: 10px/18px verdana, arial, sans-serif;
	padding: 65px 0 0 185px;
}


/*********** News Page ***********/

#header-wo {
	width: 1000px;
	height: 131px;
	background: url(../images/header-wo.gif) no-repeat;
}

#header2-news {
	width: 1000px;
	height: 82px;
	background: url(../images/header2-news.gif) no-repeat;
}

#main-news {
	width: 1000px;
	height: 275px;
	background: #000000;
}

#main-news #main-left {
	display: block;
	float: left;
	width: 265px;
	font: 11px/18px verdana, arial, sans-serif;	
	color: #999999;
	padding: 0 60px 0 25px;
}

#main-news #main-left h1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font: 12px/14px verdana, arial, sans-serif;		
	font-style: italic;
}

#main-news #main-left h1 a:link, #main-news #main-left h1 a:visited {
	font: 12px/14px verdana, arial, sans-serif;		
	font-style: italic;
	text-decoration: underline;
	color: #999999;
}

#main-news #main-left h1 a:hover {
    text-decoration: none;	
}

#main-news #main-left h2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font: 10px/14px verdana, arial, sans-serif;		
	text-transform: uppercase;
	color: #FFFFFF;
}

#main-news #main-right {
	display: block;
	float: left;
    font: 11px/14px verdana, arial, sans-serif;
	width: 315px;	
	height: 275px;
	color: #999999;
	padding: 0 75px 0 10px;
	overflow: auto;
}

#main-news #main-right a:link, #main-news #main-right a:visited{
	color: #999999;
	font: 11px/14px verdana, arial, sans-serif;
	text-decoration: none;
}

#main-news #main-right a:hover {
	text-decoration: underline;
}

#main-news #main-right h1 {
    text-transform: uppercase;
    font: bold 11px/14px verdana, arial, sans-serif;
	color: #FFFFFF;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    letter-spacing: 1px;
}

#footer-news {
	clear: both;
	width: 1000px;	
	padding: 20px 0 0 0;
}

#footer-news #left {
	display: block;
	float: left;
	height: 75px;
	width: 330px;	
	color: #999999;
	font: 10px/10px verdana, arial, sans-serif;
	padding: 0 30px 0 0;
	text-align: right;
}

#footer-news #left a:link, #footer-news #left a:visited {
	color: #999999;
	font: 10px/10px verdana, arial, sans-serif;
	text-decoration: none;
}

#footer-news #left a:hover {
	text-decoration: underline;	
}

#footer-news #mid {
	display: block;
	float: left;
	height: 35px;
	width: 365px;	
	color: #999999;
	padding: 40px 0 0 0;
	font: 11px/24px verdana, arial, sans-serif;
}

#footer-news #mid a:link, #footer-news #mid a:visited {
	font: 11px/24px verdana, arial, sans-serif;
	color: #999999;
	text-decoration: none;
}

#footer-news #mid a:hover {
	text-decoration: underline;
}

#footer-news #right {
	display: block;
	float: left;
	height: 75px;
	width: 275px;	
	color: #999999;
	font: 11px/24px verdana, arial, sans-serif;
}

#footer-news #right h1 {
    text-transform: uppercase;
    font: bold 11px/24px verdana, arial, sans-serif;
	color: #999999;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    letter-spacing: 1px;
}

#footer-news #right a:link, #footer-news #right a:visited {
	font: 11px/24px verdana, arial, sans-serif;
	color: #999999;
	text-decoration: none;
}

#footer-news #right a:hover {
	text-decoration: underline;
}

/*********************************/

#footer-wrap {
	width: 996px;	
	padding: 24px 0 0 0;
	font: 11px/11px arial, 'lucida console', sans-serif;
	color: #999999;
}

#footer-wrap a:link, #footer-wrap a:visited {
	color: #999999;
	text-decoration: none;
}

#copyright {
	display: block;
	float:left;
	width: 488px;
	text-align: left;	
	padding: 0 0 0 10px;	
}

#whitedog {
	display: block;
	float: left;
	width: 488px;
	text-align: right;
	padding: 0 10px 10px 0;
}

/*********************************/