/*Defaults----------------------------------------------------------------------------------------*/

html * {
padding: 0;
margin: 0;
border: 0;
}

body {
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
    color: #0000CC;
    margin: 0px;
    background-color: #634ADF;
    background-position: center;
    padding: 0px;
}


h1,h2,h3,h4,h5,h6,h7,pre {
    margin-top: 0px;
    margin-left: 4px;
    padding-top: 0px;
}

pre {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
    	font-size: 12px;
    	color: #0000CC;
}

img {
	border: 0px solid;
	
}
a img {border:none;}

#fader {
	text-align : center;
	color : rgb(0, 0, 0);
}

#test{
	color: rgb(99,74,223);
}

#button1{
	color: red;
	background-color: green;
}
/*General----------------------------------------------------------------------------------------*/
/* urls are complete due to mod rewite */
body{
	background-color: black;
	background-image: url(../images/web_page_elements/gbbackground.jpg);
	text-align: center; /*for IE 5 + 6 */
	min-width: 1000px; /*for Netscape 6 */
}

#header {
	height: 150px;
	width: 1000px;
	background-color: #5C3900;
	background-image: url(../images/web_page_elements/gbbanner1000.jpg);
	
}


.clock{ 
	float: right;
	bottom: 2px;
    text-align: right;
    font-size: 8pt;
    padding: 2px;
    padding-top: 120px;
    width: 166px;
    color: white;
    background-color: transparent;
	border: 2px red;
}


#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	border: 0px solid blue;
	margin-top: 10px;
 	background-color: #111;
/*	background: url(../images/web_page_elements/gb-faux-columns.gif) repeat-y 23% 0; */

}

#wrapper2 {
	width: 1000px;
}
/*Left Side----------------------------------------------------------------------------------------*/
#left {
	width: 186px;
	height: 1000px;
	float: left;
	color: white;
	border:  0px solid silver;
	background-color: #111;

}


#nav {
	width: 168px;
/*	height: 100px;   */
	margin: 10px 0 10px 6px;
	border: 0px solid white;
}


a.navbutton:link, a.navbutton:visited, a.navbutton:focus, a.navbutton:hover, a.navbutton:active{
	text-decoration:none;
	color: #CFC;
	background: black;
/*	background-image: url(../images/web_page_elements/button_1.jpg);  */
	font-weight: bold;
	width: 165px;
	height: 12px;
	display:block;
	margin-bottom: 2px;
	margin-top: 2px;
	border:  1px solid silver;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-size: 10px; 
	
}


a.navbutton_current{
	text-decoration:none;
	color: #2AFF00;
	background: black;
/*	background-image: url(../images/web_page_elements/button_1.jpg);  */
	font-weight: bold;
	width: 165px;
	height: 12px;
	display:block;
	margin-bottom: 2px;
	margin-top: 2px;
	border:  1px solid silver;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-size: 10px; 
	
	
	
	
}
/* a.navbutton:visited{ 
	color: #2AFF00;
	
	background-image: url(../images/web_page_elements/button_1.jpg);  

} */

a.navbutton:focus {}
a.navbutton:hover{ 
	color: #CFC;
	background: #4B4B4B;
/*	background-image: url(../images/web_page_elements/button_1.jpg);  */

}

a.navbutton:active {
	color:  red;
}

#side_content_holder_1{
	position:relative;
	width: 178px;
	height: 260px;
	vertical-align: middle;
	margin-left: 3px;
	background-color: #111;
	color:#9FF;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #222;
		
}
#container { width: 100%; height: 100%; display: table; }
#position { display: table-cell; vertical-align: middle; width: 100%; }

#bible_holder{
	position:relative;
	width:166px;
	margin-left:auto;
	margin-right:auto;
	margin-top: auto;
	margin-bottom:  auto;
	padding: 2px; 
	padding-left: 4px;
	font-size: 12px;
 	background-color: #111;  
	border: 0px solid white;
	cursor: pointer;
	overflow: hidden

}
	
#verse_holder{
	position:relative;
	width:156px;
	margin-left:auto;
	margin-right:auto;
	padding: 2px;
	font-size: 12px;
/*	background-color: #111; */
	border: 0px solid white;
}

#verse_number_holder{
	position: relative;
	width: 115px;
	left: 30px;
	font-size: 10px;
	height: 13px;
/*	background-color: #111; */
	margin-bottom: 0px;
	border: 0px solid white;
}

#verse_control_div{
	width: 178px;
	height: 8px;

}
#pause-run_div{
	height:  8px;
	width: 8px;
	margin:  auto;
	margin-top: 2px;
	cursor: pointer;
