/* CSS Document */

* 
{
	margin:0 auto;
}

body
{
	
	background:url(../images/bg.gif) repeat-x;
	
}

form
{
	margin:0px;
}

table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-align:justify;
	color: #0F0F0F;
}

/*a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6B153F;
	text-decoration:underline;
}
a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #19436A;
	text-decoration:none;
}*/

/*Backgrounds*/
.Logo-bg{background:url(../images/header1.jpg) no-repeat;}
.Links-bg{background:url(../images/header3.gif) no-repeat;}
.Left-links-bg{background:url(../images/left-links-bg.gif) repeat-y;}
.Testi-bg{background:url(../images/testi-bg.gif) repeat-x;}
.Login-bg{background:url(../images/head-bg.gif) repeat-x;}

/* Title */

.Title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #19436A;
	font-weight:bold;
}

.Blue-Title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #00567B;
	font-weight:bold;
}

.Maroon-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4D0705;
	font-weight:bold;
}

.Small-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0F0F0F;
	font-weight:none;
}

.Blue-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #1F7BA2;
	font-weight:none;
}


.Footer
{
	background:url(../images/footer-bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	font-weight:none;

}




/* Links */

.Left-Links
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4D0705;
	text-decoration:none;
	padding-left:20px;
}
.Left-Links:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #597400;
	text-decoration:underline;
	padding-left:20px;
}

.Links
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	text-decoration:none;
}
.Links:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	text-decoration:underline;
}

.Links1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4D0705;
	text-decoration:none;
}
.Links1:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #0C7FB6;
	text-decoration:underline;
}

.Input
{
	background:url(../images/input-bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #0093C0;
	height:16px;
	width:143px;
	font-size:11px;
	color: #ffffff;
	text-decoration:none;
}

.Textbox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #184168;
	height:65px;
	width:195px;
	font-size:11px;
	color: #043555;
	text-decoration:none;
}

<!--mycss-->

.container
{
	width:950px;
	margin:0px auto;
	
}


.warper
{
width:940px;
padding:5px;
height:auto;
margin-top:5px;
}


.left_container
{
width:200px;
float:left;
}

.middle_container
{
width:523px;
float:left;
margin-left:5px;
}


.right_container
{
width:200px;
float:right;
}


.footer
{
width:950px;
height:46px;
clear:both;
}


.top_header
{
	width:950px;
	height:190px;
	background-image:url(../images/top_header.jpg);
}

.top_menu
{
	width:950px;
	height:50px;
	padding-top:140px;
	
}

.logo
{
	width:211px;
	height:38px;
	background-image:url(../images/logo.gif);
	float:left;
	margin-top:3px;
	margin-left:3px;
	
}


.email
{
width:200px;
height:30px;
float:left; padding: 17px 0 0 0;
}

.phone
{
width:180px;
height:30px;
float:right; padding: 3px 0 0 0;
}



/*------------- Menu ------------------*/
#templatemo_menu {
	float: left;
	width: 500px;
	height: 30px;
	

}

#templatemo_menu ul {
	float: left;
	width:500px;
	margin: 0;
	padding: 25px 0 0 0;
	list-style: none;
}

#templatemo_menu ul li{
	display: inline;
}

#templatemo_menu ul li a{
	float: left;
	padding: 0 10px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #4c6300;
	border-right: 1px solid #FFFFFF;
}

img
{
max-width:100%;
}

#selectmenu
{display:none;
}


.logo2
{
display:block;
}



/* end of menu */


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 480px) {

		body { 
			padding: 0;
			width:98%;
			max-width:480px; }
			
			
			table, thead, tbody, th, td, tr { 
    display: block; 
	
	
			}
			
			.email
		
{
display:none;
}

.phone
{
display:none; 
}




			
.container
{
	width:98%;
	margin:0px auto;
	float:left;
}


.top_header
{
	width:98%;
	height:190px; padding: 0;
	margin-left:10px;
	
	
}



#selectmenu { display: inline-block; background:url(../images/menu.JPG) left top repeat-x; width:282px; height:25px;  margin-top:3px; cursor:pointer; }

#templatemo_menu{width:282px; float:left; display:block;  margin-left:10px; height:30px;   margin-top:-5px; clear:both;}
#templatemo_menu ul li
{
	display:none;
}



.logo
{
	width:211px;
	height:38px;
	background-image:url(../images/logo.gif);
	float:left;
	margin-top:3px;
	margin-left:50px;
	
}


.logo2
{
	width:183px;
	height:23px;
	background-image:url(../images/email.jpg);
	float:left;
	margin-top:13px;
	margin-left:50px;
	
}

.ph
{
	width:105px;
	height:44px;
	background-image:url(../images/call.jpg);
	float:left;
	margin-top:13px;
	margin-left:50px;
	
}

.warper
{
width:98%;
padding:5px;
height:auto;
margin-top:5px;
}


.left_container
{
width:98%;
float:left;
}

.middle_container
{
width:98%;
float:left;

}


.right_container
{
width:98%;
float:right;
padding-top:200px;
}


.footer
{
width:35%;

float:left;


clear:both;
}

.style3 {font-size: 12px; float:left;}

.Footer
{
	background:#006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	width:35%;
	height:110px;
	margin-top:10px;
	
	float:left;
	
}

}

@media only screen and (min-width: 780px) and (max-width: 1024px) 

{
	body
	{
		width:98%;
		min-width:780px;
		margin:0 auto;
	}
	
	
			
			table, thead, tbody, th, td, tr { 
    display: block; 
	
	
			}
			
			.warper
{
width:98%;
padding:5px;
height:auto;
margin-top:5px;
}


.left_container
{
width:98%;
float:left;
}

.middle_container
{
width:98%;
float:left;

}
	
}