* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

body {
	background: url(../images/background2.gif);
	background-repeat:repeat-x;
	background-position:center top;
}

#wrap {
	width: 100%;
	min-height: 100%;
}

#header {
	width: 100%;
	background: url(../images/bg_header.png);
	height: 170px;
}

#bodydiv {
	padding-bottom: 110px; /* must be same height as the footer */
	width:960px;
	margin:15px auto 0 auto;
}

#leftcol {
	width:164px;
	display:inline-block;
	vertical-align:top;
}

#rightcol {
	width:780px;
	display:inline-block;
	vertical-align:top;
}

#rightcol p {
	padding:10px 10px 10px 20px;
	font-size:11pt;
	font-weight:normal;
}

#rightcol h1, #rightcol h2, #rightcol h3 {
	font-family: 'Droid Sans', sans-serif;
	color:#888;
}

#rightcol h1 {
	font-size:22pt;
	/*text-shadow:1px 1px 2px #000000;*/
	padding:10px 0 0 15px;
}

#rightcol h2 {
	font-size:15pt;
	padding:15px 0 0 15px;
}

#rightcol h3 {
	font-size:20pt;
	padding-top:12px;
	padding-bottom:20px;
}

#rightcol li {
	margin-left:20px;
	font-size:14px;
}

#rightcallout {
	width:156px;
	height:400px;
	float:right;
	padding:8px;
	margin:3px 0 10px 15px;
	color:#fff;

	background:#0063de;
	background:-moz-linear-gradient(top, rgba(0,99,222,1) 0, rgba(0,99,222,1) 300px, rgba(255,255,255,1) 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,99,222,1)), color-stop(300px,rgba(0,99,222,1)), color-stop(100%,rgba(255,255,255,1)));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#0063de 0,#0063de 300px,#ffffff);
	background:-o-linear-gradient(top, rgba(0,99,222,1) 0, rgba(0,99,222,1) 300px, rgba(255,255,255,1) 100%);/* Opera 11.10+ */
	background:linear-gradient(to bottom, rgba(0,99,222,1) 0, rgba(0,99,222,1) 300px, rgba(255,255,255,1) 100%);/* W3C */
	-pie-background:linear-gradient(top, rgba(0,99,222,1) 0, rgba(0,99,222,1) 300px, rgba(255,255,255,1) 100%);/* IE6-9 */
	background:-khtml-gradient(linear,left top,left bottom,from(#0063de),to(#ffffff));
	background: -ms-linear-gradient(top left, #0063DE 0, #0063DE 300px, #FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF0063DE,EndColorStr=#FFFFFFFF);
}

#rightcallout h3 {
	color:#fff;
	margin:4px 0 6px 0;
	padding:0;
	font-size:19px;
	/*text-shadow:1px 1px 2px #000000;*/
}

#rightcallout h2 {
	color:#fff;
	margin:0;
	padding:0;
}

#loginblock  h1, #newsiteblock  h1, #editblock  h1 {
	margin:4px 0 16px 0;
}

#rightcallout label, #loginblock label, #newsiteblock label {
	font-size:11px;
	display:block;
}

#editblock label {
	font-size:14px;
	font-weight:bold;
	color:#888888;
	display:block;
	padding-top:10px;
	padding-bottom:2px;
}

#rightcallout input[type="text"], #rightcallout input[type="password"], #loginblock input[type="text"], #loginblock input[type="password"], #newsiteblock input[type="text"], #newsiteblock input[type="password"] {
	width:130px;
	height:15px;
	padding:5px;
	margin:0 0 10px 0;
	display:block;
}

#editblock input[type="checkbox"] {
	margin:0 0 0 10px;
	display:inline;
}

#editblock input[type="file"] {
	width:470px;
	height:25px;
	padding:6px 2px 2px 2px;
	margin:0 0 0 35px;
	border:1px solid #ccccff;
}

