@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: baseline; */
	text-decoration: none;
	}

body { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; line-height: 1.6em; font-weight: normal;  }

p {	 }

a:link { color: #0D7DAF; text-decoration: none; }
a:visited {	color: #0D7DAF;	text-decoration: none;	}
a:hover { text-decoration: underline; color: #000000;}
a:active { text-decoration: none; color: #0D7DAF; }

#topWrap { width: 100%; height: 67px; background-image: url(images/topbg.jpg); text-align: center; padding-top: 20px; }
.topwrap { font-size: 38px; font-weight: bold; line-height: 1em; color: #FFFFFF; }

.logo { color: #808184; }
.logo a:link { color: #0D7DAF; text-decoration: none; }
.logo a:visited {	color: #0D7DAF;	text-decoration: none;	}
.logo a:hover { text-decoration: none; color: #FFFFFF;}
.logo a:active { text-decoration: none; color: #0D7DAF; }

h1 { font-size: 34px; font-weight: bold; color: #000000; line-height: 1em; padding-top: 20px; }
h2 { font-size: 34px; font-weight: bold; color: #0D7DAF; line-height: 1em; padding-top: 10px; }
h3 { font-size: 24px; font-weight: bold; font-style: normal; color: #000000; line-height: 2em; margin-top: 40px; margin-bottom: 20px;}

h4 { color: #da0000; font-weight: bold; font-size: 18px; margin-top: 20px;} 
.h4 { color: #da0000; font-size: 10px;} 
h5 { color: #0D7DAF; font-weight: bold; font-size: 20px; line-height: 1em; margin-top: 0px; margin-bottom: 10px;} 

#container { width: 1024px; margin-top: 0px; margin-left: 0px; float: right; }
  
.pic { float: right; margin: 0px 0px 10px 40px;}
#wrapper{ width: 1024px; height: auto; margin-right: auto; margin-left: auto; padding-top: 20px;   }
.separator { padding-top: 24px; padding-bottom: 24px; }
.divider { width: 660px; }

#thumbWrapper { width: 660px; height: auto !important; padding-top: 20px; float: right; }


.arrow { padding-top: 16px;}
#header { width: 100%; height: 96px; background-image: url(images/headerbg.jpg); text-align: center; float: right;  }
#footer { width: 100%; height: auto; margin-top: 40px; background-image: url(images/footerbg.jpg); float: right; text-align: center; padding-top: 20px; padding-bottom: 20px;}

#footWrap { width: 1024px; height: 30px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px;}
.footlink { width: 340px; height: auto; float: left;}




/*----------Start of Media querry ------------*/


@media (max-width:1200px)
{
	#wrapper
	{
		width:1024px;
		max-width:100%;
	}
	#mainWrapper
	{
		width:1024px;
		max-width:100%;
	}
		#mainWrapper h3
		{
			float:left;
			width:100%;
			margin-top:15px;
		}
		
		#mainWrapper img
		{
		width:100%;	
		}
		#container
		{
			width:100%;
		}
		#header
		{
			height:auto;
		}
		
}

@media (max-width:1024px)
{
	#wrapper
	{width:992px;
		max-width:100%;}
	
	#mainWrapper {
    width: 992px;
    max-width: 100%;
}
		
}
@media (max-width:992px)
{
#wrapper
{
	width:768px;
}	

#mainWrapper {
    width: 768px;
    max-width: 100%;
}
.pic {
    float: right;
    margin: 0;
    padding-left: 15px;
}

}

@media (max-width:768px)
{
	
.nav-cont-sec p {
    font-size: 20px;
}
.nav-cont-sec p span a {
    font-size: 20px;
}

#wrapper {
    width: 768px;
    padding: 15px;
    max-width: 95%;
    float: left;
    padding: 0px 15px;
}
#mainWrapper {
    padding: 0px 0;
    max-width: 95%;
}
.pic {
    float: right;
    margin: 0;
    padding-left: 0;
    width: 100%;
}

.pic img
		{
		width:50%;
min-width:200px;		
		}
#mainWrapper h3
{
	margin-top:0px;
}
#topWrap
{
	height:auto;
	    padding-bottom: 30px;
}
#topWrap .topwrap
{
	    font-size: 24px;
}
#header h1
{
	    font-size: 23px;
}

}

@media (max-width:639px)
{
	#wrapper {
    padding: 0px 10px;
}

.logo-sec {
    max-width: 130px;
}
.nav-cont-sec p {
    font-size: 14px;
}
.nav-cont-sec p span a {
    font-size: 14px;
}
.nav-cont-sec
{
	    padding: 15px 0;
}
#mainWrapper {
    padding: 0px 0px;
}


}


@media (max-width:464px)
{
	.logo-sec {
    width: 100%;
    text-align: center;
    max-width: 100%;
}
.logo-sec img
{
	width:auto;
}
.nav-cont-sec {
    width: 98%;
    float: left;
    padding: 8px 0;
    text-align: center;
}
.link-con {
    width: 93%;
	float:left;
}
.logo-inn {
    width: 100% !important;
}


.inn-link-col {
    width: 92%;
    float: left;
}
#wrapper
{
	max-width:92%;
}
#mainWrapper {
    max-width:92%;
}
}