/* 0 BASIC TAGS */

table {
	font-size: 1em;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: arial, helvetica, tahoma, sans-serif;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}

a {
	text-decoration: none;
	color: #d32525;
}

a:visited {
	color: #d32525;
}

a:hover {
	text-decoration: underline;
	color: #d32525;
}

a:active {
	color: #d32525;
}

body {
	background-color: #ffffff;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
}

img {
	border-width: 0;
}

/* 1 HEADER */

.header {
	background-image: url(Images/header.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 760px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}

h2 {
	position: absolute;
	left: 37px;
	top: 60px;
	font-size: 10px;
	letter-spacing: 12px;
	color: #555555;	
}

.menua {
	position: absolute;
	right: 37px;
	top: 27px;
	text-transform: uppercase;
	font-size: 10px;
}
.menuc {
	
	float:left;
	
	color: #666666;
	font-size: 10px;
}

.nav {
	position: absolute;
	right: 37px;
	top: 70px;
	text-transform: uppercase;
	font-size: 10px;	
}
.nav1 {
	position: absolute;
	left: 30px;
	top: 70px;
	text-transform: uppercase;
	font-size: 10px;	
}
.nav2 {
	position: absolute;
	right: 37px;
	top: 170px;
	text-transform: uppercase;
	font-size: 10px;	
}
.menua a:visited {
	color: #d32525;
}
.nav a:link, .nav  a:active, .nav  a:visited 
{
	color: #555555;
}
.navhome 
{
	font-size: 10px;	
}
.navhome a:link, .navhome  a:active, .navhome  a:visited 
{
	color: #00456c;
}
/* 1.1 SHIM */

.shim {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 8px;
	font-size: 0;
}

.column {
	background-image: url(images/content-shim.gif);
}

.gradient {
	background-image: url(images/content-shim-photo.gif);
}

.solid {
	background-image: url(images/content-shim-none.gif);
}

/* 2 PAGE */

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.7em;
	font-family: Arial;
	font-weight: normal;
}
h4 {
	margin: 0;
	clear:both;
	font-size: 1.1em;
	font-variant:normal;
	font-weight: bold;
	letter-spacing: 3px;
	color: #00456c;	
}
.notopmargin 
{
	margin-top:0px;
}


/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

#home, #resume, #links, #register, #admin-albums, #admin-photos {
	background-image: url(images/body-repeat.gif);
	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}
#links-users  {
	
	position: relative;
	width: 979px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#sidebar {
	float: left;
	width: 214px;
	height: 100%;
}
#sidebar-home {
	float: left;
	width: 214px;
	height: 610px;
}

#content 
{
	margin-left: 256px;
	vertical-align:top;
}
#manage-content 
{
	margin: 40px 0px 20px 260px;
	vertical-align:top;
}
.myrow 
{
	display:block;
	float:left;
	width:100%;
}

.col {
	float: left;
	width: 140px;	
	margin-bottom: 14px;
}
.colwide {
	float: left;
	width: 300px;	
	margin-bottom: 14px;
}
/* Home PAGE */
.a-myrow 
{
	display:block;
	height:222px;
	float:left;
	width:100%;
	background: url(Images/callcenter.jpg) top left no-repeat;
}
#tabs {width:430px; text-align:center; font-family: Arial, Helvetica, Verdana,  sans-serif; background: url(Images/top.gif) top left no-repeat; margin:190px 0 0 0px; position:absolute; z-index:500;}
#tabs ul {padding:0; margin:0; width:430px; list-style:none; position:relative;}
#tabs ul li {float:left; display:inline; width:135px; height:53px; margin:0 4px;}
#tabs ul li a.outer {display:block; width:135px; height:49px; border-bottom:1px solid #9c9c9c; text-align:center; line-height:45px; text-decoration:none; text-indent:50px; color:#666666; margin-bottom:3px; font-size:10px; font-weight:bold;}

#tabs ul li a.one {background:#fff url(Images/faq.jpg) top left no-repeat;}
#tabs ul li a.two {background:#fff url(Images/release.jpg) top left no-repeat;}
#tabs ul li a.three {background:#fff url(Images/planning.jpg) top left no-repeat;}
#tabs ul li a.four {background:#fff url(Images/notes.jpg) top left no-repeat;}
#tabs ul li a.five {background:#fff url(Images/training.jpg) top left no-repeat;}
#tabs ul li a.six {background:#fff url(Images/tips.jpg) top left no-repeat;}
#tabs ul li a.seven {background:#fff url(Images/downloads.jpg) top left no-repeat;}
#tabs ul li a.eight {background:#fff url(Images/inquiry.jpg) top left no-repeat;}
#tabs ul li a.nine {background:#fff url(Images/resources.jpg) top left no-repeat;}
#tabs ul li div {display:none;}

