/*
*************************************************

softwarecomplete.css 
Screen layout:

Created by the team at EnQuant
http://www.enquant.com/

*************************************************
*/




/*-------------------------------------------    
    General Selectors
-------------------------------------------*/

body { margin: 0 auto; padding: 0; font: 76% Verdana,Tahoma,Arial,sans-serif; background: #f4f4f4 url(bg.gif) top center repeat-y; }

.left { margin: 10px 10px 5px 0; float: left; }

.right { margin: 10px 0 5px 10px; float: right; }

.textright { text-align: right; }

.center { text-align: center; }

.small { font-size: 0.8em; }

.bold { font-weight: bold; }

.hide { display: none; }




/* ***** block level ***** */

h3 { font-size: 1.3em; margin: 0 0 10px 0; }

td.content { font-size: 1em; color: black; background-color: white; text-align: left; vertical-align: top; padding-top: 1em; padding-bottom: 1em; }
  			
td.header { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: White; background-color: #286ea0; text-align: left; vertical-align: top; }
			
td.Warningheader { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: White; background-color: Red; text-align: left; vertical-align: top; }




/* ***** inline ***** */

a { text-decoration: none; color: #286ea0; }
    a:hover { text-decoration: underline; color: #286ea0; background-color:#eaeaea }
    a:link { color: #0000FF; }
    a:visited { color: #778899; }
    a img { border: 0; }



    
/*-------------------------------------------    
    Structure
-------------------------------------------*/

#frontphoto { margin: 0 0 10px 0; border: 0; }

#header { clear: both; margin: 20px 0 0 0; padding: 0; height: 45px; }
    #header h1 { width: 250px; margin: 0 0 10px 0; float: left; }
    #header p { width: 500px; float: right; text-align: right; color: #a0a0a0; margin: -40px 0 10px 0; font-size: 0.8em; line-height: 1.2em; }

#avmenu { clear: left; float: left; width: 150px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; }
    #avmenu ul { list-style: none; width: 150px; margin: 0 0 20px 0; padding: 0; font-size: 1.1em; }	
    #avmenu li { margin-bottom: 4px; }
    #avmenu li a {font-weight: bold; height: 20px; text-decoration: none; color: #505050; display: block; padding: 6px 0 0 10px; background: #f4f4f4; border-left: 4px solid #cccccc; }	
    #avmenu li a:hover { background: #eaeaea; color: #505050; border-left: 4px solid #ffcc33; }


#nqbutton { width: 150px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; }
    #nqbutton ul { list-style: none; width: 150px; margin: 0 0 20px 0; padding: 0; font-size: 1.1em; }	
    #nqbutton li { margin-bottom: 4px; }
    #nqbutton li a { font-weight: bold; height: 20px; text-decoration: none; color: #0000FF; display: block; padding: 6px 0 0 10px; background: #f4f4f4; border-left: 4px solid #cccccc; }	
    #nqbutton li a:hover { background: #eaeaea; color: #286ea0; border-left: 4px solid #286ea0; }
			
#extras { float: right; width: 140px; margin: 0px 0 0 0; padding: 0; font-size: 1em; line-height: 1.5em; }
    #extras p { margin: 0 0 0 0; }

.announce { margin: 10px 0 10px 0; padding: 10px; width: 130px; color: #505050; background-color: #f4f4f4; line-height: 1.3em; }

#content { margin: 0 150px 20px 160px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding: 0 10px 0 10px; line-height: 1.6em; text-align: left; }
    #content h2 { font-size: 1.5em; margin: 0 0 0.5em 0; }
    #content img { padding: 1px; display:inline; background: #cccccc; border: 4px solid #f0f0f0; }

#footer { clear: both; margin: 0 auto; padding: 10px 0 20px 0; border-top: 4px solid #f0f0f0; width: 760px; text-align: center; color: #808080; background-color: #ffffff; font-size: 0.9em; }
    #footer a { color: #808080; text-decoration: none; }
    #footer a:hover { text-decoration: underline; color: #286ea0; background-color:#eaeaea }
    #footer a:link { color: #0000FF; }

#wrap { background: #ffffff; color: #303030; margin: 0 auto; width: 760px; }