/*   Author: Tim Reaves */
/*     Date: 02/10/2008 */
/* Filename: global.css */


/* ##### GLOBAL ELEMENT STYLES ############################################################ */

body
{
	           color: #666666;
              background: #FFFFFF url(../media/background.gif) repeat-x 0px 0px;
	      text-align: center;
	          margin: 0px;
	         padding: 0px
}

h1, h2, h3, h4
{

}

p
{
	          margin: 0px 0px 10px 0px;
	      text-align: justify;
	       font-size: 10pt
}

div
{
	         display: block
}


/* ##### GLOBAL CONTAINER ID STYLES ####################################################### */

#page_container
{
	           width: 1024px;
	          margin: 10px auto 50px auto;
                 padding: 0px 0px 10px 0px;
	      text-align: center;
	      background: url(../media/background.gif) repeat-x 0px -10px;
	     font-family: Arial, Helvetica, sans-serif
}

#header
{
	           width: 1024px;
                  height: 232px;
	           float: left;
	      background: url(../media/header.gif) no-repeat 0px 0px;
	         padding: 0px;
	          margin: 0px
}

#content
{
	           width: 970px;
	           clear: left;
	           float: left;
	background-color: #FFFFFF;
	     border-left: 1px solid #999999;
	    border-right: 1px solid #999999;
                  margin: 0px 28px 0px 26px;
	         padding: 1px 0px
}

html>body #content
{
	           width: 972px;
	           float: left;
	background-color: #FFFFFF;
	     border-left: 1px solid #666666;
	    border-right: 1px solid #666666;
                  margin: 0px 26px;
	         padding: 0px 0px
}

#bottom
{
	           width: 1024px;
                  height: 64px;
	           clear: both;
	     padding-top: 1px;
	      background: url(../media/footer.gif) no-repeat 0px 0px
}

#footer
{
	           color: #FFFFFF;
	            font: 8pt tahoma, 'century gothic', arial;
	      text-align: center;
                 padding: 25px 30px 0px 30px
}


.fill
{
	          height: 200px
}

#main
{
	           width: 935px;
	           float: left;
	         padding: 0px 0px 0px 0px
}

html>body #main
{
	           width: 932px;
	           float: left;
	         padding: 0px 20px 0px 20px
}

#main h4
{
	   margin-bottom: 0px
}

#main a
{
	           color: #6495ED;
	background-color: #FFFFFF;
	 text-decoration: none	
}


/* ##### GLOBAL CONTAINER CLASS STYLES #################################################### */


.container
{
	         padding: 0px;
	          margin: 0px
}

.side_container
{
	      margin-top: 20px
}

.sidebar
{
	           width: 200px;
	      text-align: center
}


.side_img
{
	      text-align: center
	
}


.spacer_2
{
	          height: 50px
}


/* ##### LEFT CONTAINER ################################################################### */


#left_bar
{
	           float: left;
	          margin: 25px 20px 25px 0px;
	         padding: 20px 20px 20px 0px;
	    border-right: 1px solid #999999
}


#right_bar
{
	           float: right;
	          margin: 25px 0px 25px 20px;
	         padding: 20px 0px 20px 20px;
	     border-left: 1px solid #999999

}


#sidebar_list
{
	            font: 9pt "century gothic";
	      text-align: center;
	 list-style-type: none;
}


#sidebar_list li
{
	          margin: 15px 0px 15px -40px;
	           color: #333333;
	background-color: #FFFFFF
}


/* ##### NAVIGATION STYLES ################################################################ */


.button
{
	          height: 20px
}

#navigation
{
	           width: 973px;
	          height: 20px;
                  margin: 0px;
	         padding: 3px 0px 0px 0px;
	           color: #EEEEEE;
	background-color: #666666;
              text-align: center;
	      border-top: 2px solid #FFFFFF;
	   border-bottom: 2px solid #606060

}

html>body #navigation
{
	           width: 972px;
	          height: 20px;
	           color: #EEEEEE;
	background-color: #666666;
              text-align: center;
	      border-top: 1px solid #FFFFFF;
	   border-bottom: 1px solid #333333
}

#navigation a
{
	          height: 20px;
	           color: #EEEEEE;
	background-color: #666666;
	            font: 10pt 'century gothic', helvetica, san-serif;
	 text-decoration: none;
	          margin: 0px;
	         padding: 0px 50px;
	  letter-spacing: 10px
}

#navigation a:link
{
	 text-decoration: none;
}

#navigation a:active
{
	           color: #FFCC00;
	background-color: #666666;
	 text-decoration: none;
}

#navigation a:visited
{
	 text-decoration: none
}

