/* Rules for all browsers
----------------------------------------------- */

body {
	background-color: #000000;
	margin: 0;
	text-align: center;/* IE hack to center page contents (see #frame below) */
	}

header {
	background-color: #000000;
	margin: 0 0 5px 0;
		text-align: left;
	}
	
body, table, td, p, a, span, ul, li, input, textarea, select, file {
	font-family: verdana, geneva, tahoma, arial, sans-serif;
	}

img {
	border:0;
	}


pre.faq {
	font-family: verdana, geneva, tahoma, arial, sans-serif;

}

h1 {
	color: #FF6500;
	font-size: 150%;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
h2 {
	color: #FF6500;
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
	
h3 {
	color: #FF6500;
	font-size: 85%; 
	margin: 0;
	padding: 0;
	}

b { font-weight:bold;}



#navcontainer { width: 100%; height: 33px; margin-top: 0px; } 
#navcontainer p { padding: 0px; margin: 0; line-height: 16px; }

ul#topnav { list-style: none;  text-align: left; width: 100%; margin: 0 auto; z-index: 2; }
	ul#topnav li { display: inline; padding-right: 10px; }
		ul#topnav li a, ul#topnav li a:visited { font-size: .7em; color: #fafafa; font-family: "Comic Sans MS"; text-decoration:none; font-weight: normal; text-transform: uppercase; }
		ul#topnav li.active a { text-decoration: underline; }
	 	ul#topnav li a:hover { color: #fe6700; text-decoration: underline; } 



/* ---- links ----------------------------------------- */
/* Remember "LoVe/HAte" linking.  */
a:link { font-size: .7em; color: #fafafa; font-family: "Comic Sans MS"; text-decoration:underline; font-weight: normal; text-transform: uppercase;;}  
a:visited  { font-size: .7em; color: #ffffff; font-family: "Comic Sans MS"; text-decoration:underline; font-weight: normal; text-transform: uppercase;;}  

/* ---- ids & classes ----------------------------------------- */

#imagedetail  p {
	font-weight:bold;
	font-size: 70%;
	}
	
#thumbs .image{
	border-color: #FF9900;
	border-width:10px;
      }
	
#homepage  p {
	font-size: 80%;
	color:#ffffff;
	
	}

#homepage a:link { color: #ffffff; text-decoration: underline;font-weight:bold;} 

#homepage a:visited { color: #ffffff; text-decoration: underline;font-weight:bold;}

#homepage a:hover { color: #ffffff; text-decoration: underline;font-weight:bold;}

#homepage a:active { color: #ffffff;font-weight:bold;}
	
#homepage  h1 {
	color:#ffffff;
	}
	
#homepage  h2 {
	color: #ffffff;
	}
	
#homepage  h3 {
	color:#ffffff;
	}

#interior  h1 {
	color:#ffffff;
	}
	
#interior  h2 {
	color: #ffffff;
	}
	
#interior  h3 {
	color:#ffffff;
	}

#mainTable, #mainTableHome {
	margin:0;
	}
	
#mainTableHome {
	background-color:#000000;
	}

#mainTable {
	background-color:#000000;
	}

#frame {  /* centers page contents */
	margin: 0 auto 0 auto; /* centers page contents */
	width: 745px;
	}

#main { /* middle content on page */
	padding: 0;
	font-size: 80%;
	margin: 0px 15px 0 15px;
	text-align: left;
	color:#ffffff;
	}

#main div {
	margin: 10px 8px 10px 8px;
	}

#main p, #main ul, #main ol, #sidebar p, #sidebar ul, #sidebar ol, #sidebarHome p, #sidebarHome ul, #sidebarHome ol {
	font-size: 80%;
	padding: 0;
	line-height: 130%;
	margin:5px 0 5px 0;
	color:#ffffff;
	}
	
#main ul, #sidebarHome ul, #sidebar	ul {
	margin:5px 0 5px 15px;
	}	

#sidebarHome {
	background:#fed779 url(../images/rightSidebarSwoosh.gif) no-repeat left top;
	width:210px;
	margin: 0 21px 0 0;
	padding:30px 0 20px 0;
	}	

#sidebar, #sidebarHome {
	margin-bottom:30px !important;
	}

#homepage #sidebar h1 {
	color:#7E2717;
	}
	
#homepage #sidebar h2 {
	color: #7E2717;
	}
	
#homepage #sidebar h3 {
	color:7E2717;
	}

#interior #sidebar h1 {
	color:#AC7C02;
	font-size: 115%;
	}
	
