@charset "UTF-8";
/* CSS Document */
/*The temporary wood texture is from http://www.cgtextures.com/*/

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303;
	background-image: url(../skin/Sand_0060_600.gif);
	background-repeat: repeat;
}
#container {
	width: 1009px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#LeftCol {
	float: left;
	width: 184px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#PanelNav {
	height: 274px;
	margin-top: 50px;
	/* [disabled]background-image: url(../skin/MenuNotePad3_274.png); */
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
}
#MenuHeading {
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	background-image: url(../skin/AdNotePad_184-2/1.png);
	height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#MenuStretch {
	background-image: url(../skin/AdNotePad_184-2/2.png);
	height: 46px;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

#MenuBottomImage {
	height: 218px;
	background-image: url(../skin/AdNotePad_184-2/3.png);
	margin: 0px;
	padding: 0px;
}
#MenuText {
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
	padding-left: 13px;
	z-index: 100;
}


/* BEGIN Joe: css for subMenu files */
#MenuText ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 8px;
}

#MenuText ul li {
	margin: 0;
	padding: 0;
}
#MenuText ul li a {
	text-decoration: none;
	color: #6487AF;
	display: block;
	width: 140px;
	float: left;
}
#MenuText ul li a:hover {
	text-decoration: underline;
	color: #779CC3;
}
#MenuText ul li span {
	cursor: pointer;
}

#MenuText ul li span:hover {
	color: #00f;
}
.subMenu {
	/*The flyout menu*/
	position: absolute;
	background-color: #fff;
	border-style: solid;
	border-width: 1px 1px 3px 3px;
	border-color: #666;
	color: #333;
	/*is this the width of the submenu???????????*/
	width: 240px;
	min-height: 100px;
	padding: 10px;
	left: 100px;
	top: 100px;
	display: none;
}
/* This creates the 2nd column. Be sure to add class to each item menu file */
.hasCols {
	width: 350px;
}
.subMenu .col {
	/*is this the width of the submenu???*/
	width: 220px;
	float: left;
	margin: 0 3px 0 0;
}
.subMenu h2 {
	border-bottom: 1px solid #999;
	font-weight: bold;
	color: #666;
	padding: 0;
	/*Added by DEB*/
	font-size: 14px;
	margin-top: 4px;
	/*End Added by DEB*/
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.subMenu ul {
	padding: 0;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3; /*test, was 0 by DEB*/
	margin-left: 0;
}
.subMenu ul li {
	margin: 0 0 0 5px;
}
.subMenu ul li a:link {/*test by DEB*/
	color: #4E6B89;
	text-decoration: none; /*test by DEB*/
}
.subMenu ul li a:visited {
	color: #C1A987;
	text-decoration: none;
}
.subMenu ul li a:hover {
	color: #26558F;
	text-decoration: underline;
}
/* END Joe: css for subMenu files */



#AdCol {
	text-align: center;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#AdColTop {
	background-repeat: no-repeat;
	background-image: url(../skin/AdNotepad184/1.png);
	height: 37px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#AdColIntro {
	background-repeat: repeat-y;
	background-image: url(../skin/AdNotepad184/2.png);
	margin: 0px;
	padding: 0px;
}
#AdColBody {
	background-repeat: repeat-y;
	background-image: url(../skin/AdNotepad184/2.png);
	margin: 0px;
	padding: 0px;
}

#Ad1 {
	background-repeat: repeat-y;
	background-image: url(../skin/AdNotepad184/2.png);
	margin: 0px;
	padding: 0px;
}

.buydotcomadcol {
	background-repeat: repeat-y;
	background-image: url(../skin/AdNotepad184/2.png);
	padding: 6px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	border: medium none #333;
}

#Ad3itunes {
	background-repeat: repeat-y;
	background-image: url(../skin/AdNotepad184/2.png);
	text-align: center;
	background-color: #FFF;
}