/*	background-image: url( ../images/web_page_elements/pause.gif); */
}

#another_verse_button{
	position: relative;
	display: block;  
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100px;
	background-color: #33FFFF;
	color: blue;
	font-size: 9px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid blue;
}

#another_verse_button:hover {
	background-color: #F5A0BD;
/* doesn't work on IE for windows (6 and before at least) */
}

#calendar{
	height: 200px;
	width: 150px;
	margin-left: 8px;
	margin-top: 3px;
	font-size: 15px;
	padding-left: 0px;
	border: 1px solid black;
}
.datePickerContainer{
	width: 130px;
	border: 1px solid red;
	
}

#accordian_holder{
	height: 320px;
	border: 1px solid blue;
	margin-left: 6px;
	margin-bottom: 10px;
	width: 184px;
	
}
.overviewHeader{
	background-color:#6B79A5;
  color:#CED7EF;
  height: 22px;
  font-weight : normal;
  padding-left: 5px;
  
  border-bottom:1px solid #182052;
  border-style:solid none;
  border-top:1px solid #BDC7E7;
  border-width:1px 0px;
  font-size:12px;
	
}

.test_div_1{
	width: 190px;
	height: 200px;
	color: black;
	border: 1px solid green;
	background-color:white;


	
}
/*Weather-------------------------*/

.wx_top_div{
	background-color: #506A81;
	color: white;
	display:  block;
	padding-left: 4px;
	float:  left;
	width:  611px;
	height: 18px;
	margin-top:  2px;
	margin-left: 2px;
	margin-right: auto;
}



#zipform{
	float: left;
	height:  18px;
}

#apform{
	float: left;
}


#zip{
	border: 1px solid blue;
	padding-left: 12px;
	
}
#ap{
	border: 1px solid blue;
	padding-left: 9px;
	
}

#zip2{
	border: 1px solid blue;
	
}

.wx_button{
	border: 1px solid blue;
	background-color: blue;
	color: white;
	width: 84px;
	text-align: center;
	margin-left: 8px; 
	text-decoration: none;
	cursor: pointer;
	font-size: 11px;
	border:  1px solid white;

}

#wx_button2{
	border: 1px solid blue;
	background-color: blue;
	color: white;
	width: 84px;
	text-align: center;
	margin-left: 40px; 
	text-decoration: none;
	cursor: pointer;

}

#wxdiv{
	font-size: 11px;
	color: white;
	width:  615px;
	height: 190px;  
	float:  left;
	margin-left:  0px;
	padding-left:  0px;
	background-color: #AAFFFF;
	background-image: url(../images/web_page_elements/skygradient.gif);  
	 
}

#apwxdiv{
	font-size: 12px;
	color: blue;
	width:  611px;
	height: 186px;  
	float:  left;
	margin-left:  0px;
	padding:  2px 2px 0 2px;
	background-color: #AAFFFF;
	background-image: url(../images/web_page_elements/skygradient.gif); 
	overflow: scroll; 

}
a.boldertext{
	text-decoration: underline;
	font-weight: bold;
}

.loading2 {
	width: 615px;
	height: 190px;
	float: left;
	margin-top:  2px;
	margin-left: 2px;
	margin-right: 0px;
    background-color: #24244F;
	background-image: url(../images/ajax-loader.gif);   
	background-repeat:no-repeat;
    background-position: center center;


}
#weather_div1{
	padding-left: 4px;
	padding-top: 2px;
	color:#002AFF
	
}
.wxblock1{
	width:  170px;
	display: block;
	float:  left;


}
.wxblock2{
	width:  150px;
	display: block;
	float:  left;
	margin-left:  25px;

}
.wxblock3{
	width:  150px;
	display: block;
	float:  left;
	margin-left:  28px;

}
.credit{
	font-size: 9px;
}

.wx_img_div{
	height:  58px;
	width: 58px;
	display: block;
	float:  left;
	margin-left: auto;
	margin-right:  auto;
}
.spacerdiv1{
	height:  58px;
	width: 80px;
	display: block;
	float: left;
	
}
.spacerdiv2{
	height:  58px;
	width: 120px;
	display: block;
	float: left;
	
}
.spacerdiv3{
	height:  58px;
	width: 50px;
	display: block;
	float: left;
	
}
#wxdiv2{
/*	background-color: #506A81;  */
	font-size: 9px;
	color: white;
	height: 185px;
	padding-left: 2px;
	padding-top: 2px;
	
}