#rightcallout input[type="submit"], #loginblock input[type="submit"], #newsiteblock input[type="submit"], #editblock input[type="submit"] {
	width:137px;
	height:25px;
	padding:2px;
	margin:0;
}

#rightcallout p, #loginblock p, #newsiteblock p, #editblock p {
	color:#fff;
	margin:15px 0 6px 0;
	padding:0;
	font-size:11px;
}

#newsiteblock p, #editblock p {
	color:#000;
	margin-left:20px;
}

#editblock p {
	font-size:12pt;
}

#editblock p.smallish {
	margin:0 0 3px 30px;
	font-size:8pt;
}

#editblock textarea {
	width:540px;
	height:75px;
	padding:5px;
	margin:0 0 5px 40px;
	border:1px solid #ccccff;
}

#loginblock label, #loginblock input[type="text"], #loginblock input[type="password"], #loginblock input[type="submit"], #newsiteblock label, #newsiteblock input[type="text"], #newsiteblock input[type="password"], #newsiteblock input[type="submit"], #editblock label, #editblock input[type="text"], #editblock input[type="password"], #editblock input[type="submit"] {
	margin-left:20px;
}

#newsiteblock input[type="submit"], #editblock input[type="submit"] {
	text-align:center;
	margin-left:20px;
}

.coldiv {
	width:250px;
	display:inline-block;
	vertical-align:top;
}

#menu {
	margin:0;
	padding:0;
	width: 164px;
	vertical-align:top;
}

#menu ul {
	width:164px;
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align:top;
}

#menu li {
	padding:5px 5px 7px 10px;
	background:#009;
	border-bottom:1px solid #00b;
	display: block;
}

#menu li:hover {
	background:#00b;
}

#menu a {
	color:#fff;
	padding: 0;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover {
	color: #ddd;
}

#menu2 {
	margin:38px 0 0 0;
	padding:0;
	width:780px;
	vertical-align:top;
}

#menu2 ul {
	margin:0 0 12px 0;
	padding:0;
	vertical-align:top;
}

#menu2 li {
	display: inline;
}

#menu2 li:hover {
	background:#999;
}

#menu2 a {
	width:200px;
	padding:25px 14px 9px 13px;
	margin:-1px;
	color:#fff;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background:#ddd url(../images/cornertr.png);
	background-repeat:no-repeat;
	background-position:top right;
	position:relative;
}

#menu2 a:hover {
	color: #444;
	background:#999;
}

#undermenu {
	width:148px;
	height:450px;
	padding:8px;
	float:left;

	color:#fff;

	background:#0063de;
	background:-moz-linear-gradient(top, rgba(0,99,222,1) 0, rgba(0,99,222,1) 250px, rgba(255,255,255,1) 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,99,222,1)), color-stop(250px,rgba(0,99,222,1)), color-stop(100%,rgba(255,255,255,1)));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#0063de 0,#0063de 250px,#ffffff);
	background:-o-linear-gradient(top, rgba(0,99,222,1) 0, rgba(0,99,222,1) 250px, rgba(255,255,255,1) 100%);/* Opera 11.10+ */
	background:linear-gradient(to bottom, rgba(0,99,222,1) 0, rgba(0,99,222,1) 250px, rgba(255,255,255,1) 100%);/* W3C */
	-pie-background:linear-gradient(top, rgba(0,99,222,1) 0, rgba(0,99,222,1) 250px, rgba(255,255,255,1) 100%);/* IE6-9 */
	background:-khtml-gradient(linear,left top,left bottom,from(#0063de),to(#ffffff));
	background: -ms-linear-gradient(top left, #0063DE 0, #0063DE 250px, #FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF0063DE,EndColorStr=#FFFFFFFF);
}

#headings {
	height: 125px;
	width: 960px;
	margin: 0 auto;
}

#headings h1 {
	 font-size: 45pt;
	 font-weight: bold;
	 font-family: Georgia;
	 font-style: italic;
	 padding: 0;	
}

#headings h2 {
	 font-size: 14pt;
	 font-weight: bold;
	 font-family: Georgia;
	 font-style: italic;
	 padding: 0;	
}

