﻿/* Block all default margins and padding */
html, body {
border:0;
margin:0;
padding:0;
} 
html {
	
	
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #1E2B19;
	font-size: .9em;
}
* {

/*border:dashed 1px #f00;*/
}
a:link, a:visited, a:hover {
	color:#405071;
	text-decoration: underline;
	outline: none;
	font-style: normal;
}

hr {
	background-color: #B8CBD9;
	margin: 0em;
	clear: both;
}
ul {
	line-height: 125%;
	margin-bottom: 1em;
	margin-top: 1em;
	list-style-type: disc;
	padding-left: 4em;
}
li {
	padding: .25em 0 .25em 0;
}
p {
	line-height: 120%;
	padding: 0.25em 1em 0.25em 1em;
	font-size: .9em;
}	
h1,  h2,  h3{
	margin: 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 0.5em 0 0 0;
}
h1 {
	font-size: 1.75em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing: 0.08em;
	padding-bottom: 0.25em;
	font-weight: bold;
	color: #405071;
	padding-left: .25em;
}	
h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #5D6977;
	padding: 0.25em 0 0 0;
	line-height: 115%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3 {
	font-size: 1.25em;
	color: #4A5B77;
	padding-left: 0.25em;
}
h4 {
	color: #566785;
	font-size: 1em;
	padding: 0.5em 0 0.5em 1em;
	
}

table{
	font-size: .9em;
	margin: 1em 0;
	
}
th {
	background-color: #EAF3F8;}

.oddrow {background-color: #EAF3F8;}
td { padding: .25em;}	
	
.bold {
	font-weight: bold;
	font-size: 1.15em;
	color: #036;
}

.itl {font-style: italic;}
.large {
	font-size: 1.25em;
}
/*---------------------------------structure--------------------------*/	
#outside {
	width: 62.75em;
	background-color: #D9D7CC;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	border-bottom: 1px solid #666;
	border-left: 2px solid #999;
	margin: 1em auto;
	padding: 0.15em 0 0.15em 0;
}
/* Wrapper contains the layout */
#wrapper{
	width:62em;
	background-color:#E3B384;
	border: medium solid #666;
	margin: .5em auto 0 auto;
	background-image: url(images/logofadeside.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

.spacer {
	clear: both;
	height: 1em;
	margin: .25em 0;
}
.no-space {
	margin: 0px;
	padding: .25em 1.25em .25em 4em;
	clear: both;
  }
  
  .smaller {
	font-size: .75em;
}
.net { display:none; }

/***************** Branding Division Styles ********************/

/* Branding division contains one logo image */

#brandinghp {
	background-color: #E1EEF7;
	margin: 0;
	border-bottom: thin solid #596A46;
	height: 120px;
	padding: 0 0 0.5em 0;
	background-image: url(images/logodkbluebkgrnd.jpg);
	background-repeat: repeat-x;
}
#branding{
	background-color: #E1EEF7;
	margin: 0;
	border-bottom: thin solid #596A46;
	height: 4em;
	padding: 0 0 0.5em 1.5em;
	
}
#branding a:link, a:hover, a:visited{
	outline: none;
	text-decoration: none;
}
#branding img, #brandinghp img {border-style: none;}

/************************************** Header ****************************/
#header {
	height: 15.75em;
	background-image: url(images/sideborderfd.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: thin solid #006;
	margin: 0;
	
}
#header img {
		width: 100%;
}

/***************** Content Division Styles ********************/
#content{
	margin:0 auto 0 15.5em;
	background-color:#FAF7EE;
	color:#000;
	padding: 10px 15px;
}

#leftcolumn {
	width: 48.5em;
	float: left;
	padding-bottom: 1em;
	background-color: #E1EEF7;
	background-image: url(images/rtcolborder.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-right: 1px solid #788596;
}

#rightcolumn {
	width: 12.5em;
	float: right;
	margin: 0 .5em 0 0;
	
}

#center {
	background-color: #E1EEF7;
	background-image: url(images/sideborderfd.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 0.5em;
	margin: 0 0 0.5em 0;
		
}

