/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

.clear {
clear : both;
height : 0;
}

body {
  font: 80%/1.4 "Times", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color:#839ab9;
  /* background-color:#fff; */
}

h1 {
  font-size: 2.5em;
	font-family: Garamond;
	font-style: italic;
  color: #051779;
  font-weight: normal;
	/*text-indent : -5000px;*/
}

H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 2.5em; COLOR: #051779; FONT-STYLE:
italic; FONT-FAMILY: Garamond;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

p, li {
  font-size: 1.25em;
}

h1, h2, p {
  margin: 0.25em 0;
}

#branding h1 {
  color : #fff;
  margin: 0;
}

#wrapper {
  background-color: #fff;
}

#branding {
  height: 134px;
  background-color:#051779;
  /*background-image : url(../images/banner-main-new2.gif);*/
  background-image : url(../images/banner3.gif);
  background-repeat : no-repeat;
  padding-top: 34px;
}

#main{
  background-image : url(../images/body-bg.gif);
  background-repeat: repeat-y;
}

#mainNav {
  list-style: none;
  background-color:#fff;
}

#footer {
  background-color:#051779;
	color : #fff;
  padding: 1px 20px;
}

#footer p {
  color : #fff;
  text-align : right;
  font-size: 1em;
}


/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 800px;
}

#wrapper {
  width: 800px; 
  margin: 10px auto; 
  text-align: left; 
  border : 6px solid #051779; 
  /* border : 6px solid #fff; */
  background-image : url(../images/body-bg.gif);
  background-repeat: repeat-y;
}

#contactbar{
width : 800px;
font-size : .8em;
height : 20px;
line-height : 20px;
padding-top : 4px;
padding-bottom : 4px;
background-color : #051779;
color : #fff;
/*border-top : solid 1px #ccc;
border-bottom : solid 1px #ccc;
*/
clear : both;
text-align : right;
}

#content { 
  width: 580px;
  float: right; 
}

#leftMargin{
  width : 180px;
	float : left;
	/* background-color : #051779;*/
  color: #f00;
	height : 500px;
  background-image : url(../images/body-bg.gif);
  background-repeat: repeat-y;
}

#mainNav { 
  width: 180px; 
  float: left; 
	/*background-color : #051779;*/
  background-image : url(../images/body-bg.gif);
  background-repeat: repeat-y;
} 

#footer { 
  clear: both; 
} 

/* Add some padding 
================================== */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;

}

#mainNav * {
  padding-left: 10px;
  padding-right: 10px;
}

#mainNav * * {
  padding-left: 0;
  padding-right: 0;

}

#content * {
  padding-top : 20px;
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}

#content p {
	padding-top : 10px;
}

#branding p {
 	padding: 0;
  margin: 0;
  text-align: right;
  color: #051779;
  font-size: 2.5em;
  font-family: "Garamond";
  padding-right: 0.5em;
}

#branding p.contact {
  font-family: verdana;
  font-size: 1em;
  padding-right: 15px;
}
/* Images
================================== */

#content .imgInsetLeft {
  float : left;
  padding-top : 0;
  margin-right : 10px;
  margin-bottom : 10px;
  border : 5px solid #ccc;
}

#content .thumbnail {
  padding: 0;
  margin: 0;
  margin-right: 10px;
  border : 1px solid #051779;
}

/* Links
================================== */

#mainNav a, #mainNav a:link, #mainNav a:visited {
font-family: Garamond;
font-style: italic;
font-size : 1.1em;
padding : 1px 1px; 
margin-bottom : 2px;
color : #fff;
text-decoration : none;
display : block;
text-align : center;
}

#mainNav li {
	display: inline;
	padding: 0px;
}

#mainNav a:hover, #mainNav a:active{
	color : #f00;
	text-decoration : underline;
}

p.garamond{
  font-size: 3em;
  font-family: Garamond;
  font-style: italic;
}

p.times{
  font-size: 3em;
  font-family: Times; 
}