/* CSS Document */

/*PAGE LAYOUT*/
body     { color: #404040; font: 76% Verdana, Tahoma, Arial, sans-serif; background-color: #999; margin: 0 auto; padding: 0 }

#wrap    { background: #212118; margin: 0 auto; padding: 15px; width: 850px }
p { font-size: 12px; line-height: 30px }
#header      { margin: 0; padding: 0 }
#menu  { padding-top: 12px; padding-bottom: 12px; padding-left: 12px; clear: both }
#menu a { color: blue; text-decoration: underline }
#menu a:link { color: #999; font-weight: bold; text-decoration: none }
#menu a:visited { color: #999; font-weight: bold; text-decoration: none }
#menu a:hover  { color: #fc0; font-weight: bold; text-decoration: none }
#menu a:active { color: #999; font-weight: bold; text-decoration: none }
#photo   { }
#divider     { font-family: Georgia, "Times New Roman", Times, serif; background-image: url("../media/images/gradient-yellow.gif"); margin: 0; padding: 0; height: 75px }
#divider h1      { color: #000; font-size: 28px; font-weight: bold; word-spacing: 1px; letter-spacing: 3px; margin: 0; padding: 0; position: relative; top: 4px; left: 25px }
#divider h2    { color: #000; font-size: 14px; font-variant: normal; font-weight: bold; margin: 0; padding: 0; position: relative; top: 4px; left: 25px }
#divider img { color: #000; font-size: 13px; font-variant: small-caps; font-weight: bold; margin: 0; padding: 0; position: relative; top: -40px; left: 10px }
.text   { color: #fff; font-weight: bold; position: absolute; top: -1px; left: -1px }
/************* CONTENT ************/

#content  { background-color: #ccc; margin: 0 auto; padding: 0; width: 850px }
#left   { background-color: #fff; padding: 0 30px 40px; width: 580px; float: left }
#left h1 { font-size: 18px; padding-top: 24px; padding-bottom: 2px }
#left h2  { font-size: 16px; padding-top: 24px; padding-bottom: 2px; border-bottom: 1px solid #000 }
#left p    { color: #000; font-size: 13px; line-height: 30px }

#right   { background-color: #ccc; padding: 0 20px 5px; width: 170px; float: right }
#right img  { background-color: #fff; padding: 4px }
#right h2  { color: #333; font-size: 13px; padding-top: 8px }
#right p  { font-size: 11px; line-height: 14px }
#right a { color: blue; text-decoration: underline }
#right a:link   { color: #630; font-weight: bold; text-decoration: none }
#right a:visited   { color: #630; font-weight: bold; text-decoration: none }
#right a:hover   { color: #f90; font-weight: bold; text-decoration: none }
#right a:active { color: #999; font-weight: bold; text-decoration: none }

#right ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#right li   { display: inline; padding: 6px }
#home-right   { color: #333; background-color: #ccc; margin-right: 0; padding: 8px 8px 8px 16px; width: 240px; float: right }


/*FOOTER*/
#footer-short { text-align: center; margin-top: 1px; padding-top: 1px; clear: both }
#footer     { text-align: center; margin-top: 5px; padding-top: 5px; clear: both }
#footer a { color: blue; text-decoration: underline }
#footer a:link  { color: #666; font-weight: bold; text-decoration: none }
#footer a:visited  { color: #666; font-weight: bold; text-decoration: none }
#footer a:hover   { color: #fc0; font-weight: bold; text-decoration: none }
#footer a:active { color: #999; font-weight: bold; text-decoration: none }
.image-wrap-left  { margin: 4px 8px 4px 4px; float: left; border: solid 1px #000 }