/* css NAME HERE default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* Campbell.css */



body {
	background-color: #333333; 
	font-family: georgia, arial, "lucida console", sans-serif, times, courier;
	font-size: small;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	height: 100%; 
	text-align: center;
	}
#maincontainer {
	position: relative;
 	margin: 30px 50px 30px 50px;
	padding: 30px 50px 30px 50px; 
	background-color: #ffffff; 
	height: 100%;
	text-align: center;
	border-width: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #000000; 
	min-width: 1014px;
	max-width: 20000px;
	}


#maincontent {
	position: relative;
	margin: 5px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	height: auto;
	background-color: #ffffff; /* #303030; */
	border: 1px solid #333333;
	min-height: 1000px;
	}



.heading {
	position: relative;
	margin: 7px 3px 0px 3px;
	padding: 2px 10px 0px 10px;  /* top right bottom left */
	color: #CC6666;   /* light maroon-ish red */
	vertical-align: middle;
	text-align: justify;
	text-decoration: none;
	text-indent: 5px;
	white-space: normal;
	word-spacing: normal;
	font-family: georgia, arial, times;
	font-size: medium;
	font-stretch: wider;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	}
.content {
	position: relative;
	margin: 5px 3px 5px 3px;
	padding: 0px 10px 0px 10px; 
	color: #333333;  /* #CCCC99; */ 
	vertical-align: middle;
	text-align: justify;
	text-decoration: none;
	text-indent: 0px;
	white-space: normal;
	word-spacing: normal;
	font-family: georgia, arial, times;
	font-size: small;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	}
.content a:link {
	text-decoration: none;
	font-style: normal;
	border: none;
	color: #FF9900; /* #336699; */
	}
.content a:visited {
	text-decoration: none;
	font-style: normal;
	border: none;
	color: #660000; /* #696969; #990066; */
	}
.content a:active {
	text-decoration: none;
	font-style: normal;
	border: none;
	color: #FFCC00; /* #CC6666; */
	}
.content a:hover {
	text-decoration: none; 
	font-style: normal;
	border: none;
	color: #FFCC00; /* #3366CC; */
	}
.content ul {
	line-height: 1.5em;
	/*
	margin: -1em 0px 0px 0px;
	padding-bottom: 1em;
	padding-top: 1em;
	*/
	}
.content p {
	margin: 0px 0px 1em 0px;
	}



a img {
	border: none;
	}


.verticalspacer {
	height: 8em;
	}


#footer {
	position: relative;
	margin: 90px 90px 30px 90px;
	line-height: 1.5em;
	clear: both;
	height: 6.5em;
	padding: 10px 10px 10px 10px; 
	color: #333333;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #333333;
	direction: ltr;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
	font-family: georgia, arial, times;
	font-size: smaller;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	}
#footer a:link {
	text-decoration: none;
	font-style: normal;
	border: none;
	color: #336699;
	}
#footer a:visited {
	text-decoration: none;
	font-style: normal;
	border: none;
	color:  #696969; 
	}
#footer a:active {
	text-decoration: none;
	font-style: normal;
	border: none;
	color: #CC6666;
	}
#footer a:hover {
	text-decoration: none; 
	font-style: normal;
	border: none;
	color: #3366CC;
	}
#footer ul {
	list-style-type: disc;
	list-style-image: url(images/doublearrow.gif);
	list-style-position: inside;
	margin-left: 0px;
	padding-left: 0px;
	}



/*   This part thanks to Stu Nicholls | CSSplay |  http://www.cssplay.co.uk/menu/imap.html   */

#imap {
	display:block; 
	width:1000px; 
	height:1000px; 
	background:url(images/campbellcollage1.jpg); 
	position:relative; 
	margin:0 auto 2em auto;
	}

#imap a#titlex {
	display:block; 
	width:1000px; 
	height:0; 
	padding-top:1000px; 
	overflow:hidden; 
	position:absolute; 
	left:0; 
	top:0; 
	background:transparent cursor:default;
	}
* html #imap a#titlex {
	height:1000px; 
	he\ight:0;
	}
#imap a#titlex:hover {
	background: #fff url(images/campbellcollage3.jpg) no-repeat 0 0;
	}

