/************************************************************************
This is the primary CSS sheet for the Jaime Corum - Equine Art 
website. This sheet is responsible for setting site defaults, including
backgrounds, fonts, colors, etc. If needed, this sheet may be
supplemented with additional sheets.
************************************************************************/

body {
	margin:0;
	padding:0;
	background: #123238;
	font-family:arial,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#f4f4f4;
	text-align:center;
}

/* Font-size is set at approx. 11px or 8pt. */
body div#document	{
	width : 846px; /* sets overall content width */
	Font-size:100%;
	line-height:1.3em;
	margin:0 auto;
	text-align : left;
	background:#63747c;
}


/****************** IMPORTANT DEFAULTS *******************/
/* The following rule exists to fix an IE 5 PC bug */
body table {
	font-size: 100%;
	width:100%;
	table-layout:fixed;
}

/* Zeroing element margins/padding */
h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	margin: 0;
	padding: 0;
}

/* Image defaults */
img {	
	border:0;
	display:inline;
}

/* Input adjustments */
input, select, textarea  {
	font-size: 100%;
	color:#000;
	font-family:arial,helvetica,sans-serif;
}

tr { vertical-align:top; }

p {
	margin: 0 0 1em 0;
	padding:0;
}

a, 
a:link, 
a:active,a:visited {
 	color:#FF9650;
}
a:hover { 
	color:#ACB7D6;
}
 
ul {
 	list-style-type:none;
}

ul li {
 	padding-left:17px;
	padding-bottom:7px;
 	list-style-type:none;
	/*background:left .4em url('/images/bul_arrow.gif') no-repeat;*/
 }
 
 h1 {
 	color:#00007c;
	font-size:175%;
	padding-bottom:20px;
 }

/****************** END IMPORTANT DEFAULTS *******************/





/****************** UTILITY *******************/
.bold { font-weight:bold; }
.italic {	font-style:italic; }

.stroke { border:1px solid #363B4A; }

.bgLite {
	background:#e7e7d9;
	color:#123238;
}
.bgLite a, 
.bgLite a:link, 
.bgLite a:active,
.bgLite a:visited {
 	color:#AD4500;
}
.bgLite a:hover { 
	color:#4C6E97;
}

.odd { background:#d3d6cb; }
/****************** END UTILITY *******************/



/****************** TOP NAV *******************/
#topNav {
	height:24px;
	position: relative;
	top: 0;
 }
.topNavRelative {
	position: relative;
	height: 24px;
}

.topButton {
	position: absolute;
	overflow: hidden;
	height: 24px;
}
#topNav div div a {
	position: relative;
	margin:0;
}
#topNav div div a:hover,
#topNav div.selected div a {
	margin-top: -24px;
	top: -24px;
}
/****************** END TOP NAV *******************/




/****************** MASTHEAD AND FOOTER *******************/

#masthead {
	height:91px;
	table-layout:auto;
}


#footer {
	color:#F8EB79;
	background-color:#123238;
	padding:15px;
	text-align:center;
	font-size:85%;
}

/****************** END MASTHEAD AND FOOTER *******************/



/****************** MAIN BODY *******************/
#mainBody { padding: 15px 13px 18px; }
/****************** END MAIN BODY *******************/