﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	css for mobile pages

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#logo a {
	color:#4A6BB3;
	text-decoration:none;
	}

#top-information-mobilehome {
	position:absolute;
	top:13px;
	right:5px;
	width:50%;
	text-align:right;
	}
	
#top-information-mobilephone {
	position:absolute;
	top:0;
	right:5px;
	width:50%;
	text-align:right;
	font-size:1.65em;
	}

#top-information-mobilelink {
	position:absolute;
	top:26px;
	right:5px;
	width:50%;
	text-align:right;
	}

#content-container-one-column-mobile {
	margin-top:3px;
	margin-left:2px;
	margin-right:2px;
	padding:15px;
	/*width:89%;*/
	position:relative;
	top: 0px;
	left: 0px;
	border:1px solid #818181;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-informationmobile {
	height:4.5em;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:3px;
	color:#999999;
	font-size:.65em;
	position:relative;
	width:320px;
	top: 0px;
	left: 3px;
}
	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-mainmobile {
	background:#4160B0 url(../../images/bg-nav.png) no-repeat;
	margin-left:2px;
	margin-right:2px;
	/*width:100%;*/
	padding:.8em 0 1em 20px;
	position:relative;
	font-weight:bold;
}
#nav-mainmobile div {
	background:#4160B0 url(../../images/bg-nav-side.png) top right no-repeat;
	width:22.2%;
	_width:22.7%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#nav-mainmobile ul {
	margin:0;
	padding:0 20% 0 0;
	}
	
#nav-mainmobile li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#nav-mainmobile a:link,
#nav-mainmobile a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#nav-mainmobile a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-mainmobile a:active {
	color:#FFFFFF;
}

#nav-mainmobile li.current a:link,
#nav-mainmobile li.current a:visited {
	text-decoration:underline;
}

#nav-mainmobile li.current a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-mainmobile li.current a:active {
 	color:#FFFFFF;
}

/* ACTIVE PAGES */
#nav-mainmobile a.StaticSelectedStyle:link,
#nav-mainmobile a.StaticSelectedStyle:visited {
	color:#D4E7F8;
	text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footermobile {
	background:#4160B0 url(../../images/bg-nav.png) bottom left no-repeat;
	margin-top:3px;
	margin-left:2px;
	margin-right:2px;
	/*width:90%;*/
	padding:.8em 0 1em 0;
	position:relative;
	color:#a9c0db;
	font-size:.8em;
	width:320px;
}

#footermobile div {
	background:#4160B0 url(../../images/bg-nav-side.png) bottom right no-repeat;
	width:22.2%;
	_width:22.7%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#footermobile a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footermobile a:hover {
	color:#D4E7F8;
	text-decoration:none;
}

#footermobile a:active {
	color:#FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-submobile {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:.1em 0 2em 0;
	position:relative;
	font-size:.8em;
	color:#999999;
	}

#footer-submobile ul {
	margin:0;
	padding:0;
	}
	
#footer-submobile li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#footer-submobile a:link,
#footer-submobile a:visited {
	text-decoration:underline;
	color:#999999;
}

#footer-submobile a:hover {
	color:#666666;
	text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#pagetitlemobile {
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
	background:#608fc8;
	position:relative;
	color:#d5e8ff;
	font-size: small;
	/*padding:.5em  20px .7em 20px;*/
	padding:.5em  0 8px 0;
	/*padding:.1em 0 2em 0;*/
	top: 0px;
	left: 0px;
	width:320px;
}
#mainbodymobile
{
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
border:1px solid #818181;
width:316px
}
#pagetitlemobile a:link,
#pagetitlemobile a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#pagetitlemobile a:hover{
	color:#D4E7F8;
	text-decoration:none;
	}
