body {

	margin: 0px;

	padding: 0px;

	background-color: #061626;

}

table {

	border-collapse : collapse;

}

table th {

	padding : 0;

}

table td {

	padding : 0;

}

.back {

	background-color: #FFFFFF;

	padding-top: 5px;

	padding-bottom: 5px;

	width: 901px;

}

.back2 {

	background-color: #FFFFFF;

	padding-top: 5px;

	padding-bottom: 5px;

	width: 901px;

}

.pad {

	padding-left: 7px;

}

.pad2 {

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

		FONT-SIZE: 12px;

	line-height: 21px;

	COLOR: #4E4D4D;

	vertical-align: top;

	FONT-FAMILY: Arial, Verdana;



}



.heading{

	FONT-SIZE: 16px;

	line-height: 21px;

	COLOR: #13868d;

	vertical-align: top;

	FONT-FAMILY: Arial, Verdana;

	font-weight: bold;

}

.input {

	width: 190px;

	border: 2px solid #C0C0C0;

	font-family: 'Verdana';

	color: #808080;

	font-size: 11px;

	padding-left: 5px;

}

.text {

	FONT-SIZE: 12px;

	line-height: 21px;

	COLOR: #4E4D4D;

	vertical-align: top;

	FONT-FAMILY: Arial, Verdana;

}

.text a {

	FONT-SIZE: 12px;

	COLOR: #4E4D4D;

	text-decoration: none;

}

.text a:hover {

	FONT-SIZE: 12px;

	COLOR: #4E4D4D;

	text-decoration: none;

}

.footer {

	background-position: center top;

	height: 22px;

	width: 904px;

	background-image: url('../images/footer.jpg');

	background-repeat: no-repeat;

	FONT-SIZE: 11px;

	text-align: center;

	COLOR: #535353;

	FONT-FAMILY: Arial, Verdana;

}

.footer a {

	FONT-SIZE: 11px;

	COLOR: #3F3F3B;

	text-decoration: none;

}

.footer a:hover {

	FONT-SIZE: 11px;

	COLOR: #3F3F3B;

	text-decoration: none;

}

.textbox {

	padding: 10px;

	FONT-SIZE: 12px;

	line-height: 18px;

	COLOR: #4E4D4D;

	vertical-align: top;

	FONT-FAMILY: Arial, Verdana;

}

/* Gallery */

.gallery .light
		{
			display:block;
			position:fixed;             /*streches the light across the viewport */
			height:100%;                          /* ... */
			width:100%;                           /* ... */
			top:0;                                /* ... */
			bottom:0;                             /* ... */
			right:0;                              /* ... */
			left:-9999px;               /* hides the light from view */
			background-color:black;     /* choose whatever color you like */
			z-index:19;
			cursor:default;
		}

		/* used for positioning the inner box */
		.gallery .lightbox
		{
			display: table;             /* required for vertical centering */
			position:fixed;             /*streches the box across the viewport */
			height:100%;                          /* ... */
			width:100%;                           /* ... */
			top:0;                                /* ... */
			bottom:0;                             /* ... */
			right:0;                              /* ... */
			left:-9999px;                /* hides the light from view*/
			z-index:20;
			cursor:default;
		}


		/* used for vertical centering */
		.gallery .lightbox .middle
		{
			display: table-cell;
			vertical-align: middle;
		}

		/* the inner, visible 'content' box */
		.gallery .lightbox .inner
		{
			display:table;               /* shrink wraps the inner box */
			margin:0 auto;               /* centers the (shrinked) inner box */
			margin-top:-5%;              /* use this to adjust the vertical position,
			                                0 centers the box vertically */
			text-align:center;           /* centers the image and the description inside the box*/
			background-color:white;      /* choose whatever color you like */
			padding:20px;                /* choose ehatever padding you like */

		}

		/* triggers the box */
		.gallery a:active .lightbox,
		.gallery a:focus .lightbox
		{
			left:0;                      /* unhide the box */
		}

		/* active (visible) light settings */
		.gallery a:active .light,
		.gallery a:focus .light
		{
			left:0;                                                             /* unhide the light */

			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";   /* IE8 opacity */
		 	filter: alpha(opacity=75);                                          /* IE7- opacity*/
		 	opacity:0.85;
		}

		/* the symbol to close the lightbox */
		.gallery a .close
		{
			display:block;
			position:fixed;
			right:-30px;                 /* hide from view when box is closed */
			top:0;
			width:16px;
			height:16px;
			background-image:url(../images/close123.gif);
			z-index:200;                 /* on top of the box but below the #selfRef */
			margin: 10px 10px 0 0;
		}

		.gallery a:active .close,
		.gallery a:focus .close
		{
			right:0;                     /* unhide the close-symbol */
		}

		/*
			this is a transparent anchor embedded in the main page and brought
			to the top with a high z-index. Clicking this results in the link losing
			focus and therefore box being closed. This has to be positioned over the
			close-symbol.
		*/
		#selfRef
		{
			display:block;
			position:fixed;
			width:16px;
			height:16px;
			right:0;
			top:0;
			z-index:300;
			margin: 10px 10px 0 0;
			outline:none;
			/* transparent png - required to fix opera
			                                        bug where a link without background
			                                        is not recognized when positioned over
			                                        an image */
		}

		/* the descriptive text below the image */
		.gallery .lightbox .description
		{
			display:inline-block;
			max-width:500px;             /* sets a width for the text to start wrapping */
			color:gray;                  /* the descriptive text's color */
			margin-top:20px;             /* set's the distance between the image and the text */
		}


		.gallery
		{
			list-style:none;
			float:left;                  /* applied for clearing the container */
			margin:0;
			padding:10px 0 10px 25px;
			width:840px;                 /* adjust this if you want more or less images
			                                in a row */
		}

		.gallery li
		{
			float:left;
			display:inline;              /* fixes various IE bugs */
			padding:0;
			width:230px;                  /* adjust to thumbnail width */
			margin:5px 30px 5px 20px;
		}

		.gallery a,
		.gallery a:visited,
		.gallery a:hover
		{
			text-decoration:none;
		}

		/* the thumbnails */
		.gallery img
		{
			display:block;
		}

		/* the box image */
		.gallery .lightbox img
		{
			display:inline;              /* required reset */
			border:5px #FFFFFF solid;
			border-bottom:15px #FFFFFF solid;
		}

		.clear
		{
			clear:both;                  /* clears the (content) container */
		}

		/*
			This is only used to demonstrate both (non-)transparent boxes
			in one gallery, you can also apply this directly to the .inner box.
		*/
		.gallery .lightbox .transparent
		{
			background-color:transparent;
		}