* { padding: 0; margin: 0 }

body { 
	background: #FFF url(images/bg.jpg) repeat-x top; 
	font: .75em Verdana, Arial, Sans-Serif; 
	line-height: 1.4em;
	color : #494d6a 
}

#content { 
	margin: 0 auto; 
	padding: 0; 
	width: 818px;	
	background: inherit; 
	color: #494d6a;
}

#header { height: 120px;	background: #000 url(images/top3.jpg) no-repeat top center; margin-bottom: 0px; color: #454545; overflow: hidden; }
#header .left { width: 190px; float: left; text-align: center; padding-left: 14px; }
#header h1 {  font: 2.0em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; font-weight: bold; padding-top: 15px; background: inherit }
#header h2 {  font: 1.6em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; padding-top: 10px; background: inherit }

p  {margin: 0 0 10px 0; padding: 0px;}
.clear { clear: both; }
.alignright {margin-top: 0; text-align: right;}
.small {font-size: .9em;}
.histdate { color: #8E7272; background: #FFF; }
img {padding: 0 10px 10px 0}/*We had a float:left here not sure why but it was screwing with the ps admin section */

div#content {
        position: relative;
        width: 848px;
        margin: 0 auto 20px auto;
        padding: 0;
        text-align: left;
    }

    div#nav {
        float: left;
        width: 580px;
        margin: 50px -180px 15px 219px !important;
		margin: 50px -181px 15px 210px;
		text-align: justify
    }

	div#main {
        float: left;
        width: 390px;
        margin: 25px -180px 15px 219px !important;
		/*margin: 20px -181px 15px 210px;*/
		text-align: left;
	}
	
	/* change! */
	div#main .pad  { padding-left: 3px;}
	div#main a {color:#663333; text-decoration:underline} /* Default link color and decoration */
	div#main .pad .thumbnail {width:120px; float:left; font-size: .9em; padding:5px; margin:5px;}
	div#main .pad .thumbnail img {width:70px; padding:10px; border: 2px solid #494d6a;}
	
	div#right {
        float:right;
        width: 190px;
        display: inline;
		margin-top: 30px;
		margin-right: 20px;
		margin-bottom: 15px;
	
    }

	div#google {
		width:305px;
		height:305px;
		margin:10px 0 10px 0;
	}
	
    div#left {
        float: left; 
		width: 226px;
        padding-top: 50px; 
        margin-left: -435px;
		margin-top:-20px;
		background: url(images/lefttop.jpg) no-repeat top center;
		text-align: left;
		margin-bottom: 15px;
    }

		div#left .pad { padding: 0px 26px 0 26px; text-align: left; background: url(images/leftbg.jpg) repeat-y left;}
		div#left h2 { margin-top: 10px; color: #494d6a; margin-bottom: 5px; background: #F4EED7 }
		div#left a { background: #F4EED7 url(images/a.gif) no-repeat left; background-position: 0% 15%;  padding-left: 9px; color: #56596a;  }
		div#left #leftend { background: url(images/leftbottom.jpg) no-repeat bottom ;height: 34px;}

	#weather{width: 180px; height: 150px; font-family:arial, helvetica, sans-serif;
			background-image: url(http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/blue_180x150_bg.jpg); background-repeat: no-repeat; background-color: #346797;}
	#weather a {text-decoration:none !important; color:#06c !important;}

	#footer { 
				clear: both; 
				height: 20px; 
				background: #5986c9; 
				border-top: 8px solid #DECD87; 
				color: #E3E2CB;  
				font: 0.9em "Tahoma",Verdana, Arial, Sans-Serif;  padding: 10px 10px 0 0
				}	
	#footer a  { color: #E3E2CB; background: inherit }
	#footer a:hover { text-decoration: underline }
	#footer #r { float: right; text-align: right; }
	#footer #l { padding-left: 10px;}
	
	a { color: #0066B3; background: inherit; text-decoration: none;}
	a:hover { text-decoration: underline }
	h1 { font: bold 1.9em Arial, Arial, Sans-Serif  }
	h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 0 5px 0 }
	ul {  padding: 0; margin: 0 }
	li { list-style-type: none }
	
	#menu {

		padding-bottom : 20px;
		margin-left : 230px;

	}

	#menu ul, #menu li	{
		display : inline;
		list-style-type : none;
		margin : 0;
		padding : 0;
	}

	#menu a:link, #menu a:visited {
		border : 1px 1px 1px 0px solid #ccc ;
		color: #454545;
		float : left;

		font-weight : bold;
		line-height : 14px;
		margin-right : 15px;
		padding : 2px 10px 2px 10px;
		text-decoration : none;
	}

	#menu a:link.active, #menu a:visited.active, #menu a.selected {
		background-color: #fff;
		border-bottom : 1px solid #fff;
		color : #000;
	}

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

	 #menu ul a:hover {
		color : #000000 !important;}
		
	 #tiframe {
	    border:1px solid #666; 
		font-family:arial, helvetica, sans-serif; 
		font-size:12px; 
		text-align:left;
	  }
	
	 #tiframe a {
	 	text-decoration:none; 
	  	color:#06c;
	  }
	
	  #tiframe a:hover 	{text-decoration:underline;} 
	
	  #tiframe ul {
	 	margin:0; 
	 	list-style-type:square; 
	 	color:#999; 
	  	padding-left:0px !important;
	  }
	
	  #tiframe ul li {margin-bottom:4px;} 	

	  /*#tiframe .tiframe_refer {
	  	font-size:10px; 
		text-align:right;
		} */
		
	#tiframe .tiframe_refer {display:none !important;}	
	
	#tiframe .tiframe_content {padding:8px;} 	

 /* #tiframe .tiframe_talk {padding-bottom:4px; font-weight:bold;}*/ 	
  #tiframe .tiframe_talk {display:none !important;}

  /*#tiframe .tiframe_title {background-color:#666; color:#fff; padding:4px 8px; font-weight:bold;} 	*/
  #tiframe .tiframe_title {display:none !important;}

  #tiframe .tiframe_title a {color:#fff;}

