/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x;
}

/*a {
	color:#3b5998; 
	font-size:12px;
	}
	
a:hover{
	text-decoration:none;
	}
*/

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

a { 
	color: #3b5998; 
	outline-style: none;
	text-decoration: none; 
	font-size: 14px; 
	font-weight: bold; 
} 

a:hover { 
	text-decoration: underline; 
} 



html, input, textarea
	{
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
		font-size: 14px; 
		line-height: 14px;
		color: #333333; 
	}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:14px; color:#444444;}


/*main layout */
.h_logo{ height:65px; width:100%;}

#header_tall {background:url(images/header_tall.gif) top repeat-x;}

#main { margin:0 auto;}

#header .left {padding-top:20px;}
#header .center {padding-top:45px; text-align: left; font-size: 22px; color: #1a6bb2;}

#menu {height:65px;}
#menu .padding {padding:9px;}
#menu li {padding:8px 5px 5px 5px; color: #1a6bb2; font-weight: bold; float:left; margin-right: 4px; text-decoration: none; }
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:14px; display:block; padding:8px 5px 5px 5px;}
#menu li span {font-weight:bold; font-size:14px; display:block; padding:8px 0 5px 0; background-color: #1a6bb2; color: #ffffff; padding:8px 5px 5px 5px;}
#menu li a:hover {background-color: #1a6bb2; color: #ffffff; cursor: hand; }


#middle { width:100%;}

#footer .indent {padding:23px 0 0 17px; color:#868686; font-size:11px;}
#footer a {color:#444444; font-size:11px;}


.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}