#interior #sidebar h2 {
	color: #953624;
	font-size: 105%;
	}
	
#interior #sidebar h3 {
	color:#333333;
	font-size: 85%;
	}

#sidebar div, #sidebarHome div {
	margin: 10px 10px 10px 14px;
	}

#sidebar p, #sidebarHome p {
	font-size:80%;
	line-height:130%;
	}

#interior #sidebar {
	width:213px;
	margin: 0 21px 0 0;
	padding:30px 0 20px 0;
	/*float:left; */
	}

#leftNav {
	
	margin:5;

	}
#leftNav a, #leftNav a:visited, #leftNav a:active {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}
#leftNav p {
	color: #ffffff;
	
	}

#leftNav h1 {
	color: #ffffff;
	font-size: 130%;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#leftNav h2 {
	color: #ffffff;
	font-size: 110%;
	margin: 0;
	padding: 0;
	}
	
#leftNav h3 {
	color: #ffffff;
	font-size: 85%;
	margin: 0;
	padding: 0;
	}
#underNavHome {
	background-color:#7e2717;
	}
	
#underNav {
	background-color:#f6d88b;
	height:118px;
	}

#underNavHome, #underNav {/* for the right sidebr */
	padding:10px 0 20px 0;
	width:186px;
	}
	
#underNav div, #underNavHome div  {
	margin: 10px 10px 10px 10px;
	line-height:150%;
	} 
	
p.underNavIE {
	color:#efdf94;
	font-size:80%;
	}
	
.email {
	width:160px;
	margin:5px 0 5px 0;
	font-size:90%;
	}
	
.join {
	width:40px;
	height:20px; 
	margin:5px 0 5px 25px;
	font-size:100%;
	padding:0 0 20px 0 !important;
	}
	
.ImageTitle {
color: #FF6500;
	font-size: 150%;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding: 0;
	}

/* ---- Footer ----------------------------------------- */	

#footer p {
	margin-top:2px;
	color: #FF6500;
	
	}

#footer td {
	font-size: 70%;
	color: #FF6500;
	padding:5px;
	
	}

#footer a, #footer a:visited, #footer a:active {
	color: #FF6500;
	text-decoration: underline;
	font-weight: bold;
	}
#footer a:hover {
	text-decoration: none;
	}

/* navigation classes */

a.notshown:link, a.notshown:visited, a.notshown:active {
	color: #999;
	}
a.unpublished:link, a.unpublished:visited {
	text-decoration: line-through;
	color: #fff;
	}

.primary, .primaryOn{
	padding: 0 0 5px 5px;
	font-size:75%;
}

.primary a, .primary a:visited, .primary a:link, .primary a:hover, .primaryOn a, .primaryOn a:visited, .primaryOn a:link {
	font-weight:bold;
	text-decoration:none;
}

.primary a:hover, .primaryOn a:hover {	
	font-weight:bold;
	text-decoration:underline;
}

.secondary a, .secondary a:visited, .secondary a:link, .secondary a:hover {
	color:#335685;
}

.secondaryOn a, .secondaryOn a:visited, .secondaryOn a:link, .secondaryOn a:hover {
	color:#7e2717;
}

.secondary, .secondaryOn{
	padding: 0 0 5px 25px;
	font-size:75%;
}

.secondary a, .secondary a:visited, .secondary a:link, .secondary a:hover, .secondaryOn a, .secondaryOn a:visited, .secondaryOn a:link {
	font-weight:bold;
	text-decoration:none;
}

.secondary a:hover, .secondaryOn a:hover {	
	font-weight:bold;
	text-decoration:underline;
}

.secondary a, .secondary a:visited, .secondary a:link, .secondary a:hover {
	color:#335685;
}

.secondaryOn a, .secondaryOn a:visited, .secondaryOn a:link, .secondaryOn a:hover {
	color:#7e2717;
}
	
/* tertiary navigation */
.tertiary, .tertiaryOn {
	padding: 0 0 5px 40px;
	font-size:75%;
}

.tertiary a, .tertiary a:visited, .tertiary a:link, .tertiary a:hover, .tertiaryOn a, .tertiaryOn a:visited, .tertiaryOn a:link, .tertiaryOn a:hover {
	text-decoration:none;
}

.tertiary a:hover, .tertiaryOn a:hover {
	text-decoration:underline;
}

.tertiary a, .tertiary a:visited, .tertiary a:link, .tertiary a:hover {
	color:#4b4f50;
}

