/*
myMongol.com master styles for screen media
Abby Serchindorj
webmaster@myMongol.com
Created: Sep 10 2008
Updated: Sep 10 2008
*/

body {
	margin: 0px;
	padding: 0px;	
	background-color: #666666;
	text-align: center;
}
/* ---[ links ]------------------------------- */

a:link {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	
}
a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #CC0000;
	text-decoration: none;
	border-bottom: 2px solid #cc0000;
	font-weight: bold;
}
#wrap {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	background: #666 url(../tiles/bg_body.gif) repeat-y;
	width: 782px;
	text-align: left;
}
#news_ticker {
	margin: 0 0 0 16px;
	padding: 1px;
	width: 748px;
	background-color: #fff;
	border-top: 2px solid #333;	
}
#section_head {
	
	margin: 0 0 0 16px;
	padding: 0;
	background: #333 url(../tiles/head_logo.gif) top left no-repeat;
	width: 750px;
	height: 64px;
	border-top: 2px solid #333;
	border-bottom: 1px solid #000;
}
/* navigation */
#section_nav {
	clear: both;
	float: none;
	width: 750px;
	height: 27px;
	margin: 0 0 0 16px;
	padding: 0;
	background-color: #333333;
}
#nav {
	float: left;
	width: 750px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff url(../tiles/bg_nav.gif) repeat-x top left;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #ddd;
	}

#nav a, #nav a:visited {
	float: left;
	padding: 6px 10px 6px 30px;
	text-decoration: none;
	border-bottom: none;
	color: #A0A0A0;
	font-weight: normal;
	background: url(../tiles/t-pub.gif) no-repeat 10px 55%;
	}

#t-home a, #t-home a:visited {
	background-image: url(../tiles/t-home.gif);
	}

#t-note a, #t-note a:visited {
	background-image: url(../tiles/t-note.gif);
	}

#t-pub a, #t-pub a:visited {
	background-image: url(../tiles/t-pub.gif);
	}

#t-serv a, #t-serv a:visited {
	background-image: url(../tiles/t-serv.gif);
	}

#t-port a, #t-port a:visited {
	background-image: url(../tiles/t-port.gif);
	}

#t-about a, #t-about a:visited {
	background-image: url(../tiles/t-about.gif);
	}

#t-cont a, #t-cont a:visited {
	background-image: url(../tiles/t-contact.gif);
	}

#nav a:hover {
	padding: 4px 10px 6px 30px;
	color: #000;
	background-color:#FFFFFF;
	border-top: 2px solid #000000;
	}
	
#nav a.active {
	padding: 4px 10px 6px 30px;
	color: #000000;
	background-color: #FFF;
	font-weight: normal;
	border-top: 2px solid #000000;
	}
/* ---[ Rich Editor ]----------------------------------- */
#wysiwyg {
	width: 475px;
	height: 380px;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 5px;
	border:inset #ECE9D8 2px;
	scrollbar-base-color:#E1D4C0;
	overflow: auto;
}
#wysiwyg p {
	padding: 0;
}
/* title */
#section_title {
	clear: both;
	float: none;
	width: 750px;
	height: 100px;
	margin: 0 0 0 16px;
	padding: 0;
	background: #333333 url(../tiles/title_home.gif) no-repeat;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#section_title h1 {
	font:bold 190% Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	padding:0 10px 6px 0;
	margin:30px 0 3px 40px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.8);
}
/* content */
#section_content {
	width: 748px;
	margin: 0 0 0 16px;
	clear: both;
	float: none;
	padding: 7px 1px 1px 1px;
	background: url(../tiles/bg_content.gif) top left no-repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#section_content .h-space {
	clear: both;
	height: 1px;
}
#section_content #left_column {
	float: left;
	width: 497px;
	margin: 0;
	padding: 5px;
	border: 1px solid #FFFFFF;
}
#section_content #left_column .datestamp,
#section_content #left_column .byline{
	float: none;
	clear: both;
	margin: 0 0 0 5px;
	padding: 0;
	height: 25px;
	display: block;
	color:#696969;
	font: normal 93.5% Arial, Helvetica, san-serif;
}
#section_content #left_column .byline .author {
	float: left;
	color: #B30000;
	line-height: 1.6em;
}
#section_content #left_column .byline .draft {
	float: right;
	display: block;
	color: #990000;
	font-weight: bold;
	line-height: 1.6em;
	border:1px solid #990000;
	padding:2px 8px;
	background-color: #FFF4DD;
}
#section_content #left_column .byline .print, 
#section_content #left_column .byline .nav_back,
#section_content #left_column .byline .more {
	float:right;
	margin: 2px;
	padding:0;
}
#section_content #left_column .byline .print a, 
#section_content #left_column .byline .nav_back a,
#section_content #left_column .byline .more a {
	display:block;
	border:1px solid #CABBA9;
	background:#DEDEDE;
	padding:2px 8px;
}
#section_content #left_column .byline .print a:hover,
#section_content #left_column .byline .nav_back a:hover,
#section_content #left_column .byline .more a:hover {
	background:#4A4F4F;
	text-decoration:none;
	color:#fff;
}
#section_content #left_column .postBody {
	float: none;
	clear: both;
	margin: 5px 0 5px 0;
	padding: 5px;
	border-top: 2px solid #990000;
}
#section_content #left_column .postList {
	float: none;
	clear: both;
	margin: 5px 0 25px 0;
	padding: 5px;
	border-bottom: 2px solid #990000;
}
#section_content #left_column .postListMark {
	background-color: #FFCC66;
	margin: 5px 0 5px 0;
	padding: 5px;
	border-bottom: 2px solid #990000;
}
#section_content #left_column h1.article_title {
	font:bold 190% Georgia, "Times New Roman", Times, serif;
	color:#282828;
	padding:0 10px 6px 0;
	margin:0 5px 3px 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