#navigation a:hover
{
	           color: #FFCC00;
	background-color: #666666;
	 text-decoration: none
}

#nav_table
{
	          height: 20px;
	     margin-left: 20px
}

#nav_table td
{
	         padding: 0px 16px
}


/* ##### LOGIN ############################################################################ */


#login_form
{
	           width: 150px;
	      text-align: right
}

#login_form a
{
	      text-align: center
}

#login_form table
{
                   width: 150px;
	      margin-top: 10px
}

.login_label
{
	            font: 10pt tahoma, arial, san-serif
}

#logout_button
{
	           width: 100px;
	          height: 20px;
	      text-align: center;
	          margin: 10px auto;
	      background: url(../buttons/b_logout.png) no-repeat 0px 0px
}

#logout_button:hover
{
	      background: url(../buttons/b_logout.png) no-repeat -100px 0px
}


/* ##### SEARCH ########################################################################### */


#lookup
{
	          width: 100%;
	     text-align: right;
	  margin-bottom: 35px
}


/* ##### FORM ############################################################################# */


.form_element
{
	       font-size: 8pt;
	          margin: 2px
}

.form_element input
{
	       font-size: 8pt
}

.form_element p 
{
	      text-align: center;
	       font-size: 10pt
}

.form_element a
{
	      text-align: center;
	          height: 20px;
	         display: block;
	margin: 5px auto 5px auto
}


/* ##### NEWS AND HEADLINES ############################################################### */


.news_date
{
	            font: bold 10pt 'Century Gothic', Arial, sans-serif;
	          margin: 10px 0px 0px 0px;
	           color: #FF9900;
	background-color: #FFFFFF
}

.news_headline
{
	            font: 8pt 'Century Gothic', Arial, sans-serif;
	          margin: 10px 0px 0px 0px;
	           color: #005487;
	background-color: #FFFFFF;
	 text-decoration: none
}

.latest_headline
{
	            font: 8pt tahoma, Arial, sans-serif;
	          margin: 10px 0px 0px 0px;
	           color: #CC3300;
	background-color: #FFFFFF;
	 text-decoration: none
}

.tech_headline
{
	            font: 8pt tahoma, Arial, sans-serif;
	          margin: 10px 0px 0px 0px;
	           color: #006666;
	background-color: #FFFFFF;
	 text-decoration: none
}

.news_para
{
	            font: 8pt verdana, arial, sans-serif;
	      text-align: left;
	          margin: 0px 0px 10px 0px;
	         padding: 0px
}

.heading_1
{
	            font: 2.5em 'century gothic', tahoma, san-serif;
	           color: #FFCC00;
	background-color: #FFFFFF;
	  letter-spacing: 3px;
	          margin: 0px 0px 0px 0px;
              text-align: left
}

.heading_2
{
	            font: 1.5em arial, tahoma, helvetica;
	           color: #CC3300;
	background-color: #FFFFFF;
	  letter-spacing: 3px;
	          margin: 0px 0px 0px 0px;
              text-align: right
}

.accent
{
	            font: 10pt tahoma, 'century gothic', arial;
                   color: #B0B0B0;
	background-color: #FFFFFF;
	  letter-spacing: 2px;
}


/* ##### PHOTO ############################################################################ */


.photo_caption
{
	            font: 8pt arial, Helvetica, sans-serif;
	      text-align: center;
	      margin-top: 0px
}


/* ##### TEST AREA ######################################################################## */


.inline_element
{
	           width: 322px;
	     margin-left: 20px;
	   margin-bottom: 10px;
	      text-align: center
}

.inline_top
{
	           width: 322px;
	          height: 35px;
	           color: #FFFFFF;
	      background: #F5F5F5 url(../media/inline_element.gif) no-repeat center 0px;
	            font: bold 9pt tahoma, airal, 'century gothic';
	     padding-top: 11px;
	  letter-spacing: 5px;
	     text-indent: 25px;
	      text-align: left
}

.inline_bottom
{
	           width: 322px;
	          height: 20px;
	      background: #FFFFFF url(../media/inline_bottom.gif) no-repeat center 0px
}

.inline_content
{
	           width: 322px;
	background-color: #F5F5F5;
                 padding: 1px 0px 1px 0px

}

.inline_element p
{
	           width: 250px;
	      text-align: justify;
	     font-family: tahoma, arial, helvetica;
	          margin: 0px  0px 10px  0px;

}

.inline_content p
{
	          margin: 0px  auto 10px  auto
}

.inline_p 
{
                    font: 8pt tahoma, arial, helvetica;;
	           width: 250px;
	      text-align: justify;
	          margin: 0px  auto 10px  auto
}

.inline_link
{
	background-color: #F5F5F5
}