/*********************************************
	CSS for Susan Marx Artist
	copyright Worldwide Websters

**********************************************/
html {height:100%;}

body {
	font-family: 'Comic Sans MS' ,helvetica, clean, sans-serif;
	background-color:#ffffa0;
	margin:0px;
	padding:0px;
	min-height:101%;
	height:100%;
	font-size: .9em;
	margin-top:0px;
}

UL {
	margin-top:0px;
}

#nav{
	position:relative;
	top:-2px;
	z-index: 1;
}

#bottomNav {
	margin-top:10px;
}

#bottomNav ul {
	display: inline;
	margin-left:-25px;
}
#bottomNav ul li {
	display: inline;
	padding: 0px 10px;
	border-left: 1px solid #000;
	list-style: none;
}
#bottomNav ul li:first-child {
	display: inline;
	margin-left: 0;
	border-left: none;
	list-style: none;
}
#contentContainer {
	position:relative;
	top:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:20px;
	min-height:375px;
	width:100%;
	background:url(/images/borderWhite_03.jpg) right;
	background-repeat: repeat-y;
	background-color:#fff;
}

#content {
/*
	padding: 5px 10px 10px 10px;
	text-align:left;
	margin-left:0px;
	margin-top:120px;
	height:100%;
	font-size:10pt;
*/
}
#pagePhoto {
	position:relative;
	top:0px;
	margin-right:20%;
	margin-left:20%;
	margin-top:0px;
}
#homeCaption {
	position:relative;
	top:0px;
	margin-right:20%;
	margin-left:20%;
	margin-top:-10px;
	margin-bottom:50px;
	text-align:center;
	font-size:12px;
}

#pageContent {
	position:relative;
	height:100%;
	top:15px;
	width:100%;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
}

#contactContainer {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
}
#genericContainer {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
}

#errors {
	margin-left:auto;
	margin-right:auto;
}

.innerBox {
	margin-left:10%;
	margin-right:10%;
	width:80%;
}

#keyP {
	top:20px;
}

#title {
	position:relative;
	color:#000;
	font-size:1.5em;
	font-family: 'Comic Sans MS' ,helvetica, clean, sans-serif;
	font-weight: bold;
	clear:none;
	float:left;
	margin-top:0px;
	padding:0px;
	top:0px;
	left:0px;
	text-align:left;
	margin-right:30px;
	margin-left:30px;
	
}

#topNav {
	position:relative;
	width:100%;
	top:0px;
	left:0px;
	height:25px;
	text-align:center;
}


#button {
	width:80%;
	height:100%;
	margin-left:10%;
	margin-right:10%;
	font-family: 'Trebuchet MS',
		Verdana, Lucida, Arial,
		sans-serif;
	background-color: #666;
	color:#333;
	text-align:center;
	background-image:url(/images/navRndRight_03.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#button ul {
	width:100%
	display: inline;
	list-style:none;
	padding: 0;
	border: none;
}

#button li {
	display: inline;
	border-bottom: 1px solid #3366cc;
	margin: 0;
}

#navLeftCorner {
	float:left;
	left:0px;
	margin-top:9px;
	clear:none;
}


#button li a {
	padding: 0px 2px 2px 0.5em;
	border-left: 8px solid #333;
	border-right: 4px solid #cccccc;
	background-color: #FFFF00;
	color: #000;
	text-decoration: none;
	width:100%;
}

html>body #button li a {
	width:auto;
}

#button li a:hover {
	border-left: 8px solid #333;
	border-right: 4px solid #ccc;
	background-color: #FFFFa7;
	color: #000;
}



p {
	position:relative;
	margin:0px;
	margin-top:10px;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	font-size:0.9em;
}

td {
	font-size:0.9em;
}

#pageContent ul {
	font-size:0.9em;
}

#pageContent ul.blue {
	margin-left:5px;
	padding-left:15px;
}

.left {
	float:left;
	margin-right:25px;
}
.right {
	float:left;
}
	

#container {
	position:absolute;
	height:100%;
	width:100%;
}


#mainContainer {
	position:relative;
	top:0px;
	width:780px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background:url(/images/borderGreen_03.jpg) right;
	background-repeat: repeat-y;
	background-color:#006600;
}


#titleMain {
	font-family: 'Comic Sans MS' ,helvetica, clean, sans-serif;
	color:white;
	text-align:center;
	height:90px;
	padding:0px;
	margin-top:0;
	margin-bottom:0;
	margin-right:5px;
	background:url(/images/bgHeader_02.jpg) right;
	background-repeat: no-repeat;
}

#titleText {
	font-size:40px;
	margin-left:20%px;
	margin-right:20%px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:1.0;
	z-index:1;
}
#titleText2 {
	font-size:60px;
	float:left;
	clear:none;
	vertical-align:sub;
	margin-top:20px;
	margin-left:40px;
	z-index:2;
}

#headerBar {
	position:relative;
	height:9px;
	width:780px;
	margin: 0px;
	top:0px;
	z-index:3;
}

