@charset "UTF-8"; /* CSS Document */

/* =Universal styles
------------------------------------------------------------------------------*/
body { background: url('../lib/images/gradient.png') repeat-x #f5f5f5; font-size: 62.5%; /* 1em now equals 10px */ font-family: Georgia, Times New Roman, Times, serif, sans-serif;}

.hr { margin: 5em auto; border-top: .1em solid #cccccc; border-bottom: 0; border-left, border-left, border-right: 0; padding: 0; width: 55em; height: 0; }

div.clear { clear: both; border: none; }
span.clear { clear: both; display: block; }
div.height { height: 2.5em; }
.nowrap { white-space: nowrap; }
.none { display: none; }

:lang(he) { letter-spacing: .1em; font-family: sans-serif; }
:lang(th) { position: relative; top: .1em; line-height: .6em; letter-spacing: 0; font-size: 1.3em; font-weight: normal; }
:lang(zh) { font-weight: normal; }
:lang(ar) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 2em; font-weight: normal; }
:lang(ne) { letter-spacing: 0; font-size: 1.2em; }
:lang(bo) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 1.2em; }
:lang(bn) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 1.3em; }
:lang(hi) { position: relative; top: .1em; line-height: .2em; letter-spacing: 0; font-size: 1.3em; }

em { font-style: italic; }
strong { font-weight: bold; }
u { text-decoration: underline; }
.top { margin-top: 0 !important; }
p.text:first-letter { font-size: xx-large; }
input:focus, textarea:focus { background-color: lightyellow; }
.greenLink { color: #008000; text-decoration: underline; font-style: italic; }
img.gsc-branding-img, img.gsc-branding-img-noclear, td.gsc-branding-text div.gsc-branding-text {
	display: none !important; }

/* =navMain
------------------------------------------------------------------------------*/
#navMain { margin: 0 auto; padding-top: 2em; width: 55.2em; height: 8.8em; background: url('../lib/images/basic/hed_travels.gif') no-repeat left 18px; }
.family { background: url('../lib/images/basic/hed_family.gif') no-repeat left 18px !important ; }
.portfolio { background: url('../lib/images/basic/hed_portfolio.gif') no-repeat left 18px !important ; }
.burn { background: url('../lib/images/basic/hed_burn.gif') no-repeat left 18px !important ; }
#navMain p { color:#ECA22D; font-family: courier new, courier, serif; text-align: right; font-size: 1.6em; height: 1em; }
#navMain h1 { display: none; }
#navMain ol { margin: 10px 0 0 180px; list-style-type: none; font-weight: bold; color: #333333; white-space: nowrap; }
#navMain ol li { float: left; font-size: 1.45em; font-style: italic; text-transform: uppercase; }
#navMain ol li a:link, #navMain ol li a:visited { text-decoration: none; color: #333333; font-style: normal; text-transform: lowercase; }
#navMain ol li a:hover, #navMain ol li a:active { text-decoration: underline; color: #0099CC; font-style: normal; }
#navMain h3 { float: right; padding: 5px 10px 0 0; }

/* =pageName
------------------------------------------------------------------------------*/
#pageName { display: table; margin: 1.7em auto -5.7em; padding: .3em; width: 54.4em; background: white; text-align: center; /* IE6 fix - http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/ */ }
#pageName div { border: .1em #999999 dashed; padding: .5em; height: 2.3em; background-color: #CCCCCC; }
#pageName div h1 { display: none; }
#pageName div h2 { padding-top: .075em; font-size: 2em; font-weight: bold; letter-spacing: .25em; white-space: nowrap; }
#pageName div h2 a:link, #pageName div h2 a:visited { color: black; text-decoration: none; }
#pageName div h2 a:active, #pageName div h2 a:hover { color: #b22222; text-decoration: underline; }

/* =pageNav
------------------------------------------------------------------------------*/	
#pageNav { margin: 0 auto 5.7em auto; width: 55em; height: 1.6em; color: #cccccc; text-align: right; }
#pageNav p { text-align: right; letter-spacing: .08em; white-space: nowrap; font-size: 1.2em; }
#pageNav a:link, #pageNav a:visited { text-decoration: none; letter-spacing: .1em; color: #cccccc; }
#pageNav a:hover, #pageNav a:active { text-decoration: none; letter-spacing: .1em; text-decoration: underline overline; color: #b22222; }
#pageNav ul { float: right; font-size: 1.2em; letter-spacing: .08em; }
#pageNav ul li { float: right; padding-left: .3em; }

/* =pageNote
------------------------------------------------------------------------------*/
#pageNote { padding-bottom: 1.4em; color: #666666; text-align: center; letter-spacing: .2em; font-size:1.1em; }

/* =hedNav
With guidance from http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
------------------------------------------------------------------------------*/
.hedNav { float: left; width: 100%; overflow: hidden; position: relative; }
.hedNav h4 { display: none; }
.hedNav ul { clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; letter-spacing: 1px; }
.hedNav ul li { display: block; float: left; position: relative; right: 50%; border-top: #cccccc solid 2px; border-bottom: #cccccc solid 2px; padding-top: 6px; padding-left: 3px; height: 22px; }
.hedNav ul li.left { border: 0; padding: 2px 0 0 15px; background: url('../lib/images/basic/hed_nav_left_round.gif') no-repeat left; height: 30px; }
.hedNav ul li.right { border: 0; padding: 2px 0 0 15px; background: url('../lib/images/basic/hed_nav_right_round.gif') no-repeat left; height: 30px; }
.hedNav ul li a:link { color: blue; font-size: 1.3em; }
.hedNav ul li a:visited { color: grey; font-size: 1.3em; }
.hedNav ul li a:hover, .hedNav ul li a:active { color: #b22222; }

/* =photos
------------------------------------------------------------------------------*/

#photos { margin: 0 auto; }

#photos h2 { padding-bottom: .5em; text-align: center; font-size: 3em; }
#photos h4 { padding-top: 1em; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
#photos h5 { font-size: 1.3em; text-align: center; letter-spacing: .1em; }
#photos img { display: inline; cursor: default; }

#photos div { display: block; width: 800px; margin: 0 auto 1.6em; border: 2em solid #ddd; padding: 1.2em; background-color: white; }
#photos div.ad { margin: 2em auto 0; border: 0; padding: 0; width: 500px; background: none; text-align: center; }
#photos div.vert { width: 600px; }
#photos div.player { width: 425px; text-align: center; }

#photos div h4 { padding-top: 1em; color: black; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
#photos div h5 { padding-top: .75em; color: black; text-align: center; font-size: 1.5em; letter-spacing: 0; }
#photos div h6 { padding-top: .2em; color: black; text-align: center; letter-spacing: .1em; color: #cccccc; font-size: 1.2em; font-weight: 100; }
#photos div p { font-size: 1.5em; line-height: 1.5em; padding: .75em 2em 0; }
#photos div blockquote { margin: 1.5em 8em .5em 5em; font-size: 1.3em; line-height: 1.3em; }
#photos div table { margin: 1em auto; }
#photos div table td { font-size: 1.4em; padding: .25em 1em; }
#photos div ol { margin: 1em 5em 0; font-size: 1.5em; }
#photos div ol li { padding: 0 0 .75em 1em; list-style-type: decimal; }

#photos p.unesco { margin: .8em auto 0 auto; background: url('../lib/images/travels/extras/world_heritage.png') center no-repeat; }
#photos p.unesco a { margin: 0 auto -2em; display: block; width: 117px; height: 51px; text-indent: -999.9em; }

#photos div.hr { margin: 4em auto; border: none; padding: 0; height: 1px; width: 550px; background: repeat-x url('../lib/images/basic/spacer_gray.gif'); text-align: center; }
#photos div.hr hr { display: none; }
#photos .hrSmall { margin: 3em auto; border: none; padding: 0; height: 1px; width: 30em; background: repeat-x url('../lib/images/basic/spacer_gray.gif'); text-align: center; }

#photos a.backTop:link, #photos a.backTop:visited { margin: 2em 0; font-size: 1.2em; color: grey; text-decoration: none; color: #999999; letter-spacing: .1em; display: block; text-align: center; }
#photos a.backTop:hover, #photos a.backTop:active { margin: 2em 0; font-size: 1.2em; text-decoration: overline; color: #999999; dispaly: block; }
#photos a.backTop img { display: inline; margin: 0; padding: 0 }

/* =phoBox
------------------------------------------------------------------------------*/
#photos #phoBox { margin: 0 auto; border: none; padding: 0; width: 580px; background: none; }
#photos #phoBox #phoNav { float: left; margin: 0; border: none; padding: 0 0 11px 0; width: 180px; background: none; background: url('../lib/images/basic/photosBarBottom.png') no-repeat bottom; }

#photos #phoBox #phoNav h2 { margin-bottom: 15px; padding-top: 0; height: 130px; background: url('../lib/images/travels/extras/k1000.png') bottom center no-repeat; color: grey; font-size: 1.3em; font-weight: normal; text-align: center; }
#photos #phoBox #phoNav h3 { padding: 4px 0 0 15px; height: 20px; background: url('../lib/images/basic/photosBar.png') no-repeat bottom; font-size: 1.5em; font-weight: bold; }
#photos #phoBox #phoNav h3.sub { background-image: none; background-color: #cccccc; }
#photos #phoBox #phoNav h3 span.small { display: inline; border: none; padding: 0; background: none; font-size: 70%; font-weight: normal;  }

#photos #phoBox #phoNav p { border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; padding: .25em 0 .75em 0; text-align: center; }
#photos #phoBox #phoNav img { display: block; margin: 0 auto; }
#photos #phoBox #phoNav img.left { margin: 0; }

#photos #phoBox #phoNav ul { border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; padding: 1.5em 0 0 1.5em; }
#photos #phoBox #phoNav ul li { padding-bottom: .75em; font-size: 1.5em; }

#photos #phoBox #phoNav a:link, #photos #phoBox #phoNav a:visited { color: black; text-decoration: none; }
#photos #phoBox #phoNav a:hover, #photos #phoBox #phoNav a:active { color: #b22222; text-decoration: underline; }

#photos #phoBox #phoMap { float: left; margin: 0; border: none; padding: 0 0 0 2em; background: none; width: 375px; text-align: center; }
#photos #phoBox #phoMap h3 { padding: 0; color: grey; font-size: 1.3em; }
#photos #phoBox #phoMap p { padding: 0; color: grey; font-size: 1.3em; }

#photos #phoBox #phoMap a:link, #photos #phoBox #phoMap a:visited { color: grey; }
#photos #phoBox #phoMap a:hover, #photos #phoBox #phoMap a:active { color: #b22222; text-decoration: none; }

#photos #phoBox #phoMap img.pic { display: block; margin: 2em auto .5em; border: .1em solid #ddd; padding: 1.2em; background-color: white; }
#photos #phoBox #phoMap h4 { padding-bottom: 2em; color: grey; font-size: 1.5em; }

#photos #phoBox #phoMap dl { padding: 1.5em 0 0 3em; width: 37.5em; color: grey; text-align: left; }
#photos #phoBox #phoMap dt { padding-bottom: 1em; text-decoration: underline; font-style: italic; font-size: 1.4em; letter-spacing: .2em;}
#photos #phoBox #phoMap dd { padding-bottom: 1em; font-size: 1.4em; }

#photos #phoBox div.clear { clear: both; margin: 0; border: none; padding: 0; background: none; height: .0001em; }

/* = notes
------------------------------------------------------------------------------*/

#notes h3 { margin: 0 auto; padding-top: 3px; width: 550px; max-width: 550px; height: 22px; background: url('../lib/images/basic/h3bar.png') no-repeat; text-align: center; font-size: 2em; font-weight: bold; letter-spacing: .3em; }
#notes h3.itinerary { padding-top: 3px; font-size: 1.8em; letter-spacing: .1em; }
#notes h4 { padding-top: .5em; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
#notes h5 { padding-top: .75em; text-align: center; font-size: 1.3em; }
#notes h6 { padding-top: .2em; text-align: center; letter-spacing: .1em; color: #cccccc; font-size: 1.2em; font-weight: 100; }
#notes img { display: block; margin: 0 auto; }

#notes a:link { text-decoration: underline; color: blue; }
#notes a:hover, #notes a:active { text-decoration: underline overline; color: #b22222; }
#notes a:visited { text-decoration: underline; color: gray; }

#notes .notesBox { margin: 0 auto 2em auto; padding: 1em; background-color: white; width: 53em; }

#notes .notesBox div { border: .1em #cccccc dashed; padding: 2em 2em; }
#notes .notesBox div h4 { margin-bottom: 4em; padding-bottom: .1em; padding-right: 35px; background: url('../lib/images/basic/spacer_black.gif') repeat-x bottom; font-size: 1.5em; font-weight: bold; font-style: italic; line-height: 1.5em; display: inline; text-align: left; }
#notes .notesBox div h4 a { text-decoration: none; }
#notes .notesBox div h5 { font-size: 1.3em; text-align: center; font-weight: bold; }

#notes .notesBox div img { display: block; margin: 0 auto; }
#notes .notesBox div a img { display: inline; padding: 0; }

#notes .notesBox div div { margin: 0 auto; border: none; padding: 0; text-align: center; }

#notes .notesBox div span p { margin: 0 0 .5em; font-size: 1.3em; text-align: center; text-decoration: underline; }
#notes .notesBox div span img { display: inline; }
#notes .notesBox div span.imageLeft { display: block; float: left; margin: 0; border: none; padding: 1em 3em 1em 1em; }
#notes .notesBox div span.imageRight { display: block; float: right; margin: 0; border: none; padding: 1em 0 0 2em; }

#notes .notesBox div p { margin: 1.5em 0; line-height: 2em; font-size: 1.5em; }
#notes .notesBox div div.info { float: left; padding: 1em 1em 0 0; width: 180px; font-size: 1.5em; text-align: left; }
#notes .notesBox div div.details { float: left; padding-top: 1em; width: 280px; font-size: 1.5em; text-align: left; }

#notes .notesBox div blockquote { margin: 0 8em 2em 5em; border-top: .1em dotted #cccccc; border-bottom: .1em dotted #cccccc; }
#notes .notesBox div blockquote.noBorder { border: none; margin: -1.5em 3em 3em; }
#notes .notesBox div blockquote p { font-size: 1.3em; line-height: 1.5em; }
#notes .notesBox div blockquote ol { font-size: 1em; line-height: 1.5em; }

div.notesBox div ol { margin: 1.5em 2em 2em 3em; font-size: 1.5em; }
div.notesBox div ol li { margin-bottom: 1em; line-height: 1.5em; list-style-type: decimal; }

div.notesBox div ul { margin: 1.5em 2em 2em 1em; font-size: 1.5em; list-style-image: url('../lib/images/basic/bullet.gif'); }
div.notesBox div ul li { padding-left: .2em; line-height: 1.5em; }

#notes .notesBox dl dt.top, #notes .notesBox dl dd.top { margin-top: 1em; }
#notes .notesBox dl dt { float: left; padding-left: .5em; width: 4em; font-size: 1.5em; }
#notes .notesBox dl dd { float: left; float:expression("none"); padding-bottom: .8em; width: 27em; font-size: 1.5em; line-height: 1.5em; }

#notes .notesBox div.hr { margin: 4em auto; border: none; padding: 0; height: 1px; width: 35em; background: repeat-x url('../lib/images/basic/spacer_gray.gif'); text-align: center; }
#notes .notesBox div.hr hr { display: none; }

#notes a.backTop:link, #notes a.backTop:visited { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; color: grey; text-decoration: none; color: #999999; letter-spacing: .1em; display: block; }
#notes a.backTop:hover, #notes a.backTop:active { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; text-decoration: overline; color: #999999; dispaly: block; }
#notes a.backTop img { margin: 0; padding: 0; display: inline; }

/* =Travel home
------------------------------------------------------------------------------*/
div#mosquito { position: absolute; text-align: center; top: -2px; width: 100%; height: 0;}
div#mosquito a { position: relative; left: 90px;}
#travelsContent { margin: 30px auto 0; width: 670px; }
#travelsContent .memories { float: left; width: 200px; text-align: center; }
#travelsContent .memories img { padding-bottom: 50px;}
#travelsContent #flags { position: relative; top: 10px; float: left; width: 266px; border: 2px solid #cccccc; border-top: none; background: none; }
#travelsContent #flags div { float: left; width: 130px; height: 96px; font-size: 1.4em; font-weight: normal; text-align: center; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;}
#travelsContent #flags div.eastAsiaFlag { position: relative; top: -6px; font-family: NSimSun, Kai, STKaiti, serif; font-size: 20px; }
#travelsContent #flags div img, #flags div a img {
 auto 0; padding-top: 5px; text-align: center}
#travelsContent #flags div a:link, #flags div a:visited { color: #444444; text-decoration: none; font-weight: bold;}
#travelsContent #flags div a:hover, #flags div a:active { color: #ECA22D; text-decoration: underline;}

.wrap0 { }
.wrap0 .wrap1 { display: table; margin: 1.7em auto -5.7em; padding: .3em; width: 54.4em; background: white; text-align: center; /* IE6 fix - http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/ */ }
.wrap0 .wrap1 .wrap2 { border: .1em #999999 dashed; padding: .5em; height: 2.3em; background-color: #CCCCCC; }
.wrap0 .wrap1 .wrap2 h2 { padding-top: .075em; font-size: 2em; font-weight: bold; letter-spacing: .25em; white-space: nowrap; }

/*Shrink wrap for random phrase h2: http://www.brunildo.org/test/shrink_img3.html */
/* IE/Mac \*//*/
* html .wrap0 {
	display: block;
	margin: 1em 0;
	text-align: center;
	margin: 1.7em auto -5.7em;
}
* html .wrap1 {
	display: inline-block;
	width: 1px;
	white-space: nowrap;
}
/**/
[if lt IE 8]
.wrap0 { display: block; margin: 1em 0; text-align: center; margin: 1.7em auto -5.7em; }
.wrap1 { display: inline; _height: 0; zoom: 1; }
[endif]

/* =Laos
------------------------------------------------------------------------------*/
body.laosBody { background: url('../lib/images/main/backgrounds/bg_aqua_fade.gif') repeat-x #cbe5e3; }
#pageName div.laosBG { border: .1em dashed #4e7a77; background-color: #93BBB8; }
.hedNav ul li.laosHed { display: block; float: left; position: relative; right: 50%; border-top: #93BBB8 solid 2px; border-bottom: #93BBB8 solid 2px; padding-top: 6px; padding-left: 3px; height: 22px; }
#photos #phoBox #phoNav ul.laosBD { border-left: 2px solid #93BBB8; border-right: 2px solid #93BBB8; padding: 1.5em 0 0 1.5em; }
#photos #phoBox #phoNav h3.laosH3 { background: url('../lib/images/basic/photosBar_laos.png') no-repeat bottom; }
#photos #phoBox #phoNav h3.laosSub { background-image: none; background-color: #93BBB8; }
#photos #phoBox #phoNav p.laosP { border-left: 2px solid #93BBB8; border-right: 2px solid #93BBB8; }
#notes h3.laosH3 { background: url('../lib/images/basic/h3bar_laos.png') no-repeat; }
#photos .hrLaos { margin: 5em auto; border-top: .1em solid #93BBB8; border-bottom: 0; border-left, border-left, border-right: 0; padding: 0; width: 55em; height: 0; }
.hedNav ul li.leftLaos { border: 0; padding: 2px 0 0 15px; background: url('../lib/images/basic/hed_nav_left_laos.gif') no-repeat left; height: 30px; }
.hedNav ul li.rightLaos { border: 0; padding: 2px 0 0 15px; background: url('../lib/images/basic/hed_nav_right_laos.gif') no-repeat left; height: 30px; }
#photos div.laosPic { display: block; width: 800px; margin: 0 auto 1.6em; border: 2em solid #93BBB8; padding: 1.2em; background-color: white; }
#photos div.vertLaos { width: 600px; border: 2em solid #93BBB8; }

/* =footerMain
------------------------------------------------------------------------------*/
#footerMain { white-space: nowrap; text-align: center; }
#footerMain p { color: #999999; line-height: 1.8em; font-size: 1.3em; }
#footerMain ul { margin: 0; padding: 0; list-style-type: none; display: inline; }
#footerMain ul li { padding: 0; margin: 0; list-style-type: none; display: inline; color: #999999; line-height: 1.8em; font-size: 1.2em; }
#footerMain ul li a:link, #footerMain ul li a:visited { text-decoration: none; color: #999999; }
#footerMain ul li a:hover, #footerMain ul li a:active { text-decoration: underline; color: #ECA22D; }
.plus { font-size: 1.2em; font-weight: bold; letter-spacing: .2em; }
#footerMain p a:link { color: #999999; }

/* =Hey Brian top left corner menu nav
------------------------------------------------------------------------------*/
#heybrian a { color: red; }

/* =Portfolio
------------------------------------------------------------------------------*/
#portfolio { margin: 0 auto; width: 600px;  }
#portfolio p { margin-top: 1.5em; font-size: 1.5em; line-height: 1.8em; }

#portContent { float: left; padding-top: 1em; width: 400px; }
#portfolio #portContent ul { margin: 1.5em 2em 2em 1em; font-size: 1.5em; list-style-image: url('../lib/images/basic/bullet.gif'); }
#portfolio #portContent ul li { padding-left: .2em; line-height: 1.5em; }
#portfolio #portContent ul li a { color: blue; }
#portfolio #portContent td { font-size: 1.5em; }

#portfolio #portContent h4 { margin-bottom: 4em; padding-bottom: .1em; padding-right: 35px; background: url('../lib/images/basic/spacer_black.gif') repeat-x bottom; font-size: 1.5em; font-weight: bold; font-style: italic; line-height: 1.5em; display: inline; text-align: left; }
#portfolio #portContent code { display: block; margin-bottom: 2em; border: 1px dashed #3C78B5; padding: 1em; background-color: #e7e7e7; font: .8em/2em "Courier New", Courier, monospace; }

#media { text-align: center; }
#media h4 { text-align: center; font: 2.5em/1.5em bold "Courier New", Courier, monospace; font-weight: bold; }
#media p { font-size: 1.5em; }
#media div, #portContent div { display: block; width: 800px; margin: 0 auto 1.6em; border: 2em solid #ddd; padding: 1.2em; background-color: white; }
#media div.vert { width: 600px; }
#media div.hr { margin: 4em auto; border: none; padding: 0; height: 1px; width: 550px; background: repeat-x url('../lib/images/basic/spacer_gray.gif'); text-align: center; }
#media div.hr hr { display: none; }

#portfolio div.hr { margin: 3em 0; border: none; padding: 0; height: 1px; width: 30em; background: repeat-x url('../lib/images/basic/spacer_gray.gif'); text-align: center; }
#portfolio div.hr hr { display: none; }

#portContent a.backTop:link, #portContent a.backTop:visited { margin-left: 1.5em; margin-top: 2em; font-size: 14px; color: grey; text-decoration: none; color: #999999; letter-spacing: .1em; display: block; }
#portContent a.backTop:hover, #portContent a.backTop:active { margin-left: 1.5em; margin-top: 2em; font-size: 14px; text-decoration: overline; color: #999999; dispaly: block; }

#media a.backTop:link, #media a.backTop:visited { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; color: grey; text-decoration: none; color: #999999; letter-spacing: .1em; display: block; }
#media a.backTop:hover, #media a.backTop:active { margin-left: 1.5em; margin-top: 2em; font-size: 1.2em; text-decoration: overline; color: #999999; dispaly: block; }

/* =Portfolio Left Menu
------------------------------------------------------------------------------*/
#portfolio #menu { float: left; width: 190px; }
#menu #container { margin-bottom: 20px; border-top: #cccccc 2px solid; padding-bottom: 12px; width: 164px; font-size: 1.4em; background: url(../lib/images/basic/port_menu_bottom.png) no-repeat bottom; }
#menu #container div { border-left: #cccccc 2px solid; border-right: #cccccc 2px solid; }
#menu #container a { color: black; font-weight: bold; text-decoration: none; }
#menu #container ul { padding: 5px 0 0 15px; list-style-type: disc; list-style-position: inside; color: #cccccc; }
#menu #container ul li { padding-bottom: 5px; }
#menu #container ul li a:link, #menu #container ul li a:visited { color: #999999; text-decoration: underline; font-weight: normal; }
#menu #container ul li a:hover, #menu #container ul li a:active { color: #b22222; font-weight: normal; }
#advert { margin-bottom: 20px; border-top: #cccccc 2px solid; padding-bottom: 12px; width: 164px; font-size: 1.4em; background: url(../lib/images/basic/port_menu_bottom.png) no-repeat bottom; }
#advert div { border-left: #cccccc 2px solid; border-right: #cccccc 2px solid; }

/* =Sortable Tables
------------------------------------------------------------------------------*/
table.sortable { magin-top: 1.5em auto; width: 100%; }
table.sortable th { border: 1px solid #cccccc;  background-color: #f5f5f5;  padding: .5em;  font-size: 1.5em;  font-weight: bold;  }
table.sortable th span { color: blue;  text-decoration: underline;  }
table.sortable td { padding: .5em;  font-size: 1.5em; line-height: 1.8em; }
.pointer { cursor: pointer; }