/* general styles*/
* { margin: 0; padding: 0; }
img { border: none; }
a { color: #104162; }
a:hover { text-decoration: none; }
/*img, div { behavior: url(iepngfix.htc) }*/ /* moved to separate file */
p { padding-top: 15px; line-height: 20px;}
body { background: url(images/bkg.png) repeat-x top #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1b1b1b; line-height: 16px; }
h1 { font-size: 24px; font-weight: normal; margin-top: 10px; }
h2 { font-size: 13px; font-weight: bold;  color: #184a53; margin-bottom: 0px; }

/* header */
#wrap { width: 858px;  margin: 5px auto;}
#header { background: url(images/topbar.gif) no-repeat top; width: 858px; height: 117px; }
#header musicplayer {float; right; margin: 10px 10px 10px 10px}

/*menu */
#menu ul { border-left: solid 1px #0765a5; }
#menu li { display: block; float: left }
#menu li a {  color: #fff; text-decoration: none; font-size: 14px; line-height: 24px; float:left; width: 167px; height: 24px; text-align: center; border-right: solid 1px #fff; padding-top: 4px; }
#menu li a.yellow { background: #ffa801; width: 167px; }
#menu li a.blue { background: #0765a5; width: 167px; }
#menu li a.orange { background: #ff6600; width: 179px; }
#menu li a.green { background: #72a701; width: 174px;}
#menu li a.red { background: #e62f0d; border-right: none; width: 167px; }

/* content */
#contenttop { background: url(images/bkg_content_top.gif) no-repeat top; width: 858px; height: 28px; display: block; }
#contentbottom { background: url(images/bkg_content_bottom.gif) no-repeat top; width: 858px; height: 28px;  padding: 28px 0px 0px 0px;  }
#content { background: url(images/bkg_content.gif) repeat-y top; width: 798px; padding: 20px 30px 0px 30px; }


.col1 { width: 350px; padding: 40px 0px; }
.col2 { width: 425px; padding: 20px 0px; }

.col1 img { float: left; margin: 0px 10px 0px 0;}

/*boxes */

.box2 { width: 230px; height: 150px; padding: 8px 8px; margin: 20px 10px 0; color: #184a53; font-size: 11px; position: relative;}
.lightblue { background: url(images/box_lightblue.gif) no-repeat top left;  }
.topblue { background: url(images/box_blue_top.gif) no-repeat top; }
.bottomblue { background: url(images/box_blue_bottom.gif) no-repeat bottom; }
.toplightblue { background: url(images/box_blue_top.gif) no-repeat top; }
.bottomlightblue { background: url(images/box_blue_bottom.gif) no-repeat bottom; }


/* footer */
#footer { font-size: 10px; }
#footer li { display: inline; border-right: solid 1px #ff6600; padding: 0 5px; }
#footer li a {  color: #ff6600; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }
#footer li.last { border: none; }


/* contentbottom */
#contentbottom ul {padding-right: 10px; float: left;}
#contentbottom li { display: inline; padding: 0px 5px 0px 0px; color: #ffffff;}
#contentbottom li a { color: #ffffff; text-decoration: none; }
#contentbottom li a:hover { text-decoration: underline; }


/* other */
.slogan { text-align:center;}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.word { margin-bottom: 15px; }
.register { text-align: center; }
.register-bottom { height: 15px; }
.phrase { text-align: center; font-size: 14px; }
.copyright{color: #272727; padding-left: 18px;}
.link a { color: #184a53; padding-left: 20px; line-height: 28px; text-decoration: none; vertical-align:bottom;}
.link a:hover { text-decoration: none; }

.show {font-weight: bold;position: absolute; right: 44px; bottom: 20px;}
.edit { background: url(images/edit.png) no-repeat left; position: absolute; right: 10px; bottom: 20px;}
.doc { background: url(images/doc.png) no-repeat left; }
.more { background: url(images/more.png) no-repeat left; position: absolute; left: 16px; bottom: 20px;}

.btnav { background-color: #fffffF;}

/*dropdown navigation*/
#navbar { z-index:999; padding-bottom:0px; width:100%;  }
#nav {z-index:999; width:859px } /* 859 = 858 + 1 so the donations submenu can show in IE6 !!!!!!*/
#navbar a {z-index:999; width:148px; float:left; }


#nav li { z-index:999;list-style:none; display:inline; float:left; position:relative; overflow:visible;}
#nav li ul { width:167px; z-index:998;	display: none; position: absolute;	top:0px;	left: 0px;}
#nav li ul li a { display:block; background:none; padding:4px 0px 4px 10px; color:#333; text-decoration:none; border:1px solid #000; border-top:none; font-size:.9em; height:auto; text-align:left;font-size: 12px;}
#nav li ul { position:absolute;	top: 28px;	left: 0px;	z-index:999; border: none;}
#nav li:hover ul, #nav li.over ul {	z-index:999;	display:block;}


#navbar .aboutus a:link{  background-position:0px 0px;}
#navbar .aboutus a:visited{  background-position:0px 0px;}
#navbar .aboutus a:hover{  background-position:-0px 32px;}
#navbar li.aboutus ul {  border-top: solid 7px #72A701;width:174px; }
#navbar li.aboutus ul li a { background-color:#72A701; border-color:#72A701; width:162px; }
#navbar li.aboutus ul li a:hover { background-color:#B0DFFF; }

#navbar .thetrip a:link{  background-position:-480px 0px;}
#navbar .thetrip a:visited{  background-position:-480px 0px;}
#navbar .thetrip a:hover{  background-position:-480px 32px;}
#navbar li.thetrip ul {  border-top: solid 7px #E62F0D; }
#navbar li.thetrip ul li a { background-color:#E62F0D; border-color:#E62F0D; width:155px; }
#navbar li.thetrip ul li a:hover { background-color:#B0DFFF; }

#navbar .next a:link{  background-position:-160px -0px;}
#navbar .next a:visited{  background-position:-160px 0px;}
#navbar .next a:hover{  background-position:-160px 32px;}
#navbar li.next ul {  border-top: solid 7px #0765A5; }
#navbar li.next ul li a { background-color:#0765A5; border-color:#0765A5; width:155px; }
#navbar li.next ul li a:hover { background-color:#B0DFFF; }

#navbar .golearn a:link{  background-position:-320px 0px;}
#navbar .golearn a:visited{  background-position:-320px 0px;}
#navbar .golearn a:hover{  background-position:-320px 32px;}
#navbar li.golearn ul {  border-top: solid 7px #FFA801; }
#navbar li.golearn ul li a { background-color:#ffa801; border-color:#ffa801; width:155px; }
#navbar li.golearn ul li a:hover { background-color:#B0DFFF; }

#navbar .donate a:link{  background-position:-640px 0px;}
#navbar .donate a:visited{  background-position:-640px 0px;}
#navbar .donate a:hover{  background-position:-640px 32px;}
#navbar li.donate ul {  border-top: solid 7px #FF6600; width:179px;}
#navbar li.donate ul li a { background-color:#FF6600; border-color:#FF6600; width:165px; }
#navbar li.donate ul li a:hover { background-color:#B0DFFF; }