#section_content #left_column p, #wysiwyg p {
	margin: 0 0 1.3em 0;
	line-height: 1.5em;
}
#section_content #left_column li, #wysiwyg li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 0.3em;
}
#section_content #left_column h1, #wysiwyg h1 {
	font: bold 170% Geneva, Arial, Helvetica, sans-serif;
}
#section_content #left_column h2, #wysiwyg h2 {
	font: bold 150% Geneva, Arial, Helvetica, sans-serif;
}
#section_content #left_column h3, #wysiwyg h3 {
	font: bold 130% Geneva, Arial, Helvetica, sans-serif;
}
#section_content img {
	float: left;
	margin: 2px 6px 5px 0;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
}
#section_content #feature_photo {
	max-width: 460px;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.4);
	box-shadow: 0 1px 10px rgba(0,0,0,.4);
}
#section_content #feature_photo.left {
	float: left;
	margin: 2px 6px 5px 0;
}
#section_content #feature_photo.right {
	float: right;
	margin: 2px 0 5px 6px;
}
#section_content #feature_photo.center {
	float: none;
	margin: 5px;
}
#section_content #feature_photo img {
	float: none;
	margin: 0;
	padding: 0;
	background-color: #000000;
	border: 1px solid #666;
}
#section_content #feature_photo p {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	text-align: center;
}
#section_content #feature_photo div.pixcomment {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
	margin: 0;
	padding: 3px;
	text-align: center;
}
#section_content #progress {
	margin: 5px;
	font-weight: bold;
}
#section_content #progress span.red {
	padding: 5px;
	background-color: #FFCCCC;	
	border: 1px solid #990000;
	color: #990000;
}
#section_content #progress span.green {
	padding: 5px;
	background-color: #E1FFE1;	
	border: 1px solid #006600;
	color: #003300;
}
#section_content #progress span.gray {
	padding: 5px;
	background-color: #F9F9FB;	
	border: 1px solid #333333;
	color: #333333;
}
#section_content form.contact, #section_content form.login {
	margin: 0;
	background: url(../tiles/bg_contact.gif) repeat-x top left;
	padding: 40px 5px 20px 20px;
	border-bottom: 2px solid #DDDDDD;
}
#section_content form.mailing {
	margin: 0;
	padding: 10px 5px 20px 5px;
}
#section_content #post_form {
	background: none;
	padding: 0;
	border: none;
}
#section_content #right_column {
	float: right;
	width: 215px;
	margin: 45px 5px 5px 0px;
	padding: 5px;
}
#section_content #right_column h1.underline {
	font: bold 120% Georgia, "Times New Roman", Times, serif;
	color: #282828;
	padding: 0 10px 6px 0;
	margin: 5px 0 5px 0;
	border-bottom: 2px solid #282828;
}
#section_content #right_column p {
	margin: 0 0 1.3em 0;
	line-height: 1.5em;
}
#section_content #right_column ul {
	margin: 0 0 1.2em 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 11px;
}
#section_content #right_column ul li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
	background: url(../tiles/bullet_rounded.gif) no-repeat 0 .3em;
}
#section_content #right_column ul li a, #section_content #right_column ul li a:visited {
	text-decoration: none;
	color: #AAA;
	font-weight: bold;
	border: none;
}
#section_content #right_column ul li a:hover {
	text-decoration: none;
	color: #252525;
	font-weight: bold;
	border: none;
}
#section_content #right_column a.black, #section_content #right_column a:visited.black {
	color: #252525;
	font-weight: bold;
}
/* Pagination */
.pagination {
	float:right;
	margin: 5px 0 5px 0;
	padding:0;
}

.pagination li {
	float:left;
	margin:0 0 0 4px;
	list-style: none;
}

.pagination a {
	display:block;
	border:1px solid #CABBA9;
	background:#DEDEDE;
	padding:2px 8px;
	float:left;
}

.pagination a:hover {
	background:#4A4F4F;
	text-decoration:none;
	float:left;
	color:#fff;
}

.pagination a.youAreHere {
	border:1px solid #8f8f8f;
	background:#4A4F4F;
	padding:2px 8px;
	font-weight:bold;
	color:#fff;
}
#record_status {
	float: left;
	margin: 5px 0 5px 0;
	border: 1px solid #CABBA9;
	background:#DEDEDE;
	padding: 2px 8px;
}
/* End Pagination */
/* footer */
#bottom_section {
	clear: both;
	float: none;
	width: 750px;
	height: 60px;
	margin: 0px 0px 0px 16px;
	background-color: #333333;
	border-bottom: 2px solid #000000;
}
#bottom_section a, #bottom_section a:visited {
	padding: 2px 0px 2px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	}
#bottom_section a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #990000;
	}
#bottom_section #bt_right_column {
	float: right;
	width: 238px;
	height: 60px;
	margin: 0;
	padding: 0;
}
#bottom_section #bt_right_column .copyright_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	margin: 10px 0 0 0;
	text-align: center;
}
#bottom_section #bt_left_column {
	float: left;
	width: 512px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #1F1F1F url(../tiles/footer_bg.gif) repeat-x bottom left;
}
#bottom_section #bt_left_column .link_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	word-spacing: 0.1em;
	margin: 2px 0 0 10px;
	text-align: left;
}