.contentwrap {
	margin: 0 auto;
	padding: 0.5em 1em 1em 1.5em;
}
.contentwrap a:link, a:visited, a:hover {text-decoration: underline;}
.contentbox {
	clear: both;
	margin-bottom: 0.15em;
	margin-top: 1em;
	background-image: url(images/Mandalafade.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
	border-bottom: medium solid #999;
	border-top: medium solid #CCC;
	padding: 0.75em;
		
}
.contentbox a {
	text-decoration: underline;
	color: #036;
	font-weight: normal;
}


/***************** Footer Division Styles ********************/
#footer{
	background-color: #E1EEF7;
	color: #000;
	font-size: .75em;
	border-top: 1px solid #1E2B19;
	margin: 0px;
	background-image: url(images/sideborderfd.jpg);
	background-repeat: repeat-x;
	padding: 0.25em 0;
	clear: both;
	text-align: right;
	height: 2em;
}
.footercontent {
	float: right;
	margin: 0.25em 0px;
	padding: 0.75em .5em 0 0;
}
.footerheader {
	font-weight: bold;
	color: #606B73;
	text-decoration: underline;
	font-size: 1em;
	letter-spacing: .25em;
}

/*-------------------------------------menu----------------------------------*/

#menubar {
	background-color: #F8FDFE;
	height: 2.25em;
	width: 100%;
}


#menu{
	height: 1.5em;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	
}
#menu ul {
	margin: 0 auto;
	height: 1.5em;
}	

#menu li {
	display:block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EAB893;
	list-style-type:none;
	height: 1.5em;
	text-align: center;
	width: auto;
	font-size: .95em;
	font-weight: bold;
	margin: 0 0.10em 0 0.10em;	
	padding: 0.5em 0.5em 0 0.25em;
}

#menu a {
	text-decoration:none;
	outline: none;
	color: #405071;
}
#menu a:hover {
	text-decoration: underline;
	outline: none;
}
 
#menu a:visited {
	outline: none;
	color: #405071;
}
.current {
	text-decoration: none;
	background-color: #E3B383;
	border-right: solid 0.05em #666;
	border-left: 0.05em solid #666;
	border-bottom: 0.05em solid #9AA7C6;	
	margin: 0;
	padding: 0;
	
	
}

#menubar2 {
	background-color: #9AA7C6;
	height: 1.75em;
	padding-top: 0.05em;
}
#menu2{
	display: block;
	font-size: .9em;
	margin: 0 auto;
	
}
#menu2 ul {
	margin: 0 auto;	
}	

#menu2 li {
	display:block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	width: auto;
	font-size: 1em;
	font-weight: bold;
	list-style-type: none;
	margin: 0.25em 2.25em 0 2.25em;
	padding: 0.08em 0.15em 0 0.25em;
	
  }

#menu2 a {
	text-decoration:none;
	outline: none;
	color: #FFF;
  }
 
 #menu2 a:visited {
	outline: none;
	color: #FFF;
}
#menu2 a:hover {
	text-decoration: underline;
	outline: none;
	color: #405071;
 }

.current2 {
	text-decoration: none;
	background-color: #F8FDFE;
	padding: .25em;
}

/*----------------------------substructure-----------------------------------*/
.box {
	background-color: #E1EEF7;
	width: 20em;
	margin: 0 0 2em 5em;
	border: 1px solid #1E2B19;
}
.menubox {
	background-color: #FFF;
	width: 24em;
	margin: .75em 0 .5em 21em;
	padding: 0 0.25em 0;
	font-size: 1em;
	background-image: url(images/mandalalogofd2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-top: medium double #5C6C86;
	border-bottom: medium double #5C6C86;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.menubox p {
	padding: 0;
	font-size: 1em;
	line-height: 110%;
	color: #036
}
.menubox a:link, .menubox a:visited, .menubox a:active {
	text-decoration: none;
	font-weight: normal;
	color: #036;
}
.menubox a:hover {
	text-decoration: underline;
}	

.menubox hr {
	width: 75%;
	margin: .25em auto 0 auto;
	clear: none;
}

/*---------------------Images---------------------*/

.imageborder {
	border: 1px solid #000000;
	margin-bottom: 5px;
}

#imgbox1 img, #imgbox2 img, #imgbox3 img, #imgbox4 img{width: 100%;}

	
#imagebar {
	margin-top: 10px;
	text-align: center;
	width: 60em;
}
.piccont {
	padding: 5px;
	color: #000;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: bold;
}
.aligncenter {
	text-align: center;
}
.imagefloatleft {
	margin: 0px;
	float: left;
}

/*--------------------------*image viewer------------------------------------------*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #F4CAA2;
	visibility: hidden;
	border: solid thin #405071;
	z-index: 10;
	cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 12px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: #405071;
	padding: 5px 0;
	text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: #fff;
	
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}

/*-----------------------------end viewer----------------*/


