/* CSS Document */

/*styling for p, h1, ul tages etc.*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

p {
	font:Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:0.7em; 
	color: #1A3480; 
	line-height: 18px;
}

p.line{
	border-bottom:solid 1px #8C99BF;
	margin: 0px 0px 25px 0px; 
	padding: 0px 0px 7px 0px; 
}

a {color: #1A3480; text-decoration:underline; font-weight:bold;}
a:hover {color: #1A3480; text-decoration:underline; font-weight:bold;}

h1 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:0.8em; 
	color: #1A3480; 
	line-height: 18px;
}

.content h1{
	font-size:1em; 
	color: #1A3480; 
	line-height:18px;
	font-weight:bold;	
}

.content h2{
	font-size:0.8em; 
	color: #1A3480; 
	line-height: 18px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.content ul {
	margin: 0px 0px 0px 20px; 
}

ul {
	font:Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:0.7em; 
	color: #1A3480; 
	line-height: 18px;
}

/*layout for the page starts here*/

.clear {clear:both;}

.container {
  margin: 2px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 760px;
  border:1px solid #1A3480;
  background-image:url(images/background_image.gif);
  background-repeat:repeat-y;
    background: url(images/background_stripes.gif) repeat-y;
}

.top {
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width: 760px;
  height:288px;
  border:none;
}

.middle {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	/*background:#FF0000;*/
  background: url(images/background_stripes.gif) repeat-y;
	border-top: 4px solid #FFFFFF;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.navigation {
	float:left; 
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
  	width: 137px;
	background-color:#1A3480;
  }
  
.navigation p{
	color:#FFFFFF;
	margin: 20px 0px 20px 5px;
	font-weight:bold;
	font-size:0.8em;
	line-height:22px;
}

.navigation a{
	color:#FFFFFF;
	margin: 20px 0px 20px 5px;
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;
	line-height:22px;
}
  
.content{
	float:left;
  	width: 330px;
	border:none;
	padding:20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
}

.contentgallery{
	float:left;
  	width: 350px;
	border:none;
	padding:20px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
}

.contentgallery h1{
	font-size:1em; 
	color: #1A3480; 
	line-height:18px;
	font-weight:bold;	
}

.contentgallery h2{
	font-size:0.8em; 
	color: #1A3480; 
	line-height: 18px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.imagescolumn{
	float:right;
	width:250px;
}

.imagescolumntext{
	margin: 0px 0px 0px 0px;
	padding: 18px 12px 15px 12px;
	width:226px;
}

.imagescolumntext p, .imagescolumntext a{
color:#FFFFFF;
}


.imagescolumn a, imagescolumn p{
	color: #FFFFFF; 
}

  /*footer css*/

.footer {
  width: 760px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image:url(images/footer.jpg);
  background-repeat:no-repeat;
}

.footer p{
	color:#FFFFFF;
	text-align:center;
	padding:187px 0px 9px 0px;
	margin:0px 0px 0px 0px;
}

.footer a{
	color:#FFFFFF;
	text-align:center;
	padding:187px 0px 9px 0px;
	margin:0px 0px 0px 0px;
}