#main {
	overflow: auto;
	padding-bottom: 110px; /* must be same height as the footer */
	width: 960px;
	margin: 0 auto;
}

#main p {
	padding: 15px 0 0 0;
}

#main h1 {
	 font-size: 19pt;
	 font-weight: bold;
	 font-family: Georgia;
	 font-style: italic;
	 padding: 25px 0 0 0;	
}

#main h2 {
	 font-size: 16pt;
	 font-weight: bold;
	 font-family: Georgia;
	 font-style: italic;
	 padding: 25px 0 0 0;	
}

.item {
	border: 1px solid #999;
	width: 232px;
	float: left;
	margin: 10px 20px 10px 0;
	background: url(../images/bg-text.png);
}

.lastitem {
	border: 1px solid #999;
	width: 232px;
	float: left;
	margin: 10px 0 10px 0;
	background: url(../images/bg-text.png);
}

.item p {
	font-size: .85em;
	margin: 0 10px 10px 10px;
}

.lastitem p {
	font-size: .85em;
	margin: 0 10px 10px 10px;
}

.item img {
	padding: 15px 15px 0 15px;
}

.lastitem img {
	padding: 15px 15px 0 15px;
}

#footercontainer {
	position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	clear: both;
} 

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 8px 0 20px 0;
	border-top:3px solid #eee;
}

#footer a {
	color: #000;
}

.footOne {
	float: left;
	width: 500px;
	color: #000;
	font-size: 8pt;
	text-align: left;
	margin: 7px 0 0 0;
}

.footTwo {
	float: right;
	width: 400px;
	color: #000;
	font-size: 8pt;
	text-align: right;
	margin: 7px 0 0 0;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#bodycol {
	padding:4px;
	width:960px;
	background:#f3f3f3;
	-webkit-box-shadow: 0 0 20px 3px #555555;
	-moz-box-shadow:: 0 0 20px 3px #555555;
	box-shadow:: 0 0 20px 3px #555555;
}

.cmaheader {
	background:#009;
	color:#fff;
	display:block;
	padding:8px 10px;
	font-size:14pt;
	font-weight:bold;
}

.cmaitemgrey {
	background:#eee;
	padding:10px 4px;
	display:block;
}

.cmaitemwhite {
	background:#fff;
	padding:10px 4px;
	display:block;
}

.cmaheader a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.cmaheader a:hover {
	color:#ccff66;
}

.cmaitemgrey a, .cmaitemwhite a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding-right:10px;

}

.cmaitemgrey a:hover, .cmaitemwhite a:hover {
	color:#00d;
	text-decoration:underline;
}

.itemhead {
	padding-left:15px;
	font-size:12pt;
	font-weight:bold;
	width:190px;
	display:inline-block;
	vertical-align:top;
}

.itemhead2 {
	padding-left:15px;
	padding-top:10px;
	font-size:12pt;
	font-weight:bold;
	width:190px;
	display:inline-block;
	vertical-align:top;
}

.itemheadsmall {
	font-size:8pt;
	font-weight:normal;
}

.itemcontent {
	font-size:11pt;
	font-weight:normal;
	width:340px;
	display:inline-block;
	vertical-align:top;
}

.itemcontentn {
	font-size:11pt;
	font-weight:bold;
	width:310px;
	display:inline-block;
	vertical-align:top;
}

.itemcontentw {
	font-size:11pt;
	font-weight:normal;
	width:550px;
	display:inline-block;
	vertical-align:top;
	text-align:right;
}

.itemaction {
	text-align:right;
	font-size:9pt;
	font-weight:normal;
	width:200px;
	display:inline-block;
	vertical-align:top;
	padding:0;
}

.itemaction input[type="submit"] {
	margin:0;
	padding:2px 8px;
}

.itemaction a:hover {
    text-decoration: none;
	color:#4444ff;
}

.itemactionn {
	width:1px;
	display:inline-block;
	padding:0;
}