div.bar {
	background:url(/images/borderBlack_03.jpg) right;
	background-repeat: repeat-y;
	background-color:#000000;
}

#footerContainer {
	position:relative;
	text-align: center;
	top:0px;
	width:100%;
	margin-left:0;
	margin-right:0;
	padding-top:0px;
	height:100px;
	background:url(/images/borderGreen_03.jpg) right;
	background-repeat: repeat-y;
	background-color:#006600;

}

#topFooterLine {
	height:9px;
	margin-top:0px;
	margin-bottom:5px;
}

#footer {
	color: #fff;
	text-align: center;
	font-size:10pt;
	margin: 0 auto;
	margin-top:0px;
}

.pgTitle {
	font-weight: bold;
	border:solid black 1px;
}


A:link {
 COLOR: #C0C0C0; TEXT-DECORATION: underline;
}
A:active {
 COLOR: grey; TEXT-DECORATION: none;
 }
A:visited {
	COLOR: #C0C0C0; 
	TEXT-DECORATION: underline;
}
A:hover {
 COLOR: #CCCCCC; TEXT-DECORATION: underline; font-weight: bold;
}
#pageContent A:link {
 COLOR: #0000ff; TEXT-DECORATION: underline;
}
#pageContent A:active {
 COLOR: #0000ff; TEXT-DECORATION: underline;
}
#pageContent A:visited {
 COLOR: #0000ff; TEXT-DECORATION: underline;font-weight:normal;
}
#pageContent A:hover {
 COLOR: #0000ff; TEXT-DECORATION: underline;
}


A.homeLink:link {
 COLOR: #ffffff; TEXT-DECORATION: none;
}
A.homeLink:active {
 COLOR: grey; TEXT-DECORATION: none;
 }
A.homeLink:visited {
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}
A.homeLink:hover {
 COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal;
}

A.closeLay:link {
 COLOR: #000; TEXT-DECORATION: none;
}
A.closeLay:active {
 COLOR: grey; TEXT-DECORATION: none;
 }
A.closeLay:visited {
	COLOR: #000; 
	TEXT-DECORATION: none;
}
A.closeLay:hover {
 COLOR: #ff0000; TEXT-DECORATION: none; font-weight: normal;
}


A.homeContentLink:link {
 COLOR: #0000CC; TEXT-DECORATION: underline;
}
A.homeContentLink:active {
 COLOR: grey; TEXT-DECORATION: none;
 }
A.homeContentLink:visited {
	COLOR: #0000CC; 
	TEXT-DECORATION: none;
}
A.homeContentLink:hover {
 COLOR: #0000CC; TEXT-DECORATION: none; font-weight: bold;
}


A.content:link {
 COLOR: #000099; TEXT-DECORATION: underline;
}
A.content:active {
 COLOR: grey; TEXT-DECORATION: none;
 }
A.content:visited {
	COLOR: #000099; 
	TEXT-DECORATION: underline;
}
A.content:hover {
 COLOR: #000099; TEXT-DECORATION: underline; 
}

#listErrors {
	font-size:0.8em;
	margin-top:2px;
	margin-bottom:2px;
}

/* ======= GLOBAL ================ */

.heading {
	font-size:1.20em;
	font-weight:bold;
	color:#333;
}
.titleSmCaps { font-size:.7em; }


.sBold {font-weight:bold; }
.sUnd {text-decoration:underline; }

.subTitle {
	font-weight:bold; 
	text-decoration:underline; 
}
.contentTop {
	margin-top:0px;
}
.box {
	border:solid black 1px;
}

.txtSub {vertical-align:sub;}
.txtSup {vertical-align:super;}
.txtGray {color:#999;}
.txt075 {font-size: 0.75em;}
.txt080 {font-size: 0.80em;}
.txt085 {font-size: 0.85em;}
.txt095 {font-size: 0.95em;}


.topM5 { margin-top:-5px;}
.topM8 { margin-top:-8px;}
.topM10 { margin-top:-10px;}
.topM10 { margin-top:-20px;}
.top10 { margin-top:10px;}
.top30 {margin-top:30px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}

.title21 { font-size:2.1em; }
.title025 { font-size:0.25em; }
.title125 { font-size:1.25em; }
.title150 { font-size:1.50em; font-weight:bold;}
.title175 { font-size:1.75em; }
.title175 { font-size:1.75em; }
.title180 { font-size:1.80em; }
.title200 { font-size:2.00em; }
.title225 { font-size:2.25em; }
.title07 { font-size:0.7em; }

.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h130 {height:130px;}
.h140 {height:140px;}

.L20 {margin-left:20px;}
.L30 {margin-left:30px;}
.L40 {margin-left:40px;}
.L90 {margin-left:90px;}
.L100 {margin-left:100px;}

.blue {color:blue;}
.blueTitle {color:#003399;}
.red {color:red;}
.yellow {color:yellow;}
.green {color:green;}