.centerrightreg ul {
	font-size: 0.9em;
	margin: 1em 0em 2em 4em;
	padding: 0.5em 1em 0.5em 0.25em;
	background-color: #FFF2EA;
	border-top: medium solid #7A8B95;
	border-bottom: medium solid #7A8B95;
	float: left;
}
.centerrightreg li {
	padding: 0.5em 0.25em .25em;
	list-style-type: none;
	font-style: italic;
	font-size: 0.95em;
	margin: 0em;
	color: #627179;
	font-weight: bold;
}
.centerleft {
	width: 41.5em;
	float: left;
	padding-top: 5px;
	margin: 0px 0px 2px;
	background-color: #FFF;
	padding-left: 5px;
}
.centerleft img {width: 100%;}
.centerright {
	padding-top: 10px;
	padding-left: 10px;
	margin: 10px 0px 1px 43em;
	padding-bottom: 2px;
}
#bottom {
	background-color: #B8CBD9;
	float: left;
	width: 100%;
	clear: both;
	border-top: medium solid #666;
	border-bottom: medium solid #666;
	padding: 0.75em 0 0.75em 0;
	background-image: url(images/sideborderfd.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#bottom p {
	font-size: .9em;
	padding: 0px 5px 5px;
}
#bottom a, #bottom a:visited, #bottom a:active {
	font-style: normal;
	vertical-align: bottom;
	text-decoration: none;
	color: #2A507B;
}
#bottom a:hover {text-decoration:underline;}
#bottom h3, #bottom h4 {
	padding: 0;
	color: #036;
}
	

.bottomcontainer {
	text-align: center;
	padding: .25em 1em;
	color: #036;
}

.brandingbox {
	margin-left: 460px;
	padding-top: 30px;
	padding-left: 15em;
	font-size: 14px;
}


.imgleft {
	border: medium solid #63747C;
	padding: 0.05em;
	float: left;
	margin: 1em;
	clear: both;
	
}
.imgleft img {
	padding: 0;
	border: 0 none;
	clear:both;
	margin: 0 auto 0.15em auto;
}
.leftimgbox {
	float: left;
}


.imgleft p {
	font-size: 0.85em;
	line-height: 100%;
	margin: 0;
	padding: 0.15em 0.25em 0.25em 0.25em;
	text-align: center;
	width: 75%;
	clear: both;
}
.imgrightbd {
	border: medium solid #63747C;
	padding: 2px;
	float: right;
	margin: 1em;
	clear: both;
	
}
.imgright {
	padding: 2px;
	float: right;
	margin: 0.5em 1em;
	
}

.top, .top a:link {
	font-size: .85em;
	color: #003366;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	clear: both;
	padding-right: 1em;
}
.up {
	clear: both;
}

.top a:hover{
	color: #003366;
	text-decoration: underline;
	font-weight: normal;
}
.registrationbox {
	margin: 2em auto;
	width: 50em;
	background-color: #FFFFFF;
	border-top: thick solid #343D2C;
	border-right: thin solid #999;
	border-bottom: thick solid #343D2C;
	border-left: thin solid #999;
}

.indent {
	text-indent: 5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #7A8B95;
	font-size: 1.15em;
}


.contentwrapsidebar {	
	color: #036;
	background-image: url(images/sidebarheader.jpg);
	background-repeat: repeat-x;
	padding: 0em;
	margin: 1.5em auto 0 auto;
		
}
.contentwrapsidebar hr {
	width:75%;
	margin:.25em auto;
	color: #333;
}

.sidebarheader {
	color: #FFF;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	padding-top: 0.2em;
	margin-bottom: 1em;
}
.contentwrapsidebar h3 {
	font-size: 1.25em;
	color: #4A5B77;
	padding: 0 0 0 0.25em;
}

.contentwrapsidebarbottom {
	height: 1.25em;
	margin-top: 2em;
}
.imgleftnb {
	padding: 2px;
	float: left;
	margin: 1em;
	
}
.highlightbox {
	background-color: #D9D7CC;
	width: 90%;
	clear: both;
	margin: 1.5em auto;
	padding: 1em;
	border-top: 1px outset #333;
	border-right: medium outset #333;
	border-bottom: medium outset #333;
	border-left: 1px outset #333;
}
.accent {
	font-weight: bold;
	color: #42536F;
	line-height: 125%;
	
}
.quote {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-size: 1em;
}
.quotelg {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: normal;
	font-size: 1.15em;
	line-height: 115%;
	color: #036;
}
.ul {
	text-decoration: underline;
}


/*-----------------------------------caption-------------------------------------*/
.picture {
	background-color: #F9F9F9;
	padding: 4px;
	font: 11px/1.4em Arial, sans-serif;
	
}
	
.picture img {
	border: 1px solid #666;
	vertical-align:middle;
	margin-bottom: 2px;
	
}
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
.center{ margin: 1.5em auto;}