.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#1a6bb2;}
li a {color:#1a6bb2; font-size:11px;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}
.b_text_big{color:#3d6f92; font-size: 18px;}

/* index */

#index #middle .indent {padding:17px 0 19px 0;}
#index #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 {padding:21px 0 0 0;}
#index #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;}
#index #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}


/* index-1 */
#index_1 #header .content {background:url(images/header_bg.jpg) top left no-repeat; padding:30px 30px 95px 424px;}
#index_1 #header .content .text {padding:2px 0 3px 2px; font-weight: bold; font-size: 25px; line-height:25px; text-align: center;}
#index_1 #header .content a img {float:right;}
#index_1 #header .content .b_text {color:#3d6f92; text-align: right;}

#index_1 #middle .indent {padding:17px 0 20px 0;}
#index_1 #middle .column1 .padding1 {padding:16px 20px 0 16px;}
#index_1 #middle .column1 .padding1 .content{padding:0 0 20px 1px;}
#index_1 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_1 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_1 #middle .column1 .padding2 {padding:0px 20px 0 16px;}
#index_1 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_1 #middle .cols .more {margin-top:-19px;}
#index_1 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_1 #middle .cols {padding:14px 0 0 0;}

#index_1 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_1 #middle .column2 ul li {font-weight:bold;}
#index_1 #middle .column2 .p1 {padding:1px 0 8px 0;}
#index_1 #middle .column2 .p2 {padding:12px 0 17px 0;}
#index_1 #middle .column2 .p3 {padding:17px 0 17px 0;}


/* index-2 */
#index_2 #header .content {background:url(images/header_bg_application.jpg) top left no-repeat; padding:20px 20px 0px 320px;}
#index_2 #middle .indent {padding:17px 0 20px 0;}
#index_2 #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_2 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_2 #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#index_2 #middle .columns2 {padding:21px 0 0 0;}
#index_2 #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index_2 #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index_2 #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;}
#index_2 #middle .columns2 .column1 .p2 {padding:0 0 4px 0;}
#index_2 #middle .columns2 .column2 .content {padding:7px 0 15px 0;}
#index_2 #middle .columns2 .column2 ul {margin-bottom:1px;}

/* index-3 */

#index_3 #middle .indent {padding:17px 0 20px 0;}
#index_3 #middle .column1 .padding1 {padding:16px 15px 0 23px;}
#index_3 #middle .column1 .padding1 .content{padding:5px 0 5px 1px;}
#index_3 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd {padding:14px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd2 {padding:10px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd3 {padding:13px 0 0 0;}
#index_3 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_3 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_3 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_3 #middle .cols .more {margin-top:-19px;}
#index_3 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_3 #middle .cols {padding:14px 0 0 0;}

#index_3 #middle .column2 .padding{padding:9px 13px 8px 15px;}
#index_3 #middle .column2 .p1 {padding:1px 0 11px 0;}
#index_3 #middle .column2 .p2 {padding:12px 0 11px 0;}
#index_3 #middle .column2 .p3 {padding:13px 0 6px 0;}


/* index-4 */

#index_4 #middle .indent {padding:17px 0 20px 0;}
#index_4 #middle .column1 .padding1 {padding:16px 22px 0 16px;}
#index_4 #middle .column1 .padding1 .content{padding:14px 0 34px 1px;}
#index_4 #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px;}

#index_4 #middle .column1 .padding2 {padding:34px 23px 0 16px;}
#index_4 #middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#index_4 #middle .column1 .padding2 .more {margin-top:9px;}

#index_4 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_4 #middle .column2 .margin .padding{padding:9px 12px 2px 15px;}
#index_4 #middle .column2 ul {margin:0 0 2px 1px;}
#index_4 #middle .column2 .margin {padding-top:6px;}
#index_4 #middle .column2 .p1 {padding:0 0 8px 0;}


/* index-5*/
#index_5 #header .content {background:url(images/header_bg_contact.jpg) top left no-repeat; padding:180px 30px 0px 270px;}
#index_5 #header .content .text {padding:2px 0 3px 2px; font-weight: bold; font-size: 25px; line-height:25px; text-align: center;}
#index_5 #header .content a img {float:right;}
#index_5 #header .content .b_text {text-align: right;}

#index_5 #middle .indent {padding:17px 0 20px 0;}
#index_5 #middle .columns1 .column1 .padding{padding:9px 13px 5px 15px;}
#index_5 #middle .columns1 .column1 .padding_bedb{padding:9px 13px 51px 15px; font-size: 10px;}
#index_5 #middle .columns1 .column2 .padding{padding:9px 13px 5px 15px;}
#index_5 #middle .columns1 .column1 .h_padding{padding:9px 13px 5px 15px;}
#index_5 #middle .columns1 .column2 .h_padding{padding:9px 13px 5px 15px;}
#index_5 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_5 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_5 #middle .columns1 a{color:#868686; font-size:11px; text-decoration:none;}
#index_5 #middle .columns1 a:hover {text-decoration:underline;}

#index_5 #middle .columns2 {padding:22px 0 0 0;}
#index_5 #middle .columns2 .padding {padding:14px 15px 0 17px;}
#index_5 #middle .columns2 .p1 {padding:14px 0 10px 0;}
#index_5 #middle .columns2 .p2 {padding:0 0 4px 0;}

#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:33px 15px 17px 17px;}
#index_6 #middle .p1 {padding:6px 0 0 0;}

/* Facebook Box Styles */
.fbgreybox { 
	background-color: #f7f7f7; 
	border: 1px solid #cccccc;
	color: #333333; 
	padding: 10px; 
	font-size: 13px; 
	font-weight: bold; 
}

.fbbluebox { 
	background-color: #eceff6; 
	border: 1px solid #d4dae8;
	color: #333333; 
	padding: 10px; 
	font-size: 13px; 
	font-weight: bold; 
}

.fbinfobox { 
	background-color: #fff9d7; 
	border: 1px solid #e2c822;
	color: #333333; 
	padding: 10px; 
	font-size: 13px; 
	font-weight: bold; 
}

.fberrorbox { 
	background-color: #ffebe8; 
	border: 1px solid #dd3c10;
	color: #333333; 
	padding: 10px; 
	font-size: 13px; 
	font-weight: bold; 
} 

/*Content Divider on White Background */ 

.fbcontentdivider { 
	margin-top: 15px; 
	margin-bottom: 15px; 
	width: 520px; 
	height: 1px; 
	background-color: #d8dfea; 
} 

/* Facebook Tab Style */ 
.fbtab { 
	padding: 8px;
	background-color: #d8dfea; 
	color: #3b5998; 
	font-weight: bold; 
	float:left; 
	margin-right: 4px; 
	text-decoration: none; 
} 

.fbtab:hover {
	background-color: #3b5998; 
	color: #ffffff; 
	cursor: hand; 
}

/* lightbox styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