.tertiaryOn a, .tertiaryOn a:visited, .tertiaryOn a:link, .tertiaryOn a:hover {
	color:#7e2717;
	font-weight:bold;
}




/* ---- Other Classes -----------------------------------*/

.gray {
	background:#ededed url(../images/int_sidebarTop_gray.gif) no-repeat left top !important;
	margin-left:10px !important;
	/* float:right !important; */
}

.yellow {
	background:#fbeecc url(../images/int_sidebarTop_yellow.gif) no-repeat left top !important;
	margin-left:10px !important;
	/* float:right !important; */
}




span.smaller {
	font-size: 90%;
	}

a.skiplink { /* skip to main content link */
    display: none;
    } 

br.clear{
	margin:0;
	clear:both;
	line-height:0;
	}

.more {
	text-align:right;
	}

/* ---- admin styles ----------------------------------------- */

#admin {
	background-color:#ffffff;
	margin: 0;
	text-align:left;
	}

#admin select, input, textarea {
	font-size:70%;
	}

#mainadmin {
	width: 745px;
	margin: 0;
	background-color: #f3d68f;
	}
#mainadmin p {
	font-size: 10px;
	padding: 6px;
	margin: 0;
	}
	
#siteadmin {
	width: 745px;
	margin: 0;
	background-color: #c5c065;
	}
#siteadmin p {
	font-size: 10px;
	padding: 6px;
	margin: 0;
	}
	
.contentadminbar {
	margin: 1px 0 1px 0;
	text-align: left;
	font-size: 10px;
	padding: 2px;
	background-color: #999;
	color: #000;
	}
.contentadminbar select, .widgetadminbar select { font-size: 10px;}
	
.widgetadminbar {
	margin: 1px 0 1px 0;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	background-color: #ccc; 
	padding: 2px;
	color: #000;
	clear:both;
	}
.widgetadminbar a:link, .widgetadminbar a:visited {
	font-weight: bold !important;
	text-decoration: none;
	}
#mainadmin a:link, #mainadmin a:visited, #siteadmin a:link, #siteadmin a:visited {
	font-weight: bold !important;
	/* text-decoration: none; */
	}

.debug {
	color: red;
	font-weight: bold;
	}

/*-- admin template styles ---*/
#admincontent {
	margin: 5px;
	}
#admincontent p {
	margin: 0;
	padding: 2px 0 6px 0;
	font-size: 65%;
	color: #5a5a5a;
	}
#admincontent p input {
	font-size: 100%;
	}	
	
#admincontent p.listtables { /* for lists in tables, e.g. "manage sites" & manage users" */
	margin: 0;
	padding: 3px;
	}
#admincontent h1,h2 {
	color: #474747;
	}
#admincontent h1 {
	padding: 0;
	margin: 15px 0 15px 10px;
	font-size: 100%;
	}
#admincontent h2 {
	padding: 0;
	margin: 5px 0 5px 2px;
	font-size: 80%;
	}
#admincontent span.smallerfont { /* use span.smallerfont in admin forms when <p> tags can't be used */
	font-size: 65%;
	color: #5a5a5a;
	}
.error { /* red text for error messages */
	color: #f00;
	} 
ul.error { font-size: 70%;}

#adminfooter {
	font-size: 65%;
	margin: 20px 0 25px 15px;
	color: #646464;
	}
#adminfooter a, #adminfooter a:visited, #adminfooter a:active {
	color: #646464;
	text-decoration: underline;
	font-weight: normal;
	}
#adminfooter a:hover {
	text-decoration: none;
	}



/* ---- forms ----------------------------------------- */

#homeform form { /* "Check Status" form on home page */
	margin: 9px;
	}

form { margin: 0;}

.button {
	/*background-color: #e5e5e5;*/
	background-color: #525252;
	color: #fff;
	}

/* ---- Printing ----------------------------------------- */	

.noPrint {
     text-decoration: none;
    }
	
.printOnly {
	display: none;
	margin: 20px 10px 20px 20px;
	}
.printOnly h1 {
	color: #881c1c;
	font-weight: bold;
	font-size: 100%;
	}
.printOnly h2 {
	color: #881c1c;
	font-weight: bold;
	font-size: 80%;
	}
.printOnly h3 {
	color: #000;
	font-weight: bold;
	font-size: 70%;
	}
.printOnly p {
	font-size: 70%;
	}
	
@media print {
	
	.noPrint {
	display: none;
	}

	.printOnly {
		display: block;
	}
}