@charset "utf-8";

/* --------------- CONTENTS --------

- Neutralize browser styling : http://lab.christianmontoya.com/initial-css/initial.css
- Global element styles
- Custom classes for elements
- Layout divs

*/

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}
li, dd, blockquote {
    margin-left: 7%;
}
li, ul {
	text-align: left;
}
form label {
	cursor: pointer;
}
img {
    border: 0;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
	font-family: inherit;
}

/* --------------- Global element styles -------- */

body {
	color: #000000;
	background-color: #CCCCFF;
	font-family: "Georgia", serif;
	font-size: 100%;
	margin-top: 30px;
	text-align: center;	
}
div {
	text-align: left;
}
p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 4% 1em 4%;
	text-align: left;
}
h2 {
	padding: 5px 0 0 4%;
	font-size: 1.3em;
}
h3 {
	padding: 5px 0 0 4%;
	font-size: 1.2em;
}
a { 
	color: #FF0033; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline;
}
form { 
	display: inline; 
}
table {
	padding-left: 15px;
}
td {
	text-align: left;
	vertical-align: middle;
	padding-right: 10px;
}
input, textarea {
	background-color: #FFFFFF;
	color: #000000; 
	margin: 4px; 
	padding: 3px;
	border: 1px solid #000000;
}
select { 
	background-color: #FFFFFF; 
	color: #000000; 
	margin: 0px 4px 0px 4px; 
	border: 1px solid #000000; 
}


/* --------------- Custom classes for elements -------- */


p.small {
	font-size: 0.9em;
	text-align: center;
}
span.small {
	font-size: 0.9em;	
}
p.center {
	text-align: center;	
	margin: 5px 0px 5px 0px;
}
p.welcome:first-letter {
	font-size: x-large;	
}
p.smaller {
	line-height: 1.4em;	
}
p.category {
    margin-top: 10px; 
    margin-bottom: 10px;    
    font-weight: bold;
    font-size: 1.4em;
    color: #660000;
}
span.item {    
    font-size: 1.15em;
}
span.desc {    
    font-style: italic;
    font-size: 0.9em;
}
span.header {
    font-size: 0.9em;   
}
i.fellas {
    font-size: 0.9em;
    padding-left: 25px;
}
table.pics {
    border: 0;
  
}
table.pics td {
    padding-left: 5px;      
    padding-bottom: 10px;
}

.table_header {
	background: #D3D3D3;
	color: #000000;
	font-weight: bold;
	height: 20px;
}
.td_center {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 10px;
}
.td_left {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 10px;
}
.td_right {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 10px;
}
.container {
	border-top: 1px solid #000000;
}



/* ---------------  Layout divs -------- */

div#container {
	width: 89%;
	margin: 0px auto;
	background-color: #CCCCFF;
}
div#header {
	background-color: #EEEEEE;
	border: 1px dashed #000000;
	color: #660000;
	height: 100px;
	padding-top: 8px;
	text-align: center;
}
html>body div#header {
	height: 90px;
} 
div#navbar {
	border: 1px dashed #FAA819;
	background: #234;
	font: 1.3em Georgia, Times, serif;
	height: 2.8em;
	min-width: 600px;
	margin-top: 15px;
    text-align: center;
    padding-top: 15px;     
}
html>body div#navbar {
	height: 2.4em;
}

div#navbar a {
	text-decoration: none;
	color: #eee;
	background: #234;
	padding-left: 25px;
	margin-top: 5px;
}
div#navbar a:hover {
	color: #fc3;
}


div#logged_in {
	border-bottom :1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 7px;
	padding-bottom: 8px;	
	text-align: center;
}
div#content {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	float: right;
	clear: right;
    width: 100%; 
	height: auto !important; /* CSS hack for IE6, enforces the min-height property */
   	height: 250px;
  	min-height: 250px;
	line-height: 0.45cm;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 20px 0 10px 10px;	
}
html>body div#content { 
    width: 98.5%
}

div#subNav {
	margin: 15px 0 15px 0;
	width: 18%;
	float: left;	
}
div#footer {
	margin-bottom: 15px;
	clear: left;
	width: 100%;
	background-color: #DDDDDD;
	border: 1px dashed #000000;
	padding: 15px 0 15px 15px;	
	text-align: center;
	font-size: 1em;
}
html>body div#footer {
	width: 98.4%;
}

div#holder {
	float: left;
	width: 100%;
}


/* subNav */
#subNav { 
	color: #333; 
}

#subNav a:link, #subNav a:visited {
	text-decoration: none;
	color: #333;
}

#subNav a:hover { 
	color: #369; 
}

#subNav ul {
	margin: 0;
	margin-left: -15px;
	padding: 0;
	list-style: none;
}

#subNav li { 
	background: #E4E4E4; 
	padding: 10px 0 0 8px;
}
#subNav li li { 
	margin-top: 8px; 
	padding-top: 3px;
	background: #FDF3D7; 
}
#subNav li li a { 
	border-bottom: 1px solid #E4E4E4; 
}
#subNav li a {
	display: block;
	margin: 0;
	padding: 0 10px 0 10px;
	line-height: 2.2em;
	border-bottom: 1px solid #fff;
}

/* \*/
* html body #subNav li a { 
	height: 1em; 
}

/* */
#subNav li li a {
	padding: 0 10px 0 20px;
	line-height: 2.2em;
}