#wx_test_div{
	width: 300px;
	height: 300px;
	float: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	padding: 10px;
	background-color: green;
	z-index: 1;

	
}

#panel1Content{
	background-color: #506A81;
}
#panel2Content{
	background-color: #506A81;
}
#panel3Content{
	background-color: #506A81;
}

#vissatwx{
	width: 308px;
	height: 189px;
	float: left;
	margin-left:  0px;
	margin-top:0px;
	padding: 0px;


}
#pacsatvis, #hurricanevis{
	width: 226px;
	height: 189px;
	float: left;
	padding: 0px;
}

#movielinkdiv {
	width: 163px;
	height: 189px;
	float:  left;
	color:  #D4FFFF;
	text-align: center;

}

a.movielink:link, a.movielink:visited{
	text-decoration:none;
	color: #AAFF7F;
}

a.movielink:focus, a.movielink:hover, a.movielink:active{
	text-decoration:none;
	color: #FFFF55;
}

.smalltext{
	font-size: 10px;
	text-align: center;
}


#irsatwx{
	width: 307px;
	height: 189px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#satwx{
	width: 615px;
	height: 189px;
	float:  left;
	margin-left: 2px;
	margin-top: 0px;


}

#rdrwx{
	width: 615px;
	height: 201px;
	float:  left;
	margin-left: 2px;
	margin-top: 0px;
}
.rdrimg{
	width: 205px;
	height:  201px;
	float: left;
}




#bottomwximgs{
	width: 615px;
	height: 185px;
	float:  left;
	margin-left: 2px;
	margin-top: 0px;
	
}

.bottomimgdiv{
	height: 185px;
	width: 203px;
	float: left;
}

#globalimg{
	width: 409px;
	height:  180px;
	float: left;
}
#socal_img{
	width: 205px;
	height:  180px;
	float: left;
}

/* changes for floatbox css */

#fbBox .fbMainDiv_black { 
	border-color: black; 
	background-color: black;
}
#fbBox .fbContent_black { 
	border-color: black;
	background-color: black;
}

#fbBox .fbDiv_black{
	border-color: black;
	background-color: black;
}

/*Center and Right General----------------------------------------------------------------------------------------*/
#center_and_right_wrapper{
	width: 814px;
	float: left;  
	background-color: #24244F;
}

/*Center----------------------------------------------------------------------------------------*/
#center{
	width: 618px;
	height: 1000px;
	float: left;
	color: black;
	background-color: #24244F;

}

.loading {
	width: 618px;
	height: 500px;
	float: left;
    background-color: #24244F;
	background-image: url(../images/ajax-loader.gif);   
	background-repeat:no-repeat;
    background-position: center center;
    z-index: 0;
}
#center_content{
	width: 618px;
	height: 980px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	color: white;

	background-color: #24244F;

	
}

#homediv{
	padding: 4px;
	
}

#aboutdiv{
	padding: 10px;
	text-align: justify;
	
}

#testDiv{
	width: 200px;
	height: 200px;
	margin-top: 100px;
	margin-left: 200px;
	border: 1px solid green;
	background-color: #F5A0BD;
	color: blue;
	padding: 4px;
	
}

#mandle{
	width: 618px;
	height: 500px;
	color: white;
	background-color: white;
	
}

.yui-navset .yui-nav li a, .yui-navset .yui-content {
    border:1px solid #888;  /* label and content borders */
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
    background-color:#f6f7ee; /* active tab, tab hover, and content bgcolor */
}

.yui-navset .yui-nav li em { padding:.5em; } /* tab padding */

/* defaults to orientation "top" */
.yui-navset .yui-nav .selected a {
    border-bottom-width:0; /* no bottom border for active tab */
    padding-bottom:1px; /* to match height of other tabs */
}

.yui-navset .yui-content {
    margin-top:-1px; /* for active tab overlap */
}

/* overrides for other orientations */

.yui-navset-bottom .yui-nav .selected a {
    border-width:0 1px 1px; /* no top border for active tab */
    padding:1px 0 0; /* to match height of other tabs */
}

.yui-navset-bottom .yui-content {
    margin:0 0 -1px; /* for active tab overlap */
}

.yui-navset-left .yui-nav li.selected a {
    border-width:1px 0 1px 1px; /* no right border for active tab */
    padding:0 1px 0 0; /* to match width of other tabs */
}

.yui-navset-left .yui-content {
    margin:0 0 0 -1px; /* for active tab overlap */
}

