/* COLORS:
red:        #ff0012
light grey: #dbdbdb
mid grey:   #b7b7b7
dark grey:  #414141
*/

body {
	font: 80% Arial, Helvetica, Verdana, sans-serif;
	margin: 3px 3px 3px 3px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #7b7b7b;
	line-height: 140%;
}

/* *************
**
** Layout styles
**
************ */

#container {
	width: 830px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	width: 491px; height: 600px; float: left; font-size: 13px; line-height: 16px; padding: 40px 0 0 0; margin-right: 3px; }



#leftBar {
	width: 160px; float: left; margin-right: 3px; }
#rightBar {
	width: 160px; height: 600px; float: left; }



#homeLeftBox { padding: 1px 0 10px 15px; text-align: right; color: #414141; background-color: #b7b7b7; }

#homeLeftBox a, #homeLeftBox a:link, #homeLeftBox a:visited { width: 127px; height: 15px; display: block; clear: both; }
#homeLeftBox a:hover, #homeLeftBox a:active { color: white; }

#homeRightBox { width: 100%; padding: 10px 0 10px 15px; margin: 100px 0 0 0; color: #414141; background-color: #dbdbdb; font-size: 10px; }

#homeRightBox p { padding: 0; margin: 0 0 2px 0; }



#insideLeftBox { padding: 6px 0 8px 0; margin: 0 0 0 3px; width: 119px; text-align: right; color: #414141; background-color: #b7b7b7; }

#insideLeftBox a, #insideLeftBox a:link, #insideLeftBox a:visited { width: 110px; font-size: 12px; height: 15px; display: block; clear: both; }
#insideLeftBox a:hover, #insideLeftBox a:active { color: white; }

#insideRightBox { padding: 20px 0 20px 10px; margin: 330px 0 0 40px; color: #414141; background-color: #dbdbdb; font-size: 9px; }

#insideRightBox p { padding: 0; margin: 0 0 2px 0; }


#gallery { display: none; }


/* *************
**
** Default styles
**
************ */

h1 { color: 535353; font-weight: normal; font-size: 16px; padding: 20px 0 0 0; margin: 0 0 5px 0; }

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

hr { border: 0; border-bottom: solid 3px #ff0012; padding: 20px 0 0 0; }

ul { margin:0; padding: 10px 0 0 0; }

li { margin: 0; padding: 0 0 10px 0; list-style: none; font-style: italic; }


/* *************
**
** Misc styles
**
************ */

.logotext { font-weight: bold; line-height: 120%; margin: 0 0 5px 0;  }

.quote { width: 300px; float: right; font-weight: bold; font-style: italic; margin: 0 0 15px 20px; }

#gallerytext { color: #ff0012; text-align: right; font-weight: 11px; }

#gallerytext a, #gallerytext a:link, #gallerytext a:visited { color: #ff0012; text-decoration: none; }
#gallerytext a:hover, #gallerytext a:active { color: #414141; text-decoration: none; }