#tabs ul li:hover {padding-bottom:192px; border-bottom:1px solid #fff; color:#000; margin-bottom:0; }

#tabs ul li:hover > a.outer {color:#000; background-position:0 -55px; height:55px; cursor:pointer;}

* html #tabs ul li a.outer:hover {padding-bottom:190px; border-bottom:1px solid #fff; height:55px; color:#000; margin-bottom:0;background-position:0 -55px; height:55px; cursor:pointer;}

#tabs ul li:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:411px; height:177px; border-bottom:3px solid #fff;}
#tabs ul li a:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:411px; height:177px; border-bottom:3px solid #fff;}

#tabs ul li a:hover div.tab_left,
#tabs ul li:hover div.tab_left
{background:#fff url(Images/tab_left.gif);}

#tabs ul li a:hover div.tab_center,
#tabs ul li:hover div.tab_center
{background:#fff url(Images/tab_center.gif);}

#tabs ul li a:hover div.tab_right,
#tabs ul li:hover div.tab_right
{background:#fff url(Images/tab_right.gif);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}
#tabs span.base {display:block; height:20px; font-size:10px; color:#d32525; letter-spacing:3px; background:url(Images/bottom.gif) bottom;}
#tabs div h5 { margin:5px 0px 0px 5px;}
#tabs div p {font-weight:normal; font-size:11px; text-align:left; color:#333; margin:12px 0px 0px 15px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-top:-35px; margin-right:5px;}

#tabs p.bold {color:#666666; padding-top:5px; font-weight:bold; font-size:9px;}

.clearboth 
{
	margin: 0;
	clear:both;
}
/* Home PAGE End - updated styles follow */
#faq {
	background:url(images/body-repeat-photo.gif);
	padding: 5px 37px;
	padding-bottom: 10px;
	width: 686px;
}
#faq-bg {
	background:url(images/body-repeat-photo.gif);
}
.calc-bg {
	background:url(images/body-repeat-photo.gif);
 background-position:center;
}

.title 
{	
	display:block;
	width: 686px;	
	background:url(Images/faq.png) center right no-repeat;
	border: solid #cccccc 1px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 1.7em;
	font-family: Arial;
	font-weight: normal;
}
.title1 
{	
	display:block;
	width: 686px;	
	border: solid #cccccc 1px;
	padding-top: 14px;
	padding-bottom: 15px;
	font-size: 1.7em;
	font-family: Arial;
	font-weight: normal;
}
.title-archive 
{	
	font-size: 1.7em;
	font-family: Arial;
	font-weight: normal; 
	color:#00456c;
	margin-left:30px;
}
.app_container 
{	
	display:block;
	width: 686px;
	height:600px;	
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	padding-top: 14px;
	margin-bottom: 15px;
}
.app_nav 
{	
	display:block;
	background-image:url(Images/apptab1.png);
	background-repeat:repeat-x;
	width: 686px;
	height:21px;
	font-family: arial, sans-serif; 
	font-size:12px; 
}
.app_nav2 
{	
	display:block;
	background-image:url(Images/apptab2.png);
	background-repeat:repeat-x;
	width: 686px;
	height:21px;
	font-family: arial, sans-serif; 
	font-size:12px; 
}
.app_nav3 
{	
	display:block;
	background-image:url(Images/apptab3.png);
	background-repeat:repeat-x;
	width: 686px;
	height:21px;
	font-family: arial, sans-serif; 
	font-size:12px; 
}
a.apptab, a.apptab:link, a.apptab:visited 
{
	display:block;
	float:left;
	margin-right:15px; 
	margin-left:15px; 
	width:150px; 
	height:21px; 
	margin-top:1px; 
	text-align:center; 
	text-decoration:none; 
	color:#dddddd; 
	line-height:21px; 
}
a.apptab:hover 
{
	color:#ffffff; 
}
.apptab-pressed{
	float:left;
	display:block;
	margin-right:15px; 
	margin-left:15px; 
	width:150px; 
	height:21px;
	line-height:21px;  
	margin-top:1px; 
	text-align:center; 
	color:#666666; 
}
.tabalign 
{
	float:left;
	display:block;
	width:75px;
	height:25px;	
}
a.screen, a.screen:visited {
color:#666; 
position:relative; 
z-index:1;
}
.screen span {
position:absolute;
visibility:hidden; /* hide the image */
width:290px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px dotted #00456c; /* add a border */
left:10; /* position:the image */
top:-70px;
padding:7px 5px 0px 15px;
}
a.screen:hover 
{
	background-color:#ffffff;
color:#00456c;
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover span 
{
	background-color:#ffffff;
	font-family: Verdana; font-size:11px;
visibility:visible; /* make the image visible */
height:195px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover span img {
border:0; /* remove the link border */
}
.appimg {background:url(Images/appimg.jpg) top right no-repeat;
margin:10px 20px 0px 30px; padding:20px 0px 5px 0px; border-top:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc; line-height:15px; font-family:Arial; font-size:12px;	
} 
.appimg2 {background:url(Images/appimg2.jpg) top right no-repeat;
margin:10px 20px 0px 30px; padding:20px 0px 20px 0px; border-top:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc; line-height:15px; font-family:Arial; font-size:12px;	
}
.appimg3 {background:url(Images/appimg3.jpg) top right no-repeat;
margin:10px 20px 0px 30px; padding:20px 0px 20px 0px; border-top:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc; line-height:15px; font-family:Arial; font-size:12px;	
}
.appimg4 {background:url(Images/appimg4.jpg) top right no-repeat;
margin:10px 20px 0px 30px; padding:20px 0px 20px 0px; border-top:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc; line-height:15px; font-family:Arial; font-size:12px;	
}
.appimg5 {margin:10px 20px 0px 30px; border-top:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc; line-height:15px; font-family:Arial; font-size:12px;	
} 
.appimg6 {
margin:10px 20px 0px 30px; padding:20px 0px 20px 0px; border-top:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc; line-height:15px; font-family:Arial; font-size:12px;	
}
.app-archive {margin:0px 20px 0px 30px; padding:20px 0px 20px 0px; border-top:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc; line-height:15px; font-family:Arial; font-size:12px;	
}
.apptitle {margin-top:4px; font-weight:bold; text-align:center;}
#icon1 {background:url(Images/release.png) center right no-repeat; }
#icon2 {background:url(Images/planning.png) center right no-repeat; }
#icon3 {background:url(Images/inquiry.png) center right no-repeat; }
#icon4 {background:url(Images/resourses.png) center right no-repeat; }
#icon5 {background:url(Images/tips.png) center right no-repeat; }
#icon6 {background:url(Images/training.png) center right no-repeat; }
#icon7 {background:url(Images/downloads.png) center right no-repeat; }
#icon8 {background:url(Images/faq.png) center right no-repeat; }
#icon9 {background:url(Images/notes.png) center right no-repeat; }

.training1 {border-bottom:dotted 1px #cccccc; border-top:dotted 1px #cccccc; padding:5px 0px 5px 5px; margin:15px 15px 4px 0px;}


.link a:link, .link a:active, .link a:visited {
	text-decoration:none;
	color:#555555;	
}
.link a:hover {
	color: #00456c;
}
.quest, .quest a:link, .quest a:active, .quest a:visited 
{
	display:block;
	font-family:Arial;
	text-decoration:none;
	color:#555555;
	font-size:12px;		
	padding-left:3px;	
}
.quest a:hover 
{
	background-color:#ffffff;	
	color: #d32525;
	border-left: dotted 1px #00456c;
	padding-left:2px;
}
.quest1, .quest1 a:link, .quest1 a:active, .quest1 a:visited 
{
	font-family:Arial;
	text-decoration:none;
	color:#555555;
	font-size:12px;	
		
}
.quest1 a:hover 
{
	color: #d32525;
	text-decoration:underline;
}
.quest1-num {margin:10px 0px 21px 0px; color: #00456c; text-align:center;font-weight:bold;}
.quest-content  
{
	margin-left:20px;
	color:#555555;
	font-family:Arial;
	font-size:12px;			
}

.quest-repeat  
{
	color: #00456c;
	padding-bottom:15px;				
}
.quest-content ol li { padding-top:0px 0px 4px 0px; line-height:normal;margin:4px 0px 0px 0px; }
.quest-content ul li { padding:0px 0px 4px 0px; margin:0px 0px 0px 0px; line-height:normal;}

.quest-num {margin:4px 10px 6px 0px; text-align:right;font-weight:bold;}
.quest-title {margin:4px 0px 0px 0px; text-align:center; font-size:14px; font-weight:bold;color:#666666;}
.plan-title {margin:20px 0px 20px 0px; text-align:center; font-size:14px; font-weight:bold;color:#666666;}
.emphasize {margin:20px 0px 10px 20px; color:#00456c; border-left:solid 2px #3680ad; padding:0px 0px 0px 14px;}
.comments {margin:0px 0px 10px 20px; letter-spacing:1px; font-size:11px;}

.plan-field {color:#00456c; border-bottom: dotted 1px #3680ad; padding:0px 3px 0px 5px;}
.plan-sign {color:#ff0000; font-style:normal; font-weight:bold; }
.plan-cell {color:#00456c; border: dotted 1px #3680ad; padding:4px 2px 4px 4px;font-style:normal; }
.plan-cell-grey {border: dotted 1px #3680ad; padding:4px 2px 4px 4px;font-style:normal; }
.plan-cell1 {color:#00456c; border: dotted 1px #3680ad; padding:4px 2px 4px 4px;font-style:normal; text-align:center; }
.plan-cell0 { padding:6px 2px 6px 4px;font-style:normal; }

a.plan-cell1, a.plan-cell1:visited {color:#00456c; border: dotted 1px #3680ad; padding:4px 2px 4px 4px;font-style:normal; text-align:center; }
a.plan-cell1:hover { text-decoration:underline;}

.txtalign { text-align:right;}

/* Updated styles - End */
#resume h4, #links h4 {	
	margin-top: 0;
	border-bottom: 1px solid #bababa;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}
.doclinks {	
	margin-top: 0;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	padding-top: 2.0em;
	padding-bottom: 2.0em;
	position: absolute;
	top:80px;
	left: 37px;
	width: 214px;
}
.doclinks a:link, .doclinks a:active, .doclinks a:visited {
	text-decoration:underline;
	color:#555555;	
}
.doclinks a:hover {
	color: #00456c;
}

.makemargin {
	margin:10px 0px 10px 0px;	
}

#resume h3 {	
	margin-top: 2.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-bottom: 1px dotted #bababa;
	padding-top: 0.8em;
	color: #00456c;
}
#resume ul {
	margin-top: 0;
	padding-top: 0;	
	margin-bottom: 7px;
	padding-bottom: 0;
	padding-left: 15px;	
}
.morefirst {
	margin-top: 0;
	border-bottom: 1px dotted #bababa;
	padding-top: 0.8em;
	color: #00456c;
}

#manage-content .first {
	margin: 0px 0px 30px 0px;
	border-bottom: 1px dotted #bababa;
	padding-top: 0.8em;
	color: #00456c;
}
.dottedline {
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #bababa;
	padding-top: 0.5em;
	color: #00456c;
}
.toleft {
	margin-left:260px;
}
dl {float:left;
	width:430px;
	margin: 0;
	border-top: 1px dotted #bababa;
	border-bottom: 1px dotted #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {margin:0;
	padding:0;
	position: absolute;
	left: 20px;
}

dd {margin:0;
	padding:0;
	margin-left: 45px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

/* 2.2 ALBUMS PAGE */

#albums {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	width: 686px;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0;
	width: 760px;
}

.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 3 FOOTER */

.footerbg {
	background-image: url(images/footer-side.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 75px;
	text-align: center;
}
.footer 
{
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 75px;
	text-align: center;
	font-size: 10px;
}

.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	color: #d32525;
}



/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

.content-membership 
{	
	margin-left: 25px;
	text-align: left;
	float:left; 
	border:solid 1px #bbbbbb;
	background-color:#f5f5f5;
	padding-top:6px;
	padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;	
}
#sidebar-users {
	float: left;
	margin-left: 15px;
	width: 214px;
}
.user-border 
{	
	border:solid 1px #bbbbbb; 
	margin:3px;
	background-color:#eaeaea;
	padding-bottom:15px;
}
.user-heading 
{
	 margin:10px;
	 padding:3px; 
	 border-bottom:dotted 1px #bbbbbb;
	 letter-spacing:0px; 
	 font-weight:bold;
	 color: #00456c;
}