.yui-navset-right .yui-nav li.selected a {
    border-width:1px 1px 1px 0; /* no left border for active tab */
    padding:0 0 0 1px; /* to match width of other tabs */
}

.yui-navset-right .yui-content {
    margin:0 -1px 0 0; /* for active tab overlap */
}
/* mychanges: */

.yui-navset .yui-nav li a{
    background-color: blue;
    color: yellow;
}
.yui-navset .yui-nav .selected a{
	background-color:  red;
	color: white;
}
.yui-navset .yui-nav a:hover{
	background-color:  yellow;
	color: blue;
}
.yui-navset .yui-content {
    background-color:#f6f7ee;
}
#demo {
	margin-top: 0px;
}
/*This is modifications to yui tabview.css*/
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0em; /* horizontal tabs */
}





/*Right Side----------------------------------------------------------------------------------------*/
#right{
	width: 187px;
	float: right;
	height: 994px;
	color: white;
	padding:  4px;
  
	background-color: #003;

	
}


/*Footer----------------------------------------------------------------------------------------*/
#footer{
	clear: both;
	height: 50px;
	background-color:#9BBACF;
	padding: 5px;
	color: #222;
	
}

#iesucks{
	position: relative;
	left: 2px;
	bottom: 0px;
	
}
#copyright{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	color: #777;
	text-align: center;
	
}








/*here begins the gouge*/
/* comments  */
/*
html selector (use html selector):
body { stuff }

class selector:
.something { stuff }

id selector (normally used only once per page so you can reference with javascript etc):
#something { stuff }

PSEUDO-CLASSES AND PSEUDO-ELEMENTS:
:link
:active
:visited
:hover
:first-line
:first-letter

FONT CONTROLS:
font-family:
font-style:
font-variant;
font-weight:
font-size:
or font:    put more than one

TEXT CONTROLS:
color:
word-spacing:
letter-spacing:
vertical-align:
line-height:
text-decoration:
text-transform:
text-align:
text-indent:
direction:
unicode-bidi:
page-break-before:
page-break-after:
white-space:

ELEMENT CONTROLS:
margin-top:
margin-right:
margin-bottom:
margin-left:
margin:  for all the same
padding-top:
padding-right:
padding-bottom:
padding-left:
padding:  for all the same
border-color:
border-style:
border-top:
border-right:
border-bottom:
border-left:
border:  for all the same
border-top-width:
border-right-width:
border-bottom-width:
border-left-width:
border-width:  for all the same
width:
height:
max-width:
max-height:
min-width:
min-height:
float:
clear:
display:
background-color:
background-image:
background-repeat:
background-attachment:
background-postiion:
background:  put more than one
position:
left:
top:
bottom:
right:
z-index:

ELEMENT VISIBILITY CONTROLS:
clip:
overflow:
visibility:

LIST, TABLE and INTERFACE CONTROLS
list-style-type:
list-style-image:
list-style-position:
list-style:  put more than one
border-collapse:
caption-side:
cursor:

EXAMPLES:

body {
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
    font-size: xxpx;
    color:  ;
    margin: Xpx;
    background-color: ;
    background-position: center;
}

h1,h2,h3,h4,h5,h6,h7 {
    margin-top: 0px;
    margin-left: 4px;
    padding-top: 0px;
}

img {
	border: 0px solid;
}

a.nav:link {
	text-decoration:none;
	color:#0000FF;
	background:white;
	background-image: url(images/web_page_elements/bottom_l1_down.jpg);
	font-weight : bold;
	width: 150px;
	height: 20px;
	display:block;
	margin-bottom: 2px;
	margin-top: 2px;
}

a.nav:visited {
	text-decoration:none;
	color:#0000FF;
	background:white;
	background-image: url(images/web_page_elements/bottom_l1_down.jpg);
	font-weight : bold;
	width: 150px;
	height: 20px;
	display:block;	
	margin-bottom: 2px;
	margin-top: 2px;
}

a.nav:hover, a.nav_present{
	text-decoration:none;
	color:#336600;
	background: red;
	background-image: url(images/web_page_elements/bottom_l1_over.jpg);
	font-weight:bold;
	width: 150px;
	height: 20px;
	display:block; 
	margin-bottom: 2px;
	margin-top: 2px;
}

a.nav:active{
	text-decoration:none;
	color:#0000FF;
	background: red;
	background-image: url(images/web_page_elements/bottom_l1_over.jpg);
	font-weight:bold;
	width: 150px;
	height: 20px;
	display:block;
	margin-bottom: 2px;
	margin-top: 2px;
}

*/