body { text-align: center; background:#E3EEF4}

/* #B0C4DE}   #E3EEF4*/

div#header {width: auto; margin: auto; text-align: left; border: 1px #C1CDCD solid; background: #FFFFFF}
div#headout {border-bottom: 5px #E3EEF4 solid}
div#whole {width: 800px; margin: auto; text-align: left; border: 1px black solid; background:#FFFFFF}
div#navigation {width: 100%; height:100%; float:left; background:#b7d7e6; text-align:center}

/*#0066CC  #E3EEF4  #b7d7e6   #8cc784*/


div#links {margin: auto; }

/*for all other links*/
a:link { color: blue; text-decoration: underline }
a:active { color: black; text-decoration: underline }
a:visited { color: blue; text-decoration: underline }
a:hover { color: red; text-decoration: underline }



/*to be used with the shirt thumbs*/
a.new:link { color:#000000; }
a.new:active { color:#000000; }
a.new:visited { color:#000000; }
a.new:hover { color: red; }

/* for the side bar*/
a.side:link { color: black; text-decoration: none; font-family: "Comic Sans MS"; font-weight: bold; font-size:13pt }
a.side:active { color: black; text-decoration: none; font-family: "Comic Sans MS"; font-weight: bold; font-size:13pt }
a.side:visited { color: black; text-decoration: none; font-family: "Comic Sans MS"; font-weight: bold; font-size:13pt }
a.side:hover { color: black; text-decoration: underline; font-family: "Comic Sans MS"; font-weight: bold; font-size:13pt }

p#side {margin: 0px; margin-bottom:20px}



/*For new items to the site*/
a.newtome:link { color: red; text-decoration: none; font-family: "Arial" }
a.newtome:active { color: red; text-decoration: none; font-family: "Arial" }
a.newtome:visited { color: red; text-decoration: none; font-family: "Arial" }
a.newtome:hover { color: red; text-decoration: none; font-family: "Arial" }


div#email { width:460px; margin:auto; border: 1px #C1CDCD solid; background:#f6f6e9; text-align:center}

 /*background:#FFFFFF url(emailbkgd.gif) repeat-x top; }*/

/*background: #DCDCDC*/



div#cartoon {border: 1px #B0C4DE solid; width: 320; height: 310; position: relative; left: 75px; background: #B0C4DE }




div#searchbox {background:#FFF68F; padding-top:20px; width:400px; margin:10px}

div#jobapp {background:	#FAF5ED; width:450px; text-align:right; margin:auto; border: #B22222 solid 1px}

div#toggle {display:none;}
div#togglet {display:none;}
div#toggleup {display:none;}

table.custom {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: #FAF5ED;
}

table.custom td {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #FAF5ED;
	-moz-border-radius: 0px 0px 0px 0px;
}



table.layout {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}
table.layout th {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.layout td {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}



table.sell {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: #ffffcc;
}
table.sell th {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #ffffcc;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sell td {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #ffffcc;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.concept {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: #66FF99;
}
table.concept th {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #66FF99;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.concept td {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #66FF99;
	-moz-border-radius: 0px 0px 0px 0px;
}



.cartable, .cartable TD, .cartable TR
{
font-family:arial;
font-size:13pt;
border: 1px #C1CDCD solid;
}



div#searchbox {background:#fff9dd; padding-top:20px; width:400px; margin:10px}

table.search {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: #fff9dd;
}
table.search td {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #fff9dd;
	-moz-border-radius: 0px 0px 0px 0px;
}






div#whole {overflow: auto}

div#body {float:left; margin:auto; max-width:647; background: white; overflow: auto}
div#bottom {float:left; width:798; margin-top:20px; text-align:center;}


div#design {float:left; margin-left: 24px; margin-bottom: 20px; font-family: arial;font-size:12pt}

p#sendit{font-family:arial; font-size:13pt; margin:30px}

div#job {font-family:arial; font-size:13pt;text-align:left; margin:10px; margin-bottom:30px}
div#jobapp {background:	#FAF5ED; width:450px; text-align:right; margin:auto; border: #B22222 solid 1px}

p#title {font-family: arial; font-size: 34pt; margin: 15px; text-align:center}

input.large {font-family:"Comic Sans MS"; font-size: 16px; font-weight:bold}

.noborderfloatright {float:right; border:0px; margin:10px;}

p#forlinks {width:75%; font-family:arial; font-size:13pt; text-align:left; padding:3px; margin:10px; margin-top:2px; margin-botton:0px; background: #F0F0F0; border: 1px solid #D0D0D0}



/*for the links to the cartoons*/
a.cartoon:link { color: blue; text-decoration: underline; font-family:arial; font-size:14pt }
a.cartoon:active { color: black; text-decoration: underline; font-family:arial; font-size:14pt }
a.cartoon:visited { color: blue; text-decoration: underline; font-family:arial; font-size:14pt }
a.cartoon:hover { color: red; text-decoration: underline; font-family:arial; font-size:14pt }


/*For the shirt description pages*/
div#total {overflow:auto; margin:20px; margin-top:0px; width:608px}
span#bigpic {float:left}
span#picdes {float:right; width:300px; height:388px; background:#99CCFF; border:1px solid #C1CDCD; margin-bottom:5px}
p#deswords {font-family:arial; font-size:13pt; margin:30px; text-align:left}
span#buyit {background:#FFFFCC; width:419px; height:233px; float:left; overflow:auto; border:1px solid #C1CDCD}
span#cartit {float:left; margin:20px}
span#price {float:left; text-align:left; margin:20px}
span#littlepic {float:right}

p#rightover {float:right; color:#fff; margin:0px}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 50px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #000000;
	color : #666;
	float : left;
	font-size : 14pt;
	font-weight : normal;
        font-family : "Comic Sans MS";
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 200px;
	position :absolute;
	top : 200px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : 12pt;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}