/* Base Styles */
body, input, textarea, select { font-family: Verdana, Helvetica, Arial; font-size: 12px;  }
body { margin: 0 0 20px 0; padding: 0px; }

body { background: #1f1f1f; color: #ffffff; }

a { text-decoration: none; color: #ffffff; }
a:hover { }

form { padding: 0px; margin: 0px; }

.center { text-align: center }
.left { float: left }
.right { float: right }

.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

img { border: 0px; padding: 0px; margin: 0px; }

/* Container */
#container { background: #000000 url('/images/bgContainer.jpg') repeat-x; width: 100%; height: auto; }
#subcontainer { width: 678px; height: auto; margin: 0 auto 0 auto; }

/* Header */
#header { width: 100%; height: 206px; }

#header img { float: left; }
#header h2 { float: right; margin: 0px; padding: 160px 0 0 0; font-size: 18px; color: #a20413; font-weight: normal; }

/* Nav */
#nav { width: 100%; height: 24px; }

#nav ul { width: 100%; height: auto; margin: 0px; padding: 0px; list-style: none; font-size: 10px; text-align: center; }

#nav li { float: left; width: 96px; height: 20px; margin: 0px; padding: 4px 0 0 0; background: url('/images/liNav.jpg') repeat-x; }
#nav li:hover, #nav li.iehover { background: url('/images/liNav_r.jpg') repeat-x; cursor: pointer; }

#nav .seperator { float: left; width: 1px; height: 14px; margin: 4px 0 4px 0; padding: 0px; color: #a20413; background: #a20413; font-size: 0px; }
#nav .seperator:hover { background: #a20413; }

#nav a { color: #ffffff; }

/* Content */
#content { width: 100%; height: auto; margin: 0px; padding: 20px 0 20px 0; }

#content h1 { margin: 0px; padding: 0px; font-size: 20px; color: #a20413; }
#content h2 { margin: 0px; padding: 15px 0 0 0; font-size: 15px; color: #a20413; }
#content h3 { margin: 0px; padding: 15px 0 0 0; font-size: 13px; color: #a20413; }

#content p { padding: 15px 0 0 0; margin: 0px; }

#content a { font-weight: bold;  }
#content a:hover { text-decoration: underline; color: #ffffff; }

#content ul { margin: 0px; padding: 10px 0 0 40px; }
#content ul li { margin: 0px; padding: 5px 0 0 0; }

#content .photos { float: right; margin: 0px; padding: 15px 0 0 15px; width: 250px; height: auto; }
#content .photos img, #content .photos #flash { border: 1px solid #a20413; margin: 0px 0 5px; padding: 0px; }
#content .photos #flash { width: 250px; height: 170px; }

#content .links { list-style: lower-roman; font-size: 11px; font-style: italic; }
#content .links a { font-weight: normal;  }

#content .borderwhite { border: 1px solid #ffffff }

#content .contact { width: 330px; }
#content .contact .text { width: 200px; }

#content .contact dl { width: 330px; height: auto; margin: 0px; padding: 0px; font-size: 11px; }
#content .contact dt { clear: both; float: left; width: 120px; height: auto; margin: 0px; padding: 15px 0 0 0; }
#content .contact dd { float: left; width: 200px; height: auto; margin: 0px; padding: 15px 0 0 0; }

#content .left { float: left; }
#content .right { float: right; }

/* Footer */
#footer { width: 100%; height: 100px; margin: 0px; padding: 10px 0 0 0; background: #1f1f1f url('/images/bgFooter.jpg') repeat-x; text-align: center; font-size: 10px; }

#footer p { padding: 5px 0 0 0; margin: 0px; }

#footer .adwords { clear: both; margin: 15px auto 15px auto; padding: 0px; }

