/** GLOBAL RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 0; color: black; background: white; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/** GLOBAL STYLES **/

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #333333;
	background-color: #24262c;
	text-align: center; /* Needed for IE5x Bug */
}

h1 { margin: 0; padding: 20px 0 20px 0; font-size: 22px; font-weight: normal; color: #6d0114; text-align: left; font-family: helvetica, arial, verdana, sans-serif; letter-spacing: 1px; }
h2 { margin: 0; padding: 5px 0 10px 0; font-size: 16px; font-weight: bold; color: #353535; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }
h3 { margin: 0; padding: 15px 0 10px 0; font-size: 20px; font-weight: bold; color: #353535; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }
h4 { margin: 0; padding: 15px 0 15px 0; font-size: 20px; font-weight: bold; color: #6d0114; text-align: left; font-family: helvetica, arial, verdana, sans-serif; letter-spacing: 1px; }
p { margin: 0; padding: 0 0 20px 0; text-align: justify; }
a { color: #1657c0; text-decoration: underline; }
a:focus { outline:none }
a:hover { color: #b00006; text-decoration: underline; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }
ol { text-align: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 15px; line-height: 1.3em; }
ul { text-align: left; margin-top: -5px; margin-bottom: 0; padding-top: 0; padding-bottom: 10px; line-height: 1.3em; }
ol li, ul li { padding: 5px 0; }
blockquote { margin-left: 18px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.small { font-size: 12px; }


/** STYLES **/

#topbar { width: 100%; height: 11px; background: #000 url(../images/global/top_bar.gif) repeat-x top left; }

#header { width: 100%; height: 285px; text-align: center; background: #450f16 url(../images/global/header_bkg.jpg) repeat-x top center; }

#contentLayout { width: 100%; background-color: #fff; }
#content { width: 920px; margin: 0 auto; padding-bottom: 30px; text-align: left; background: #fff url(../images/global/mask_top.jpg) no-repeat bottom right; }

.colleft, .colleftHome { float: left; width: 600px; text-align: left; }
.colright { float: right; width: 250px; padding-bottom: 70px; text-align: center; }
.colleftHome p { font-size: 14px; line-height: 1.7em; padding: 20px 0 0 0; }

.recent { margin-top: 37px; }
.recent p { font-size: 12px; padding: 10px 0 0 0; text-align: left; line-height: 1.3em; }
.recent a.title { font-size: 12px; font-weight: bold; color: #000; padding-left: 20px; text-decoration: none; background: #fff url(../images/global/arrow.gif) no-repeat center left; }
.recent a { color: #333333; text-decoration: none; }
.recent a:hover, .recent a.title:hover { color: #b00006; text-decoration: none; }

#videos { text-align: center; }
#videos object { margin: 20px 0; }

#news p { padding: 0 0 10px 0; }
#news .divide { margin: 15px 0; width: 100%; height: 1px; border-bottom: 1px dashed #ccc; }
#news img { float: left; padding: 3px; border: 1px solid #ccc; margin: 0 15px 10px 0; }
#news h2 { padding-bottom: 0; }

.tabler { font-size: 14px; margin: 10px 0; }
.tabler th { padding-right: 10px; padding-bottom: 5px; font-weight: bold; }
.tabler td { padding-bottom: 5px; }

.team { margin: 10px 0 40px 0; }
.team img { padding: 3px; border: 1px solid #ccc; margin-right: 25px; }
.team h2 { padding: 0; }
.team p { padding: 10px 0 5px 0; }

a.backtotop { font-size: 12px; padding-left: 20px; text-decoration: none; background: #fff url(../images/global/arrow.gif) no-repeat center left; }
a.backtotop:hover { text-decoration: none; }

.photo { padding: 3px; border: 1px solid #ccc; }

#quote { float: right; margin-top: 32px; width: 414px; background: #fff url(../images/global/logo_text.gif) no-repeat top left; }
#quote p { color: #74081f; font-family: serif; font-size: 18px; line-height: 1.2em; font-weight: normal; text-align: left; font-style: italic; padding: 50px 0 0 0; }
#quote .name { padding: 8px 0 0 0; text-align: right; font-size: 14px; color: #666; font-weight: normal }

#footer { width: 920px; margin: 0 auto; padding: 30px 0 85px 0; font-size: 11px; color: #949494; text-align: left; background: transparent url(../images/global/mask_bottom.jpg) no-repeat top right; }
#footer p { font-size: 12px; color: #fff; padding: 0 0 8px 0; text-align: left; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #b00006; text-decoration: none; }

a.bandlink { color: #215590; text-decoration: none; font-weight: normal; font-size: 12px; border-bottom: 1px dotted #215590; }
a.bandlink:hover { color: #b00006; text-decoration: none; border-bottom: 1px dotted #b00006; }


/** NAV **/

#navLayout { width: 100%; height: 39px; background: #000 url(../images/nav/nav_bkg.gif) repeat-x top left; }
#nav { width: 920px; height: 39px; margin: 0 auto; }

.chromestyle { float: right; width: 730px; height: 39px; }

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{ width: 730px; margin: 0; padding: 0; text-align: center; list-style-type: none; }
.chromestyle ul li { display: inline; float: left; margin: 0; padding: 0; }
.chromestyle ul li a { display: block; height: 39px; text-indent: -9999px; }

.chromestyle li.home a { background: url(../images/nav/home.gif) no-repeat; width: 72px; }
.chromestyle li.home a:hover, .chromestyle li.home a.selected { background: url(../images/nav/home.gif) no-repeat 0 -39px; }

.chromestyle li.treaty a { background: url(../images/nav/treaty.gif) no-repeat; width: 83px; }
.chromestyle li.treaty a:hover, .chromestyle li.treaty a.selected { background: url(../images/nav/treaty.gif) no-repeat 0 -39px; }

.chromestyle li.meetings a { background: url(../images/nav/meetings.gif) no-repeat; width: 166px; }
.chromestyle li.meetings a:hover, .chromestyle li.meetings a.selected { background: url(../images/nav/meetings.gif) no-repeat 0 -39px; }

.chromestyle li.news a { background: url(../images/nav/news.gif) no-repeat; width: 71px; }
.chromestyle li.news a:hover, .chromestyle li.news a.selected { background: url(../images/nav/news.gif) no-repeat 0 -39px; }

.chromestyle li.qas a { background: url(../images/nav/qas.gif) no-repeat; width: 69px; }
.chromestyle li.qas a:hover, .chromestyle li.qas a.selected { background: url(../images/nav/qas.gif) no-repeat 0 -39px; }

.chromestyle li.galleries a { background: url(../images/nav/galleries.gif) no-repeat; width: 105px; }
.chromestyle li.galleries a:hover, .chromestyle li.galleries a.selected { background: url(../images/nav/galleries.gif) no-repeat 0 -39px; }

.chromestyle li.links a { background: url(../images/nav/links.gif) no-repeat; width: 72px; }
.chromestyle li.links a:hover, .chromestyle li.links a.selected { background: url(../images/nav/links.gif) no-repeat 0 -39px; }

.chromestyle li.contact a { background: url(../images/nav/contact.gif) no-repeat; width: 92px; }
.chromestyle li.contact a:hover, .chromestyle li.contact a.selected { background: url(../images/nav/contact.gif) no-repeat 0 -39px; }

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
font: normal 13px arial, verdana, helvetica, sans-serif;
z-index:100;
background-color: #24262c;
width: 180px;
visibility: hidden;
text-align: left;
margin-top: -1px;
border-top: 1px solid #525252;
}


.dropmenudiv a{
width: 180px;
display: block;
text-indent: 17px;
border-bottom: 1px solid #525252;
padding: 6px 0;
text-decoration: none;
font-weight: normal;
color: #fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ background-color: #000; text-decoration: none; color: #b00006; }
