@import url("layout.css");

/*********** Colors for the website ***********************/ 
/*
#FFFFFF;  ">White. Used on page backgrounds
#000000;  ">Black.  Used for general text color, h1
#fafaff;  ">Very very Light Blue -- used on body (outside page)
#F2F5FF;  ">Very light blue -- used for sidebar background
#333399;  ">Blue, used for menu letters, container border, h2, button border
#80c9ff;  ">Blue, menu button background
#800000;  ">Red, menu button letters, hover
#80c9ff;  ">Blue, menu botton background, hover
#3333cc;  ">Blue, h3 color
#3333ff;	">Blue, h4, h5, h6 colors
#b22222;  ">Red, special attention letters, individual use where needed

Colors from Banner on top (sampled by Fireworks).
#FF0000		Red 
#0099FF		Blue, top and bottom bars
#8DED8D   Green, waveform
#FFDE02		Yellow, ARRL logo
#FFDB4A		Light Gold, GRARA word
#FC8B4C		Dark Gold, GRARA word
#002A91		Dark Blue in logo
#E9F0FF		Light Blue in logo
*/
/**********************************************************/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #fafaff;
  background-image: url("../grr_images/background.gif"); 
 	background-repeat:repeat;
	background-attachment:scroll;
}

/*-----------------Main Page Container styles ---*/
#container {
	width: 900px;
	margin: 10px auto;
	background-color:#FFFFFF;
}

#container hr {    /* horizontal lines */
	color:#0099FF;   /* same as banner top and bottom bars */

}

/*-----------------Masthead styles (top logo area) ---*/

#masthead {
	text-align:center;
	width: 900px;
	padding-top: 0px; /* was 15px 11/7/2008*/
	padding-bottom: 0px; 
}

/* below NOT needed because masthead only contains a image (logo) */
/* Masthead Styles */
/* #masthead h1 {
	font-weight: normal;
	color: #191970;
	text-transform: uppercase;
	display: inline;
}
#masthead h3 {
	bottom: 0;
	font-weight: normal;
	color: #b22222;
	display: inline;
	margin-top: 15px;
	margin-left: 25px;
}
*/

/*-----------------Navigation Bar styles ---*/
#navigation {
	text-align: center;
	width: 900px;
	background-color: #fafaff;
	padding-bottom: 4px;
	}

/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: auto;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	text-decoration: none;
/*	color: #b22222;  Was Red Letters*/ 
	color: #333399;  
	display: block;
	margin: 0 1px;
	padding: 5px;
	border: 1px solid #333399; 
	background-color: #BFE4FF;
}
#navigation a:hover {
	text-decoration: none;
	color: #800000;
	background-color: #80c9ff; 
/*	background-color; #d0daff; */
}

/*----------------- page_content styles (container for lower sections and footer)*/

#page_content {
/*	text-align: center; */
	width: 900px;
	background-color: #FFFFFF;
	padding-top: 10px;

/* comment out this border, it is for testing only		
	border-top: 3px solid #dcdcdc;
	border-right: 3px solid #a9a9a9;
	border-bottom: 3px solid #808080;
	border-left: 3px solid #a9a9a9; 
  end of test border */

/*	margin-right: auto;
	margin-left: auto;
	overflow: hidden; */
/*	border-top: 3px solid #dcdcdc;
	border-right: 3px solid #a9a9a9;
	border-bottom: 3px solid #808080;
	border-left: 3px solid #a9a9a9; */

}

/*-----------------Left_content column styles ---*/
/*-----------------Left_content is used with sidebar to make two columns)*/

#left_content {
/*	position: relative; */
	float: left;
	width: 620px; 
	padding-top: 1px;
	padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
	text-align: left;
/*	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9; 
*/
}


/* Left_Content Styles */
#left_content img {
	padding: 5px;
	float: left;
}

#left_content h1{
/*	color: #b22222; */
	color: #000000;	
}

#left_content h2{
/*	color: #b22222; */
	color: #333399	
}

#left_content h3{
/*	color: #b22222; */
	color: #3333cc	
}