.itemactionw {
	text-align:left;
	font-size:9pt;
	font-weight:normal;
	width:240px;
	display:inline-block;
	vertical-align:top;
	padding:0;
}

.itemcontentw a:hover {
    text-decoration: none;
	color:#4444ff;
}

.nospace {
	margin:0;
	padding:2px 8px;
}

.lftpad {
	padding-left:15px;
}

.sidebargrad {
	height:100px;
	background:#fff url(../images/menu-bottom-fill.png);/* Old browsers */
	background-repeat:repeat-x;
	background:-moz-linear-gradient(top, rgba(0,99,222,1) 0%, rgba(255,255,255,1) 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,99,222,1)), color-stop(100%,rgba(255,255,255,1)));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#0063de,#ffffff);
	background:-o-linear-gradient(top, rgba(0,99,222,1) 0%, rgba(255,255,255,1) 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0,99,222,1) 0%, rgba(255,255,255,1) 100%);/* IE10+ */
	background:linear-gradient(to bottom, rgba(0,99,222,1) 0%, rgba(255,255,255,1) 100%);/* W3C */
	-pie-background:linear-gradient(top, rgba(0,99,222,1) 0%, rgba(255,255,255,1) 100%);/* IE6-9 */
	background:-khtml-gradient(linear,left top,left bottom,from(#0063de),to(#ffffff));

background-image: -ms-linear-gradient(top left, #0063DE 0%, #FFFFFF 100%);
    zoom: 1;

}

.contaddress {
	margin-left:30px;
	font-weight:bold;
}

input[type="text"], input[type="password"], input[type="email"], select {
	border:1px solid #ccc;
	padding:5px 3px;
	margin:0;
	background:#fff;
	width:240px;
	height:15px;
}

input[type="submit"] {
	margin:15px 0 0 300px;
	padding:3px 4px;
}

.labeltext {
	display:inline-block;
	width:150px;
	text-align:right;
	padding-bottom:15px;
}

.txtarea {
	display:inline;
	height:80px;
	width:247px;
}

.bigdollar {
	font-size:170%;
	vertical-align:-15%;
	line-height:70%;
}

.noformatlink {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.noformatlink:visited {
	color:#000000;
}

.noformatlink:hover {
	color:#888888;
	text-decoration:underline;
}

#editblock input[type="text"], #editblock input[type="password"] {
	width:540px;
	height:15px;
	padding:5px;
	margin:0 0 5px 40px;
	display:block;
	border:1px solid #ccccff;
}

#qrdiv {
	background:#ffffff;
	width:120px;
	border:1px solid #888888;
	padding:0;
	margin:10px 10px 0 10px;
}

#qrdiv img {
	width:120px;
	height:120px;
}

#qrdiv p.smallish {
	color:#000000;
	margin:0 7px 5px 7px;
	padding:0;
	font-size:8pt;
}

.modern {
	font-size:9pt;
    display: inline-block;
    margin: 0;
    padding: 6px 10px;
	width:140px;
    background: #eeeeee;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 6px;
    transition: all 0.3s ease-out;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2);
	text-align:center;
}
 
.modern {
    box-shadow:none;
}
 
.modern:hover {
    background: #dedede;
    text-decoration: none;
    box-shadow:none; 
    border: 1px solid rgba(0,0,0,0.30);
}

.modernsmall {
	font-size:9pt;
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 3px 10px;
	width:45px;
    background: #eeeeee;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 6px;
    transition: all 0.3s ease-out;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2);
	text-align:center;
}
 
.modernsmall:hover {
    background: #dedede;
    text-decoration: none;
    box-shadow:none; 
    border: 1px solid rgba(0,0,0,0.30);
}

.modernspacer {
    display: inline-block;
	width:76px;
}

.modernflex {
	font-size:9pt;
    display: inline-block;
    margin: 0;
    padding: 6px 10px;
    background: #eeeeee;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 6px;
    transition: all 0.3s ease-out;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2);
	text-align:center;
}
 