#Ad2 {
	background-repeat: repeat-y;
	background-image: url(../skin/AdNotepad184/2.png);
	margin: 0px;
	padding: 0px;
}
#sidenav  {
	float: right;
	/*for doing a right side tab effect menu*/
	/*color: #333366;*/
	/*I had padding left at 10 but margin right did the job of moving the tab between the pgaes better*/
	/* The nav width is 87. Because Menu defines a width I tried nav as Auto, but then it doesn't stay in the middle within the browser*/
	z-index: 100;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 87px;
	margin-left: -2px;
}
#TopNav {
	width: 98%;
	height: 30px;
	margin-top: 70px;
	z-index: 100;
	font-size: 14px;
	font-weight: bold;
	margin-left: 35px;
	margin-right: 35px;
}
#magcol {
	width: 820px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#magtop {
	margin: 0px;
	padding: 0px;
	background-image: url(../skin/page/1.png);
	height: 86px;
	text-align: left;
	background-repeat: no-repeat;
	z-index: 1;
}
#TopTagline {
	width: 400px;
	z-index: 2;
	text-align: left;
	font-size: 18px;
	font-family: "Comic Sans MS", cursive;
	color: #64482E;
	overflow: visible;
	float: left;
	padding-left: 30px;
	font-style: italic;
	line-height: 16px;
}
#LAALheader {
	width: 315px;
	float: right;
	display: block;
	margin-right: 20px;
	height: 55px;
	font-size: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#LAALheader a {
	/* [disabled]display: none; */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#magmiddle {
	margin: 0px;
	padding: 0px;
	background-image: url(../skin/page/2.png);
	background-repeat: repeat-y;
	text-align: left;
	z-index: 1;
}
#contentcon  {
	margin-left: 40px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: -30px;
	margin-right: 20px;
}
#contentL {
	/*width: 47%;*/
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 46%;
	margin-top: 0px;
	margin-right: 5.5%;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: visible;
	text-align: justify;
}
#contentR {
	width: 46%;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: visible;
	text-align: justify;
}
#contentAcross {
	width: 750px;
	float: left;
	padding-right: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mapRightBox {
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#magbottom {
	margin: 0px;
	padding: 0px;
	background-image: url(../skin/page/3.png);
	height: 23px;
	text-align: left;
	background-repeat: no-repeat;
	z-index: 1;
}
#BottomArea {
	margin-top: -9px;
	/* [disabled]background-image: url(../skin/BottomGradation300.png); */
	margin-left: 30px;
	background-repeat: repeat;
	margin-right: 2px;
}
#BottomTag {
	font-family: "Comic Sans MS", cursive;
	font-size: 18px;
	/* [disabled]font-weight: bold; */
	color: #64482E;
	margin-left: 3px;
	/* [disabled]margin-bottom: 10px; */
	font-style: italic;
}
#BotNavCont {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
}
#disclaimer {
	text-align: right;
	/* [disabled]margin-top: 20px; */
}
.clearB {
	height: 1px;
	clear: both;
}
.clearL /*shifts to the left, clearing items on the right*/{ height: 1px; clear: left; }
.clearR /*shifts to the right, clearing items on the left*/{ height: 1px; clear: right; }
.clearBline {
	height: 1px;
	clear: both;
	background-color: #FFF;
}
h1 {
	font-size: 20px;
	font-weight: bold;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -10px;
	margin-top: 20px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -10px;
	margin-top: 24px;
}
em { font-style: italic; }
strong { font-weight: bold; }

	a:link { color: #4d5d7f }
	a:visited { color: purple }
	a:hover {
	text-decoration: underline;
}
	a:active {
	color: red;
}
.subhead {
	font-size: 16px;
}
.super {
	font-size: 10px;
}
.sub {
	font-size: 10px;
}
.PicPadLeft15 {
	margin-left: 15px;
}

.PicPadLeft25 {
	margin-left: 25px;
}
.PicPadLeft50 {
	margin-left: 50px;
}

.PicPadRight8 {
	margin-right: 8px;
}
.PicPadRight15 {
	margin-right: 15px;
}

.PicPadRight25 {
	margin-right: 25px;
}
.PicPadRight50 {
	margin-right: 50px;
}
.drop {
	font-size: 22px;
}
.byline {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	margin-top: -12px;
}
#factsbox1 {
	background-color: #CCC;
	padding: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #033;
	border-bottom-color: #033;
}
.size9px {
	font-size: 9px;
}
.size10px {
	font-size: 10px;
}
.size11px {
	font-size: 11px;
}
.size12px {
	font-size: 12px;
}
.size13px {
	font-size: 13px;
}
.size14px {
	font-size: 14px;
}
.size15px {
	font-size: 15px;
}
.size16px {
	font-size: 16px;
}
.size17px {
	font-size: 17px;
}
.size18px {
	font-size: 18px;
}
.size20px {
	font-size: 20px;
}
.listIntro {
	display: block;
	margin-bottom: -12px;
}
.redtext {
	color: #900;
}

/*These should not be used. Use them from the separate stylesheet. Did I use these anywhere yet? How do I find out?*/
/*.CornerShadowAllSpread {
	-moz-border-radius: 10px;
	border-radius: 5px;
-moz-box-shadow: 2px 1px 4px 2px #999;
	-webkit-box-shadow: 2px 1px 4px 2px #999;
	box-shadow: 2px 1px 4px 2px #696;
}

.CornerShadow
{
	-moz-border-radius: 10px;
	border-radius: 5px;
-moz-box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
	box-shadow: 2px 2px 4px #696;
}

.ImageShadow {
-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

.ImageShadow10L {
	margin-left: 10px;
-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

.ImageShadow20L {
	margin-left: 20px;
-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

.ImageShadow10R {
	margin-right: 10px;
-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}
.ImageShadow20R {
	margin-right: 20px;
-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}
#SitSidebar {
	background-color: #A7B2C0;
	float: right;
	width: 300px;
	margin-left: 40px;
	padding-top: 3px;
	padding-right: 13px;
	padding-bottom: 3px;
	padding-left: 13px;
	margin-top: 40px;
	border: thin solid #CEAB48;
	-moz-border-radius: 10px;
	border-radius: 10px;
-moz-box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
	box-shadow: 2px 2px 4px #696;
}*/
/*End of These should not be used. */
.Side {
	background-color: #CCC;
	padding: 10px;
}