a#linkedin {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:100px; 
	overflow:hidden; 
	position:absolute; 
	top:265px; 
	left:126px; 
	background:transparent
	}
a#linkedin:hover {
	background:#fff url(images/linkedin.jpg) no-repeat 0 0;
	}
* html a#linkedin{
	height:100px; he\ight:0;
	}

#facebook {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:99px; 
	overflow:hidden; 
	position:absolute; 
	top:148px; 
	left:342px; 
	background:transparent
	}
a#facebook:hover {
	background:#fff url(images/facebook.jpg) no-repeat 0 0;
	}
* html a#facebook{
	height:99px; he\ight:0;
	}

#cv {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:93px; 
	overflow:hidden; 
	position:absolute; 
	top:154px; 
	left:564px; 
	background:transparent
	}
a#cv:hover {
	background:#fff url(images/cv.jpg) no-repeat 0 0;
	}
* html a#cv{
	height:93px; he\ight:0;
	}

#portfolio {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:92px; 
	overflow:hidden; 
	position:absolute; 
	top:272px; 
	left:719px; 
	background:transparent
	}
a#portfolio:hover {
	background:#fff url(images/portfolio.jpg) no-repeat 0 0;
	}
* html a#portfolio{
	height:92px; he\ight:0;
	}

#gospel {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:125px; 
	overflow:hidden; 
	position:absolute; 
	top:447px; 
	left:786px; 
	background:transparent
	}
a#gospel:hover {
	background:#fff url(images/gospel.jpg) no-repeat 0 0;
	}
* html a#gospel{
	height:125px; he\ight:0;
	}

#carpetball {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:80px; 
	overflow:hidden; 
	position:absolute; 
	top:643px; 
	left:745px; 
	background:transparent
	}
a#carpetball:hover {
	background:#fff url(images/carpetball.jpg) no-repeat 0 0;
	}
* html a#carpetball{
	height:80px; he\ight:0;
	}

#HOVERGAME {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:100px; 
	overflow:hidden; 
	position:absolute; 
	top:762px; 
	left:630px; 
	background:transparent
	}
a#HOVERGAME:hover {
	background:#fff url(images/HOVERGAME.jpg) no-repeat 0 0;
	}
* html a#HOVERGAME{
	height:100px; he\ight:0;
	}

#ambi {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:134px; 
	overflow:hidden; 
	position:absolute; 
	top:773px; 
	left:442px; 
	background:transparent
	}
a#ambi:hover {
	background:#fff url(images/ambi.jpg) no-repeat 0 0;
	}
* html a#ambi{
	height:134px; he\ight:0;
	}

#pwomnibus {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:78px; 
	overflow:hidden; 
	position:absolute; 
	top:773px; 
	left:236px; 
	background:transparent
	}
a#pwomnibus:hover {
	background:#fff url(images/pwomnibus.jpg) no-repeat 0 0;
	}
* html a#pwomnibus{
	height:78px; he\ight:0;
	}

#campbellhomepage {
	display:block; 
	width:82px; 
	height:0; 
	padding-top:133px; 
	overflow:hidden; 
	position:absolute; 
	top:628px; 
	left:98px; 
	background:transparent
	}
a#campbellhomepage:hover {
	background:#fff url(images/campbellhomepage.jpg) no-repeat 0 0;
	}
* html a#campbellhomepage{
	height:133px; he\ight:0;
	}

#acutephoto {
	display:block; 
	width:134px; 
	height:0; 
	padding-top:93px; 
	overflow:hidden; 
	position:absolute; 
	top:463px; 
	left:73px; 
	background:transparent
	}
a#acutephoto:hover {
	background:#fff url(images/acutephoto.jpg) no-repeat 0 0;
	}
* html a#acutephoto{
	height:93px; he\ight:0;
	}

#emailme {
	display:block; 
	width:372px; 
	height:0; 
	padding-top:46px; 
	overflow:hidden; 
	position:absolute; 
	top:913px; 
	left:628px; 
	background:transparent
	}
a#emailme:hover {
	background:#fff url(images/emailme.jpg) no-repeat 0 0;
	}
* html a#emailme{
	height:46px; he\ight:0;
	}