.modernflex:hover {
    background: #dedede;
    text-decoration: none;
    box-shadow:none; 
    border: 1px solid rgba(0,0,0,0.30);
}

#undermenu h3 {
	font-family: 'Droid Sans', sans-serif;
	color:#fff;
	margin:4px 0 8px 0;
	padding:0;
	font-size:19px;
	/*text-shadow:1px 1px 2px #000000;*/
}

#undermenu label {
	width:50px;
	font-size:10px;
	text-align:right;
	display:inline-block;
}

#undermenu input[type="text"], #undermenu input[type="password"] {
	width:85px;
	height:12px;
	padding:3px;
	margin:0 0 10px 0;
	display:inline-block;
}

#undermenu input[type="submit"] {
	width:100%;
	height:25px;
	padding:2px;
	margin:0 auto;
}

#undermenu p {
	color:#fff;
	margin:15px 0 6px 0;
	padding:0;
	font-size:11px;
}

#undermenu strong {
	display:block;
	font-size:18px;
}

.notes {
	font-size:9px;
	text-align:center;
}

	.package {border:1px solid #dddddd; padding:15px; width:44em; height:32.6em;
		background:white;}

.package h2 {
	margin:-15px -15px 0 -15px;
	background-color:#00A2D3;
	text-align:center;
	font-weight:normal;
	font-size:40px;
	letter-spacing:-1px;
	padding:3px;
	color:#FFFFFF;
}
li.slideli h2 {
	font-size:63px;
	color:#FFFFFF;
}

	.package h2 span {background-color:#333333; font-size:24px; color:#ffffff; font-weight:bold; letter-spacing:0;
		padding:2px 5px; vertical-align:middle;}
	.package h3 {margin:0 -15px 0 -15px; font-size:16px; padding:2px; text-align:center;
		font-weight:bold; background-color:#FFFFFF; color:#666666;}
	.package ul {margin:10px 0 0 0; padding:0; list-style:none; text-align:center;}
	.package ul li {border-bottom:1px solid #dddddd; padding:4px 0; font-size:12px;}
	.package ul li span {background-color:yellow;padding:4px 10px;}

	ul.slideul {
		list-style: none;
		padding: 0;
		margin: 0 0 0 8px;
		width: 41em;
		height: 21em;
	}
	li.slideli {
		width: 17em;
		height: 20em;
		background-color: #ccc;
		text-align: center;
		cursor: pointer;
		margin-right:30px;
		padding-right:30px;
		-webkit-backface-visibility: hidden;
	}
	.roundabout-in-focus {
		cursor: auto;
	}
	@-moz-document url-prefix() {
		ul.slideul {
			width: 33em;
			margin: 0 0 0 60px;
		}
	}

.startnow {
	float:right;
	margin:0 20px 0 0;
}

.sitepic {
	display:inline-block;
	margin:0 4px 20px 4px;
}

.sitepic input[type="image"] {
	display:block;
	width:135px;
	height:auto;
	border:1px solid #cccccc;
	clear:both;
}

.tarcmamenu {
	width:100%;
	height:35px;
	background:#000000;
	color:#ffffff;
	padding:15px 0 0 0;
}

.tarcmamenu a {
	color:#ffffff;
	font-weight:bold;
	font-family:arial,helvetica,sans-serif;
	font-size:12pt;
	text-decoration:none;
}

.tarcmamenu a:hover {
	color:#cccccc;
	text-decoration:underline;
}

.tarcmamenuleft {
	display:inline-block;
	width:47%;
	text-align:left;
	padding-left:15px;
}

.tarcmamenuright {
	display:inline-block;
	width:48%;
	text-align:right;
	padding-right:0;
}

.info-box {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
  margin: 20px 0;
  padding: 15px;
  text-align: left;
}

.alert {
  background-color: #faebeb;
  border: 1px solid #dc7070;
  color: #212121;
}

a:link.intext {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a:hover.intext {
	color:#777777;
	text-decoration:underline;
}