/*<![CDATA[*/

/* Basic Styling */
body {
	background: #000 url(images/stars.gif);
	font: small Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 3px;
	}
h1 {
	color: #9999ff;
	margin: 0;
	margin-top:10px;
	margin-bottom:27px;
	text-align:right;
	font-family: Courier, Courier New, Trebuchet MS, Arial;
	font-size: 190%;
	}
p {
	padding: 0;
	}
p span {
	color: #9999ff;
	font-family: Courier, "Courier New", mono;
	}

/* 8 backgrounds */
.north { background: url(images/N.gif) repeat-x top; }
.east { background: url(images/E.gif) repeat-y right; }
.south { background: url(images/S.gif) repeat-x bottom; }
.west { background: url(images/W.gif) repeat-y left; }
.ne { background: url(images/NE.gif) no-repeat top right; }
.se { background: url(images/SE.gif) no-repeat bottom right; }
.sw { background: url(images/SW.gif) no-repeat bottom left; }
.nw { background: url(images/NW.gif) no-repeat top left; }

.nw { padding: 15px; 
	margin: 0;
	} /* Standard padding  */

/* Special case backgrounds and padding*/
.se2 { background: url(images/SEtry.gif) no-repeat bottom right; }
.sw2 { background: url(images/SWtry.gif) no-repeat bottom left; }
.nw2 { 
	background: url(images/NWtry.gif) no-repeat top left;   
	padding: 22px 0px; 
	margin: 0;
	}
.nw3 { 
	background: url(images/NWtry.gif) no-repeat top left;
	padding: 15px;
	padding-left: 0; 
	padding-bottom: 0;
	}	
.nw4 { 
	background: url(images/NW.gif) no-repeat top left;
	padding: 1px 15px; 
	margin: 0;
	} 

/* Intro page formatting */
#intro {
	text-align:center;
	}
#intro p{
	padding: 10px 10px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	}
#intro a{
	color: white;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#intro a:hover{
	color: cyan;
	}

/*Logo DIV format*/
#logo {
	float:left;
	}

/* Container for whole site */
#container {
	padding: 5px;
	padding-top: 4px;
	}

/*The rounded wire-frame surrounding the site (inside the container)*/
#frame {
	padding: 0;
	margin: 0;
	text-align: left;
	min-width: 750px;
	max-width: 1100px;
	}

/*3 content holding DIVs for formatting*/
#contentholderoutside {
	width: 80%;
	background:url(images/redmiddle.gif) repeat-x top;
	float: right;
	}
#contentholderinside {
	width: 100%;
	background:url(images/redend.gif) no-repeat top right;
	float: left;
	}
#contentholderinternal {
	margin-left: 10px;
	margin-top: 27px;
	}
#contentholderinternal span {
	color: #9999ff;
	font-family: Courier, "Courier New", mono;
	}

/* Home page design image formatting */
.designhome {
	float: left;
	display: block;
	text-align: center;
	width: 24%;
	padding: 0;
	}
.designhome span {
	display: block;
	}
.designhome a {
	padding-bottom: 10px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration:none;
	color: white;
	}
.designhome a:hover { 
	color: cyan;
	}
.designhome img {
	margin-top: 2px;
	padding: 3px;
	border: 1px solid ;
	border-color:#666666;
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
	}
.designhome a:hover img {
	border: 1px solid ;
	border-color: cyan;
	opacity: 1.0;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;
	}
	
	
/* DL tag formatting */	
dl.design {
	margin: 15px 0;
	padding: 15px;
	}
dl.design:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	} /* Used for clearing floats and maintaining block style */
.clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	} /*Used for clearing floats and maintaining block style */
	
dl.design dt {
	margin: 0 0 0 0;
	color: #fff;
	}
dl.design dt img{
	float: left;
	margin: 0 15px 0 0;
	padding: 4px;
	border: 1px solid #cccccc;
	opacity:1.00;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;
	}/* Opacity settings required to allow IE to Render IMG border changes - for some reason */
dl.design dt a:hover img{
	border-color: cyan;
	opacity:1.00;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;
	}
dl.design dd {
	margin-left: 10px;
	font-size: 90%;
	line-height: 1.5em;
	color: #fff;
	}
dl.design span {
	color: #9999ff;
	font-family: Courier, "Courier New", mono;
	}
dl.design span a {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	font-size: 110%;
	margin-top: 15px;
	margin-left: 5px;
	}
dl.design a:hover {
	color: cyan;
	}



/* The sidebar DIV for holding the navigation */
#sidebar {
	float: left;
	width: 20%;
	margin:0;
	margin-bottom: 10px;
	padding:0;
	}

/* The navigation DIV formating */
#nav {
	padding: 0;
	margin: 0;
	list-style:none;
	}	
#nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav li { 
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-size: 130%;
	}	
#nav a {
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	color: #fff;
	text-decoration:none;
	}
#nav #homelink {
	border-top:dotted #333333;
	}
#nav #homelink a{
	color: #999999;
	}
#nav #homelink a:hover{
	color: cyan;
	}


/* The footer DIV */
#footer {
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
	}
#footer table {
	border: none;
	width: 100%;
	display: inline-table;
	}
#footer table td {
	padding-top:6px;
	padding-bottom:6px;
	text-align: center;
	width: 25%;
	}
#footer a{
	padding: 10px 30px;
	color: #FFF;
	text-decoration: none;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	}
#footer a:hover{
	color: cyan;
	}	
#footer table div{
	padding-top:5px;
	padding-bottom:5px;
	border-left: double #333333;
	}
#footer .left {
	text-align:left;
	border: none;
	background: url(images/PREVIOUS.gif) no-repeat left;
	}
#footer .left a{
	padding-left: 60px;
	}
#footer div.left:hover {
	background: url(images/PREVIOUShover.gif) no-repeat left;
	}/*IE does NOT see this DIV:hover*/
#footer .resume {
	text-align:center;
	border-left: double #333333;
	}
#footer .resume a:hover{
	background: url(images/DOWN.gif) no-repeat left;
	color: #990000;
	}	
#footer .email {
	text-align:center;
	}
#footer .email a:hover{
	background: url(images/AT.gif) no-repeat left;
	color: #990000;
	}
#footer .right {
	text-align:right;
	background: url(images/NEXT.gif) no-repeat right;
	}	
#footer .right a {
	padding-right:60px;
	}
#footer div.right:hover {
	background: url(images/NEXThover.gif) no-repeat right;
	} /*IE does NOT see this DIV:hover*/
	
	
/* Important sticky navigation formatting */
#nav a:hover, body#home #homelink a, body#web #weblink a, body#graphic #graphiclink a, body#multi #multilink a, body#other #otherlink a {
	color: cyan;
	background: url(images/Esmallbluepointer.gif) repeat-y left;
	}

/*]]>*/