/*Here is the style for the photosytem */
.float {float:left; width:100px; margin-bottom:10px; padding:10px; }
.float p {text-align:center; margin: 4px 0 0 -20px;}
.float img {vertical-align: bottom; padding:5px; border: 2px solid #494d6a  ;}
.float a {text-decoration:none !important; color:#56596a !important;}
.float a:hover {text-decoration:underline !important;}


/*A Bunch of Form Styling Each form has a specific set of IDs and Classes*/
form {padding:15px}
form label {margin-bottom:10px;}
form input {margin:5px;}
form .caltext {margin-bottom:10px;}
form .calSel {width:50px;}

form .uploadsub {margin-top:-50px;}
form .uploadimg {margin:3px 30px 10px 0}
form .uploadimg_sel {width:100px; margin-bottom:10px;}

form.addAlbum {padding:10px;}
form.addAlbum input {margin:3px;}
form.addAlbum input.addAlbumtxt {margin-bottom:15px;}
form.addAlbum span {position:relative; bottom:5px;}
form.addAlbum label.radioLabel {position:relative; bottom:5px;}


form#calEdit label {margin-right:10px;}
form#calEdit .txtEdit {margin:0 0 15px 0;}
form#calEdit .dateEdit {width:100px; margin-bottom:10px;}
form#calEdit .timeEdit {width:50px; margin-bottom:10px;}

form#calEdit .dateSpan {position:relative; bottom:10px;}
form#calEdit .timeSpan {position:relative; bottom:10px;}
form#calEdit #endTimeSpan {margin-right:8px;}
form#calEdit .timeEditColon {position:relative; bottom:12px;}

form#calEdit .radioEdit {position:relative; top:7px;}


form#Payment {border: 1px solid #494D6A;}
form#Payment label {color: #333; background: inherit; font-size: 8pt;}
form#Payment input {clear: none;}
form#Payment input#address2 {margin-top: 0px;}
form#Payment select {margin: 5px;}
form#Payment a.PopupLink:before { content: '('}
form#Payment a.PopupLink:after {content: ')'}
form#Payment a.PopupLink {font-size: 8pt; margin-bottom: 5px;}

a.hidden_link { visibility: hidden; }
a.visible_link { visibility: visible; }


/* Styling for the administrative section of the site. */
.AdministrationH1 {color: inherit; background: inherit; font-size: 10pt; font-weight: bold; text-decoration: underline; margin-bottom: 1ex; margin-top: 1em;}
.AdministrationList {list-style: none; padding-left: 1em;}
/*
ul.album {margin-bottom:40px; border:1px solid #000; list-style:none; padding:0px; border-bottom:none;}
ul.album img {padding:5px; border: 2px solid #494d6a;}
ul.album .albumHead {border-bottom:1px solid #000; padding:5px; background:#5986c9; color:#fff;}
ul.album .albumHead a {color: #fff !important; text-decoration:none; margin-left:5px;}
ul.album a {margin-left:5px;}
ul.album a:hover {text-decoration:underline;}
ul.album .albumHead span {position:relative; margin-left:235px;}

ul.album .albumChild {padding:10px; border-bottom:1px solid #000; }
ul.album .albumChild span {position:relative; bottom:60px;  margin-left:5px;}
ul.album .albumChild span.controls {position:relative;}

ul.album .albumChildInvisible {padding:10px; border-bottom:1px solid #000; background:url(images/albumChildInvisible.jpg); color:#CC0000 !important; min-height:90px}
ul.album .albumChildInvisible span {position:relative; bottom:60px; margin-left:5px;}
ul.album .albumChildInvisible img {border:2px solid #CC0000;}
ul.album .albumChildInvisible a {color:#CC0000 !important;}
*/

ul.album {margin-bottom:40px; border:1px solid #000; list-style:none; padding:0px; border-bottom:none;}
ul.album img {padding:5px; border: 2px solid #494d6a;}
ul.album .albumHead {border-bottom:1px solid #000; padding:5px; background:#5986c9; color:#fff; margin-bottom:10px; }
ul.album .albumHead a {color: #fff !important; text-decoration:none; margin-left:5px;}
ul.album a {margin-left:5px;}
ul.album a:hover {text-decoration:underline;}
ul.album .albumHead span {position:relative; margin-left:235px;}
.ps_img {min-height:70px; min-width:70px; }
.img_name{width:150px; font-weight:bold;}


ul.album .albumChild {padding:10px; border-bottom:1px solid #000; }
/*ul.album .albumChild span {position:relative; bottom:60px;  margin-left:5px;}*/
ul.album .albumChild span.controls {position:relative;}

ul.album .albumChildInvisible {padding:10px; border-bottom:1px solid #000; background:url(images/albumChildInvisible.jpg); color:#CC0000 !important; min-height:90px}
/*ul.album .albumChildInvisible span {position:relative; bottom:60px; margin-left:5px;}*/
ul.album .albumChildInvisible img {border:2px solid #CC0000;}
ul.album .albumChildInvisible a {color:#CC0000 !important;}



form {padding:15px}
form label {margin-bottom:10px;}
form input {margin:5px;}
form .calSel {width:50px;}

form .uploadsub {margin-top:-50px;}
form .uploadimg {margin:3px 30px 10px 0}
form .uploadimg_sel {width:100px; margin-bottom:10px;}

form.addAlbum {padding:10px;}
form.addAlbum input {margin:3px;}
form.addAlbum input.addAlbumtxt {margin-bottom:15px;}
form.addAlbum span {position:relative; bottom:5px;}
form.addAlbum label.radioLabel {position:relative; bottom:5px;}


.Imgs {
	margin:0 0 20px 0;
}

.Imgs img {
	cursor:pointer;
	margin-bottom:-10px;
}

.Imgs span{
	position:relative;
	color:#000;
	font-size:.9em;
}