/*

CSS File for Bearskinrug Compositionals.

Copyright 2005 Kevin Cornell. All Rights Reserved.


LISTING ORDER:
------------------------------------------------------

------------------------------------------------------   
*/

/*
STRUCTURE
*/

* {
	padding:0;
	margin:0;
}
body {
	background-color: #CE4242;
	background-image: url("../_images/background_graphic.gif");
	background-repeat: repeat-y;
	background-position: center;
	font-family: Futura, Helvetica Neue, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}
#container {
	margin: 0 auto;
	padding: 75px 0 0 0;
	width: 452px;
	background-color: #000;
}
#footer {
	font-size: 10px;
	color: #D24040;
	padding: 15px;
	margin: 0;
}
a:link , a:visited {
	color: #FDE7B8;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.bordertop {
	border-top-style: solid;
	border-top-color: #000;
	border-top-width: 7px;
	background-color: #CE4242;
}

/*
NAVIGATION
This is the code that styles the main nav, and the rollovers.
*/

#wrap-mast {
	position: relative;
	margin: 0;
	padding: 0;
	width: 452px;
	
}

#mainnav {
	height: 36px;
	width: 452px;
	/*
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mast_fg.gif) no-repeat;
	*/
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	text-align: left;
}
#subnav {
	height: 31px;
	width: 452px;
	/*
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mast_fg.gif) no-repeat;
	*/
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	text-align: left;
}

#mainnav ul#mainmenu	{
	width: 452px;
	background: transparent url(../_images/navmain_comp.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}
#subnav ul#submenu	{
	width: 452px;
	background: transparent url(../_images/navsub_c1.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

#mainnav ul#mainmenu li {
	height: 36px;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#subnav ul#submenu li {
	height: 31px;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
}
	
ul#mainmenu li, ul#mainmenu a {
	height: 36px;
	/*\*/overflow: hidden;/**/
	display: block;
}
ul#submenu li, ul#submenu a {
	height: 31px;
	/*\*/overflow: hidden;/**/
	display: block;
}
	
#mainnav ul#mainmenu li a {
	text-indent: -9999px;
	text-decoration: none;
}
#subnav ul#submenu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#compositionals	{left: 0; width: 223px; background: transparent url(../_images/navmain_comp.gif) top left no-repeat;}
#submissions	{left: 223px; width: 229px; background: transparent url(../_images/navmain_sub.gif) top left no-repeat;}
#submenu1		{left: 0px; width: 155px; background: transparent url(../_images/navsub_c1.gif) top left no-repeat;}
#submenu2		{left: 155px; width: 148px; background: transparent url(../_images/navsub_c2.gif) top left no-repeat;}
#submenu3		{left: 303px; width: 149px; background: transparent url(../_images/navsub_c3.gif) top left no-repeat;}

#compositionals a:hover	{background: transparent url(../_images/navmain_comp.gif) 0 -36px no-repeat;}
#submissions a:hover	{background: transparent url(../_images/navmain_sub.gif) 0 -36px no-repeat;}
#submenu1 a:hover		{background: transparent url(../_images/navsub_c1.gif) 0 -31px no-repeat;}
#submenu2 a:hover		{background: transparent url(../_images/navsub_c2.gif) 0 -31px no-repeat;}
#submenu3 a:hover		{background: transparent url(../_images/navsub_c3.gif) 0 -31px no-repeat;}

/* 
NAVIGATION - YOU ARE HERE
This code displays the appropriate graphic to show what page you're currently in
*/

body#comp1 #compositionals 	{background: transparent url(../_images/navmain_comp.gif) 0 -36px no-repeat;}
body#comp1 #submenu1 			{background: transparent url(../_images/navsub_c1.gif) 0 -31px no-repeat;}

body#comp2 #compositionals 	{background: transparent url(../_images/navmain_comp.gif) 0 -36px no-repeat;}
body#comp2 #submenu2 			{background: transparent url(../_images/navsub_c2.gif) 0 -31px no-repeat;}

body#comp3 #compositionals 	{background: transparent url(../_images/navmain_comp.gif) 0 -36px no-repeat;}
body#comp3 #submenu3 			{background: transparent url(../_images/navsub_c3.gif) 0 -31px no-repeat;}

body#sub1 #submissions 		{background: transparent url(../_images/navmain_sub.gif) 0 -36px no-repeat;}
body#sub1 #submenu1 			{background: transparent url(../_images/navsub_c1.gif) 0 -31px no-repeat;}

body#sub2 #submissions 		{background: transparent url(../_images/navmain_sub.gif) 0 -36px no-repeat;}
body#sub2 #submenu2 			{background: transparent url(../_images/navsub_c2.gif) 0 -31px no-repeat;}

body#sub3 #submissions 		{background: transparent url(../_images/navmain_sub.gif) 0 -36px no-repeat;}
body#sub3 #submenu3 			{background: transparent url(../_images/navsub_c3.gif) 0 -31px no-repeat;}

/*
INSTRUCTIONS
This code pertains to the instructions section of the Compositionals Pages.
*/

#twocolumn {
	border-top-style: solid;
	border-top-color: #000;
	border-top-width: 7px;
	background-color: #CE4242;
	padding: 0;
	margin: 0;
}
.learnmore {
	padding: 17px 10px 15px 0;
	float: left;
	background-color: #CE4242;	
}
#instructions {
	float: left;
	width: 283px;
	border-left-style: solid;
	border-left-color: #000;
	border-left-width: 7px;
	padding: 15px 0 5px 17px;
	background-color: #CE4242;
}
#instructions p {
	padding: 0 0 10px 0;
}
.clearingfoot {
	clear:both;
	margin: 0;
	padding: 1px 0 0 0;
    background-color: #000;

}

/*
INSTRUCTIONS
This code pertains to the instructions section of the Compositionals Pages.
*/

#subcontainer {
	margin: 0;
	padding: 0 0 20px 0;
	background-color: #CE4242;
}
.subentry {
	padding: 15px 15px 0 0;
}
.subentry p {
	padding: 0 0 3px 0;
	margin: 0;
}
.subentry strong {
	font-size: 14px;
	text-transform: uppercase;
}
.subentry img {
	margin: 7px 0 0 0;
	border-top-style: solid;
	border-top-color: #000;
	border-top-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-bottom-width: 7px;
}

/*
ABOUT
This controls the text styling in the main content area of the about page.
*/
#about {
	border-top-style: solid;
	border-top-color: #000;
	border-top-width: 7px;
	background-color: #CE4242;
	padding: 15px 0 5px 0;
	line-height: 17px;
	font-size: 12px;
}
#about p {
	padding: 0 0 10px 0;
}

/*

Copyright 2005 Kevin Cornell. All Rights Reserved.
  
*/