#left_content h4{
/*	color: #b22222; */
	color: #3333ff	
}

#left_content h5{
/*	color: #b22222; */
	color: #3333ff	
}

#left_content h6{
/*	color: #b22222; */
	color: #3333ff	
}


/*-----------------Fullsize column styles ---*/
/*-----------------Fullsize column does not have a sidebar column --*/

#fullsize_content {
/*	position: relative; */
	float: left;
	width: 880px; 
	padding-top: 1px;
	padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
/*	text-align: left; */
/*	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9; */

}

/* Fullsize_Content Styles */
#fullsize_content img {
	float:left;
	padding-right: 5px;
	padding-left: 5px;
	}
#fullsize_content ul {
	text-align: left;
	padding-left: 30px;
}	

#fullsize_content h1{
/*	color: #b22222; */
	color: #000000;
	
}

#fullsize_content h2{
/*	color: #b22222; */
	color: #333399;
	
}

#fullsize_content h3{
/*	color: #b22222; */
	color: #3333cc;
	
}

##fullsize_content h4{
/*	color: #b22222; */
	color: #3333ff;
	
}

#fullsize_content h5{
/*	color: #b22222; */
	color: #3333ff;
	
	
}

#fullsize_content h6{
/*	color: #b22222; */
	color: #3333ff;
	
	
}

/*-----------------Complex column styles ---*/
/*-----------------Complex column does allow have a sidebar column --*/

#complex_content {
/*	position: relative; */
	float: left;
	width: 880px; 
	padding-top: 1px;
	padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  background-color:#F2F5FF;
  background-image:url("../grr_images/netcertificate_noborder_200x147.jpg");
/*	text-align: left; */

	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9; 
}


/*-----------------Sidebar (right column) Container styles ---*/
/*-----------------Sidebar is used with Left_content to make two columns) */

#sidebar {
	float: right;
	width: 230px; /* was 350 mph */;
	padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
	border-left-style: solid;/* new mph */
	border-left-color: black; /* new mph */;
	border-left-width: 1px; /* new mph */;
	background-color: #F2F5FF; 
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}


/* Sidebar Styles */
#sidebar p {
	color: #222;
}
#sidebar img {
/*	float: right; */
	float:none;
	border-width:1px
	border-style:solid;
	border-color:#333399;
	margin-bottom: 5px;
	margin-left: 5px;
}
#sidebar ul {
	margin-bottom: 20px;
	margin-top: 5px;
	margin-left: 20px;
}

#sidebar h1{
/*	color: #b22222; */
	color: #000033;
	
}

#sidebar h2{
/*	color: #b22222; */
	color: #333399;
	
}

#sidebar h3{
/*	color: #b22222; */
	color: #333399;
	
}

#sidebar h4{
/*	color: #b22222; */
	color: #333399;
	
}

#sidebar h5{
/*	color: #b22222; */
	color: #333399;
	margin-bottom: 0px;
	
	
}

#sidebar h6{
/*	color: #b22222; */
	color: #333399;
	
	
}



/*-----------------Footer styles (menu along bottom of page)*/

#footer {
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	text-align: center;
	background-color:white;
}
/* Footer Styles */
#footer p {
	font-size: 0.85em;
	color: #808080;
	margin-top: 10px;
	margin-bottom: 10px;

}
#footer a {
	color: #47b;
	text-decoration: underline;
}
#footer a:hover {
	color: #237;
	text-decoration: none;
}

/*table Styles */
tr {
	background-color: white;
}

tr.odd {
	background-color: #F2F5FF;
}

/* Link Styles */
a {
	color: #191970;
	text-decoration: underline;
}
a:hover {
	color: #800000;
	text-decoration: underline;
}

/*--------classes ----------*/
/*--------------------------*/
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

.text_center{
	text-align: center;
}

.text_left{
	text-align: left;
}

.text_right{
	text-align: right;
}

.float_right{
	float: right;
}
.float_left{
	float: left ;
}
.red_headline{
	color:red;
}
.maroon_headline{
	color:maroon;
}