/* ///////////////////////////
	Collective website
/////////////////////////// */



body {
	scrollbar-face-color:#6e6e6e; 
	scrollbar-track-color:#666666; 
	scrollbar-arrow-color:#000000; 
	scrollbar-shadow-color:#000000; 
	scrollbar-dark-shadow-color:#000000; 
	scrollbar-3dlight-color:#000000; 
	scrollbar-highlight-color:#000000;
	margin: 0px;
	padding: 0;
	background:url(images/bodybg.gif) repeat; 
	font-family: 80% Arial, Sans-Serif;
	color: #ffffff;
	line-height: 20px; 
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Sans-Serif;
	margin: 0;
	text-align: center;
}

h2 { font-size: 24px; 	color:green;}

h3 {
	padding: 15px;
	color:green;
}

h4 {
	padding: 5px 0;
	color:green;
}

h5 {
	padding: 5px 0;
	color: #ffffff;
}

p, ol, ul {
	color: #ffffff;
}

#redline {
	border-bottom: 1px solid red;
}
#border {
	border-bottom: 1px solid red;
}



/* ///////////////////////////
   LINKS
/////////////////////////// */


a { 
	color:gold;  
	background: inherit; 
	text-decoration:underline; 
}

a:hover { 
	color:#008000;
	background: inherit; 
	text-decoration:underline; 
}



/* ///////////////////////////
   IMAGES
/////////////////////////// */


.image {
	float: left;
	margin: 5px 5px 0 0;
	border: 2px solid #000000;
}
#img-l {
	padding: 0 0 3px 3px;
	float: left;
}

#img-r {
	padding: 0 0 3px 3px;
	float: right;
}



/* ///////////////////////////
   HEADER
/////////////////////////// */


#header {
	width: 800px;
	height: 160px;
	margin: 0 auto;
	background: #000000;
	text-align: center;
	vertical-align: top;
}

#header h5 {
	padding: 5px 0;
	color: #ffffff;
	font: bold 80% Arial, Sans-Serif; 
}




/* ///////////////////////////
   NAVIGATION MENU
/////////////////////////// */


#menu {
	width: 800px;
	height: 40px;
	margin: 0 auto;
	background: #000000;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font: normal 80% arial, sans-serif;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 113px;
	height: 25px;
	padding: 6px 0 0 1px;
	background: url(images/goldbtn.gif);
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #000000;
}

#menu a:hover, #menu .active a {
	background: url(images/greenbtn.gif);
	color: #ffffff;
}


/* ///////////////////////////
   CONTENT
/////////////////////////// */


#content {
	width: 800px;
	margin: 0 auto;
	background: #000000;
}

#content h5 {
	padding: 5px 0;
	color: #ffffff;
	text-align:center;
	width: 100%;
	font: bold 80% Arial, Sans-Serif; 
}

#colOne {
	float: left;
	width: 190px;
	padding: 7px;
	font: 80% Arial, Sans-Serif; 
	line-height: 20px; 
}

#colTwo {
	float: right;
	width: 570px;
	padding: 7px;
	font: 90% Arial, Sans-Serif; 
	line-height: 20px; 
}

#colThree {
	width: 780px;
	padding: 10px;
	font: 90% Arial, Sans-Serif; 
	line-height: 20px; 
}




/* ///////////////////////////
   FOOTER
/////////////////////////// */


#footer {
	width: 800px;
	height: 120px;
	color: yellow;
	font: 75% Arial, Sans-Serif; 
	text-align:center;
	margin: 0 auto;
	background: #000000;
}


#footer a { 
	color:gold;  
	background: inherit; 
	text-decoration:underline; 
}

#footer a:hover { 
	color:#008000;
	background: inherit; 
	text-decoration:underline; 
}




/* ///////////////////////////
   PHOTO GALLERY NAV BAR
/////////////////////////// */


#gallerynav a {
 text-decoration: none;
 background-color: black;
 color: green;
 padding: .2em 1em;
 border-right: 0px solid black;
 }

#gallerynav a:hover {
 text-decoration: none;
 background-color: black;
 border: 1px solid yellow;
 color: yellow;
 }


/* ///////////////////////////
   MODELERS TIPS OUTLINE
/////////////////////////// */


#modtipslist	{
padding: 3px;
border: none;
width: 13em;
background-color: black;
font: 80% Arial, Sans-Serif;
text-align:left;
}

#modtipslist li		{
list-style: none;
border: 1px solid black;
}

#modtipslist a		{
color: yellow;
text-decoration: none;
display: block;
border-left: 1em solid red;
border-bottom: 1px solid red;
border-top: 1px solid red;
padding: 4px 8px;
}

#modtipslist a:hover { border-color: green; }

#submodtipslist li a	{
border: 0;
border-left: 0.8em solid red;
padding: 3px 4px;
margin-left: -20px;
}


/* ///////////////////////////
   TABLE
/////////////////////////// */

table.redbox {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: red red red red;
	border-collapse: separate;
	background-color: #000000;
}


table.redbox td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid;
	border-color: red red red red;
	background-color: #000000;
	-moz-border-radius: 0px 0px 0px 0px;
	vAlign: top;
	text-align: center;
}


/* ///////////////////////////
   FORM ELEMENTS
/////////////////////////// */
 
 
form {
	margin:10px 15px; padding: 0;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	color: green;
}
input {
	padding:3px;
	border:1px solid yellow;
	font: normal 1em arial, sans-serif;
	color: green;
}
textarea {
	width:435px;
	padding:4px;
	font: normal 1em  arial, sans-serif;
	border:1px solid yellow;
	height:100px;
	display:block;
	color: green;
}
input.button { 
	margin: 0; 
	font: bolder 13px arial, sans-serif;
	border: 2px solid yellow;
	padding: 2px 3px; 
	background: #000; 
	color: green;/* color: green; */
}



/*****************************
      ALIGNMENT CLASSES 
******************************/

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }