/*

myproject/web/css/main.css

DEFAULTS:


background-color: #2f4d3d;	


green:     #2f4d3d;
red:       
something: 

*/




/*  old sample
div#nav_wrapper {float: left; width: 200px; background-color: #ffffff; margin: 0 0 0 10px;}
div.nav_container {margin: 30px 0 0 0; padding: 1px 0 0 0; text-align: center; background-image: url(/images/navigation_bg.jpg); background-repeat: no-repeat; }
	ul.navigation {margin-left: 16px; padding: 0; list-style: none; width: 200px; text-align: left; margin-bottom: 0;}
		ul.navigation li {list-style-type: none; width: 171px;}
		ul.navigation li a {display: block; padding: 5px 0 5px 20px;  color: #578486; font-size: 10px; text-decoration: none; background-color: #ffffff;}
		ul.navigation li a:hover {display: block; padding: 5px 0 5px 20px;  color: #ffffff; font-size: 10px; text-decoration: none; background-color: #3d3d3d; }
*/




/* =============================================================================== */
/* GLOBAL SETTINGS - Typeography for when there's no div tag                       */
/* =============================================================================== */
h1 { font-size: 16px;  font-weight: bold;  margin: 0;  padding: 0px 0px 0px 4px;}
h2 { font-size: 16px;  font-weight: normal;  margin: 0;  padding: 0px 0px 0px 4px; }
h3 { font-size: 14px;  font-weight: bold;  margin: 0;  padding: 0px 0px 0px 4px; }
h4 { font-size: 14px;  font-weight: normal;  margin: 0;  padding: 0px 0px 0px 4px; }
h5 { font-size: 12px;  font-weight: bold;  margin: 0;  padding: 0px 0px 0px 4px; }
h6 { font-size: 12px;  font-weight: normal;  margin: 0;  padding: 0px 0px 0px 4px; }

p { 
	color: #3d3d3d; 
	font-size: 14px; 
	line-height: 20px; 
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 10px 4px;
}

dl {}
dd {}

ol { margin: 0; padding: 0; }
ul { margin: 0; padding: 0px 0px 0px 0px; }
li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: disc inside; font-size: 14px;}

pre { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
body { 
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	
	/* TO GET FIREFOX TO WORK, I HAD TO COPY THE INFORATION FROM div#frontController, AND PLACE IT RIGHT HERE */
	/* See http://www.webmasterworld.com/css/3026485.htm for more information */
	background-color: #2f4d3d;
	background: #2f4d3d url("../images/background.jpg")	repeat-x bottom center fixed;  /* 2f4d3d in decimal is 47 77 61 */
	height: 100%;  /* you need to specify a height of 100% anytime you have a background image, such as the line above. */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-attachment: fixed; 	
  }
html { margin: 0; padding: 0; }
blockquote { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; }
input { margin: 0; padding: 0; }

a { text-align: left; color: #006600; text-decoration: none; outline: none; }
a:visited { }
a:active { }
a:hover { text-decoration: underline; }

img { border: none; }


/* setup for $body text because tinyMCE reports it as these items in the drop-down box */
/* THIS IS NOT WORKING YET - RAN OUT OF TIME TO DEBUG
p:xx-small { font-size: 14px; }
p:x-small { font-size: 10px; }
p:small { font-size: 12px; }
p:medium { font-size: 14px; }
p:large { font-size: 18px; }
p:x-large { font-size: 24px; }
p:xx-large { font-size: 36px; }
*/


/* =============================================================================== */
/* div#global - This is the wrapper which frames the entire page                   */
/* =============================================================================== */

div#frontController {
	background-color: #2f4d3d;
	background: #2f4d3d url("../images/background.jpg")	repeat-x bottom center fixed;  /* 2f4d3d in decimal is 47 77 61 */
	height: 100%;  /* you need to specify a height of 100% anytime you have a background image, such as the line above. */
	margin: 0;
	padding: 0;
	background-attachment: fixed; 
}

div#global {
	/* background: #ffffff url(../images/background.jpg) bottom left;	*/
	

	/*margin-left: 10%; 
	margin-right: 10%; */   /* can be em, pixel, or percentage units */
	
	/* 20080329 changed to this: */
	/*
	margin-left: 10%; 
	margin-right: 10%;
	*/
	
	/* 20080402 changed to this: */	
	margin-left: auto; 
	margin-right: auto;
}




div#baseFrame {
	border-width: 0px;
	/* background-color: #009999; */
	background-color: transparent;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 23px;
	
	/* For centering a page, choose either 1 of these 2 items: */
	
	/* (1) Liquid layout - (will move in and out depending on the size of the browser window) */
	/*
	margin-left: 10%; 
	margin-right: 10%;   
	*/
	/* */
		
    /* or; (2) Fixed-Width Layout */
	margin-left: auto; 
	margin-right: auto;
	width: 1012px;  	/* can be em, pixel, or percentage units   (note:  was 90%) */
	/* */	
	
	
	/* float:  center;	*/
}

div#container01 {
	width:  1000px;
	background-color: transparent;
	/* background-color: #ffee5e; */
	height: 54px;
	margin: 0px 0px 0px 0px;
}

div#logo {
	width:  392px; /* = 600 -4 -4 = 592 */
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	background-color: #2f4d3d;	
	float: left;
	color: #26db02; /* this is the font color - bright green */
	font-family: verdana, arial, sans-serif, courier;
	font-size: 20px;
	height: 54px;
}

div#login {
	width:  596px;
	margin: 0px 0px 0px 0px;	
	padding: 4px 4px 0px 0px;
	background-color: #2f4d3d;  /* #2f4d3d */
	text-align: right;
	font-size: 12px;
	float: right;
	font-weight: bold;
	color: #eeeeee; /* this is the font color */
	font-family: verdana, arial, sans-serif, courier;	
	height: 54px; /* was 29px */
}
div#login a {color: #ffff00;}
div#login a:visited {color: #cccc00;}	
div#login a:active {color: #3333ff;}	
div#login a:hover {color: #26db02;}	




div#topnav {
	margin: 0px 0px 0px 0px;
	width:  1012px;  /* 1012 */
}
div#topnavTop {
	background: #ffffff url(../images/topnavTop1000.gif);
	height: 20px; /* 4px */
	width: 1000px;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 4px -1px -5px 0px;   /* the -11px is a hack for IE7 */
}
div#topnavBottom {
	margin: 0;
	/* padding: 8px 15px 15px 15px; */
	background: transparent url(../images/topnavBottom1000.gif) bottom left;
	background-repeat: no-repeat;
	font-size: 14px;
	padding: 4px 4px 10px 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #009999;
}
div#topnavBottom a { color: #2f4d3d; }
div#topnavBottom a:visited { color: #2f4d3d; }	
div#topnavBottom a:active { color: #3333ff; }	
div#topnavBottom a:hover { color: #00aa00; text-decoration: none; } /* green */




div#nav {
	width:  80%;
	background-color: #ffeebe;
}

div#subnav {
	width:  100%;
	background-color: #2f4d3d;
}
div#subnavTop {
	background: #ffffff url(../images/topnavTop1000.gif);
	height: 15px; /* 4px */
	width: 1000px;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 4px -1px -6px 0px;   /* the -1px is a hack for IE7 */
}
div#subnavBottom {
	margin: 0;
	/* padding: 8px 15px 15px 15px; */
	background: transparent url(../images/topnavBottom1000.gif) bottom left;
	background-repeat: no-repeat;
	font-size: 14px;
	padding: 4px 4px 10px 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #009999;
}
div#subnavBottom a { color: #2f4d3d; font-size: 14px;}
div#subnavBottom a:visited { color: #2f4d3d; font-size: 14px;}	
div#subnavBottom a:active { color: #3333ff; font-size: 14px;}	
div#subnavBottom a:hover { color: #00aa00; text-decoration: none; font-size: 14px;} /* green */



div#breadcrumbs {
	width:  100%;
	background-color: #2f4d3d;
	color: #ffff00; /* yellow */
	padding: 0px 0px 2px 0px;
	margin: 0;
	font-family: verdana, arial, sans-serif, courier;
	font-size: 14px;
}
div#breadcrumbs a { color: #dddd00; font-size: 14px;}
div#breadcrumbs a:visited { color: #cccc00; font-size: 14px;}	
div#breadcrumbs a:active { color: #ffff00; font-weight: bold; font-size: 14px;}	
div#breadcrumbs a:hover { color: #eeee00; text-decoration: none; font-size: 14px;}




div#banner01 {
	background: #ffffff url(../images/banner01_1000x300.jpg) top left;	
	width:  1000px;
	height: 150px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	color: #26db02;
	font-size: 78px;
	text-indent: 10px;
	text-align: center;
}

div#banner02 {
	width:  80%;
	background-color: #ffee9e;
}

div#banner03 {
	width:  80%;
	background-color: #ffee8e;
}




/*
div#container06 div#main01 {
	width:  100%;
	background-color: #ffee7e;
	float: left;
}

div#container06 div#main02 {
	width:  33.33%;
	background-color: #ffee6e;
 	float: left;	
}

div#container06 div#main03 {
	width:  33.33%;
	background-color: #ffee5e;
	float: left;	
}
*/




           

/*
div#global div#container06.pocket01 .pocket01 {
	width:  20%;
	background-color: #FF0000;
	float: right;
	padding: 0 0 0 0;
	margin-right: 0%;
		border-width: 10px;
}
*/

div#container06 {
	width:  750px;
	/* background-color: #ffee5e; */
	float: left;
}





div#main01Top {
	background: url(../images/topnavTop750.gif);
	width: 750px;
	margin: 0px 0px -1px 0px;   /* -1px is a hack for IE7 */
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	}
div#main01Bottom {
	margin: 0;
	padding: 0px 10px 0px 10px;
	background: transparent url(../images/topnavBottom750.gif) bottom left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	
	/* font-size: 14px; margin: 0; padding: 4px 4px 4px 10px; */
	/* text-transform: uppercase; */
	/* font-weight: bold; */
	/* color: #009999; */
	color: #000000;
	text-align: left;  /* was justify */

}
div#main01Bottom h1 { padding: 0px 10px 0px 4px; }









div#container07 {
	width:  250px;
	/* background-color: #ffee5e; */
	float: left;
}

.pocketTop {
	background: #ffffff url(../images/topnavTop250.gif) top left;
	height: 10px;
	/* width: 1000px; */
	margin: 0px 0px -1px 0px;   /* The -1px is a hack for IE7 */
	padding: 0;
	background-repeat: no-repeat;
}

.pocketBottom {
	margin: 0;
	padding: 4px 10px 10px 10px;
	background: transparent url(../images/topnavBottom250.gif) bottom left;
	background-repeat: no-repeat;
	color: #2f4d3d;
	font-family: Arial, Verdana, sans-serif;
}


.pocketNoBorder {
	margin: 0px 0px 01px 0px;
	padding: 0px 0px 0px 0px;
}


.login01_NoBorder {
	background: url(../images/750x500_Box.jpg) top left no-repeat;
	/* width: 750px; */
	height: 500px;	
	margin: 0px 0px 01px 0px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	font-size: 16px;
	color: #ffff00;
}
.login01_NoBorder form { color: #FFCD27; /* gold */ }
.login01_NoBorder input { color: #000000; }
.login01_NoBorder b { color: #FFCD27; /* gold */ }
.login01_NoBorder p { color: #FFCD27; /* gold */ }
.login01_NoBorder a { color: #FFCD27; /* gold */ }
.login01_NoBorder a:visited { color: #FFCD27; /* gold */ }
.login01_NoBorder a:active { color: #FFCD27; /* gold */ }
.login01_NoBorder a:hover { color: #ffffff; text-decoration: none; }



.logout01_NoBorder {
	background: url(../images/750x500_Box.jpg) top left no-repeat;
	/* width: 750px; */
	height: 500px;	
	margin: 0px 0px 01px 0px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	font-size: 16px;
	color: #ffff00;
}
.logout01_NoBorder form { color: #FFCD27; /* gold */ }
.logout01_NoBorder input { color: #000000; }
.logout01_NoBorder b { color: #FFCD27; /* gold */ }
.logout01_NoBorder p { color: #FFCD27; /* gold */ }
.logout01_NoBorder a { color: #FFCD27; /* gold */ }
.logout01_NoBorder a:visited { color: #FFCD27; /* gold */ }	
.logout01_NoBorder a:active { color: #FFCD27; /* gold */ }
.logout01_NoBorder a:hover { color: #ffffff; text-decoration: none; }




.chat01_NoBorder {
	/*background: url(../images/chat.jpg) top left no-repeat; */
	/* width: 750px; */
	height: 500px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 16px;
	color: #ffff00;
}
.chat01_NoBorder form { color: #FFCD27; /* gold */ }
.chat01_NoBorder input { color: #000000; }
.chat01_NoBorder b { color: #FFCD27; /* gold */ }
.chat01_NoBorder p { color: #FFCD27; /* gold */ }
.chat01_NoBorder a { color: #FFCD27; /* gold */ }
.chat01_NoBorder a:visited { color: #FFCD27; /* gold */ }
.chat01_NoBorder a:active { color: #FFCD27; /* gold */ }	
.chat01_NoBorder a:hover { color: #ffffff; text-decoration: none; }





.pocketBottom a { color: #006600; /* was 2f4d3d */ }
.pocketBottom a:visited { color: #000000; }	
.pocketBottom a:active { color: #2f4d3d; }	
.pocketBottom a:hover { color: #006600; text-decoration: none; }
.pocketBottom img { float: left; border-style: double;  border-width: thin; border-color: #aaaaaa; padding: 0px; margin: 0px 10px 0px 0px; }
.pocketBottom h1 { font-weight: bold; font-size: 16px; line-height: 20px; /* line-height should be 4px higher than font-size for easy viewing */ color: #3d3d3d; margin: 0px; padding: 4px 10px 10px 4px; }
.pocketBottom h2 { font-weight: normal; font-size: 16px; line-height: 20px; /* line-height should be 4px higher than font-size for easy viewing */ color: #3d3d3d; margin: 0px; padding: 4px 10px 10px 4px; }
.pocketBottom h3 { font-weight: bold; font-size: 14px; line-height: 18px; /* line-height should be 4px higher than font-size for easy viewing */ color: #3d3d3d; margin: 0px; padding: 4px 10px 10px 4px; }
.pocketBottom h4 { font-weight: normal; font-size: 14px; line-height: 18px; /* line-height should be 4px higher than font-size for easy viewing */ color: #3d3d3d; margin: 0px; padding: 4px 10px 10px 4px; }
.pocketBottom h5 { font-weight: bold; font-size: 12px; line-height: 16px; /* line-height should be 4px higher than font-size for easy viewing */ color: #3d3d3d; margin: 0px; padding: 4px 10px 10px 4px; }
.pocketBottom h6 { font-weight: normal; font-size: 12px; line-height: 16px; /* line-height should be 4px higher than font-size for easy viewing */ color: #3d3d3d; margin: 0px; padding: 4px 10px 10px 4px; }
.pocketBottom p { color: #3d3d3d; font-size: 12px; line-height: 16px; /* line-height should be 4px higher than font-size for easy viewing */ margin: 0px; padding: 4px 10px 10px 4px; }
/*
.pocket {
	width:  94%;
	background-color: #2f4d3d;
	float: right;
	padding: 2px 2px 2px 6px;
	border-width: 3px;
	border-color: #000000;
	border-style: double;
	color: #efefef;
	text-transform: lowercase;
}
*/






div#container08 {
	width:  1000px;
	/* background-color: #ffff00; */
}


div#container08 div#bucket01 {
	width:  250px;
	float: left;
	font-family: verdana, arial, sans-serif, courier;
	font-size: 14px;
}

div#bucket01Top {
	background: #ffffff url(../images/topnavTop250.gif) top left;
	height: 10px;
	/* width: 1000px; */
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

div#bucket01Bottom {
	margin: 0;
	padding: 4px 4px 10px 10px;
	background: transparent url(../images/topnavBottom250.gif) bottom left;
	background-repeat: no-repeat;
	color: #000000;
}



div#container08 div#bucket02 {
	width:  250px;
	float: left;
	font-family: verdana, arial, sans-serif, courier;
	font-size: 14px;
}

div#bucket02Top {
	background: #ffffff url(../images/topnavTop250.gif) top left;
	height: 10px;
	/* width: 1000px; */
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
div#bucket02Bottom {
	margin: 0;
	padding: 4px 4px 10px 10px;
	background: transparent url(../images/topnavBottom250.gif) bottom left;
	background-repeat: no-repeat;
	color: #000000;
}



div#container08 div#bucket03 {
	width:  250px;
	float: left; 
	font-family: verdana, arial, sans-serif, courier;
	font-size: 14px;
}

div#bucket03Top {
	background: #ffffff url(../images/topnavTop250.gif) top left;
	height: 10px;
	/* width: 1000px; */
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
div#bucket03Bottom {
	margin: 0;
	padding: 4px 4px 10px 10px;
	background: transparent url(../images/topnavBottom250.gif) bottom left;
	background-repeat: no-repeat;
	color: #000000;
	
}



div#container08 div#bucket04 {
	width:  250px;
	float: left; 
	font-family: verdana, arial, sans-serif, courier;
	font-size: 14px;
}

div#bucket04Top {
	background: #ffffff url(../images/topnavTop250.gif) top left;
	height: 10px;
	/* width: 1000px; */
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
div#bucket04Bottom {
	margin: 0;
	padding: 4px 4px 10px 10px;
	background: transparent url(../images/topnavBottom250.gif) bottom left;
	background-repeat: no-repeat;
	color: #000000;
	
}




div#footer {
	width:  1000px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background-color: #2f4d3d;	
	float: left;
	color: #cccccc; /* this is the font color */
	font-family: verdana, arial, sans-serif, courier;
	font-size: 12px;
	text-align: center;
	background: transparent;
}
div#footer p { color: #FFCD27; /* gold */ }
div#footer hr { color: #FFCD27; /* gold */ }
div#footer a { color: #FFCD27; /* gold */ }
div#footer a:visited { color: #FFCD27; /* gold */ }	
div#footer a:active { color: #FFCD27; /* gold */ }
div#footer a:hover { color: #FFCD27; /* gold */ text-decoration: none; }