@charset "UTF-8";

/* CSS Document 
Created by: Kevin O'Leary for Anubis Creative */


/*============================================================
						RESET CODE
============================================================*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, table, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}

/*============================================================
					STANDARD HTML TAG DEFINITION
============================================================*/
html { 
overflow-y:scroll; 
} /* Firefox has an unfortunate habit of showing the right scrollbar when a page is long and hiding it when the page doesn’t reach below the fold, thus creating an undesireable “jump.” This snippet prevents that. */

body {
background:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}  

form, input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#container {
background:#003562 url(../images/background_main2.jpg) no-repeat;
width: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
}

a {
outline: none;
text-decoration:none;
}

img {
border: none;	
}

input {
outline: none;	
}

.clear {
clear: both;
}

 
/*============================================================
					LOGO/QUOTE FORMATING
============================================================*/

#logo { 
position:absolute; top:30px; left:50px; 
}  
   
#panel { 
position:absolute; top:189px; left:50px; 
}  

#container span {
display: none;
}  

/*============================================================
					NAV FORMATING
============================================================*/
ul#menu {
margin:0px;
padding:0px;
position:absolute;
top:150px;
left:75px;
} 
 
ul#right_menu {
margin:0px;
padding:0px;
position:absolute;
top:150px;
right:75px;
} 

ul#menu li, ul#right_menu li {
margin:0px;	
padding:0px;
list-style:none;
margin-right:16px;
font-size:12px;
text-transform:uppercase;
display:inline;
}

ul#menu li a, ul#right_menu li a {
text-decoration:none;
color:#FFF;
}

ul#menu li a:hover, ul#right_menu li a:hover {
text-decoration:none;
color:#DDAC40;
}


/* LEVEL ONE */
	
ul.dropdown                         { position: relative; }
ul.dropdown#menu					{ width: 600px; }
ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #ddac40; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: inline; padding: 4px 8px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: ddac40; position: relative; }
ul.dropdown li.hover a              { color: ddac40; }


/* LEVEL TWO SUBMENU*/
	
ul.dropdown ul 						{ width: 600px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; float: left; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 


/*============================================================
					MAIN/CONTENT FORMATING
============================================================*/
#main {
min-height:850px;  
}

#content {
padding-top:405px;
padding-left:85px;
width:875px;
color:#899DAF;
font-size:14px;
line-height:20px;
}

.column1 { 
float:left; 
width:460px; margin-right:30px; 
}

.column2 { 
float:left; 
width:290px; 
}

.column3 {
float:left;
width:380px;
padding-left: 40px;
}

.column3 .bullet {
padding-left: 40px;
}

#content h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#DDAC40;
margin:0px 0px 20px 0px;
font-size: 20px;
}

#content .column1 img {
float: left;
margin-right: 10px;
}
 
#content .column2 img {
float: left;
margin-top: 5px;
margin-right: 10px;
border: 2px solid #FFF;
}

#content .column2 a {
color: #FFF;
}


ul.program {
margin:0px; 
padding:0px;
}

ul.program li {
list-style:none;
margin:0px; 
padding:0px;
clear:both;
}

ul.program li a {
color:#e0b882;
display:block;
padding:5px 10px 5px 10px;
text-decoration:none;
font-size:10px;
}

ul.program li a img {
float:left;
margin-right:20px;
margin-bottom:20px;	
}

ul.program li a h4 {
color:#9cb3c6;
margin:0px;
font-weight:normal;
font-size:13px;
line-height: 15px;
}

ul.program li a:hover, ul.program li a:hover h4 { 
color:#FFF; 
}

.first {
font-size: 18px;
line-height: 22px;
padding-bottom: 15px;
color: #FFF;
}

.border {
border: 2px solid #FFF;
}

.bullet {
margin-left: 20px;
}

.bold {
font-weight: bold;
margin-bottom: 10px;
}

.center {
margin-right: 60px;
margin-left: 60px;
margin-top: 40px;
border: 2px solid #FFF;
}

.quote_author {
text-align: right;
color: #FFF;
margin-bottom: 40px;
padding-right: 20px;
margin-top: -10px;
}

.title {
color: #FFF;
font-size: 14px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 5px;
}

/*============================================================
					FOOTER FORMATING
============================================================*/

#footer {  
border-top:1px solid #2094b8;
margin-top:35px;  
padding:20px 50px 10px 50px;  
color:#9cb3c6;  
font-size:12px;  
line-height:22px;  
} 
  
#footer span {  
display:block;   
width:800px; 
margin-left: auto;
margin-right: auto; 
}
  
#footer a {  
color:#FFF;  
text-decoration:none;  
}
  
#footer a:hover { 
color:#DDAC40; 
}  

.right {
padding-left:380px;
font-size:10px;
}

#copyright {
font-size: 10px;
}


/* ---------------------------------------------------------------------------------------
									Form Formatting
--------------------------------------------------------------------------------------- */

#content .column4 {
float:left;
width:800px;
margin-left: auto;
margin-right: auto;
}

.topic_box {
width: 460px;
marin-left: auto;
margin-right: auto;
float: left;
}

#content .column4 .topic_box td {
padding: 2px 0px 2px 0px;	
}

#content .column4 .topic_box td.right_col {
text-align: right;
padding-right: 8px;
font-weight: bold;
}

#content .column4 .topic_box td.left_col input {
border: none;
width: 335px;
height: 26px;
background: url(../images/input.png) no-repeat;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
padding: 8px 4px 0px 6px;
font-size: 12px;
}

#content .column4 .topic_box td.other textarea {
border: none;
width: 335px;
height: 96px;
background: url(../images/other_box.png) no-repeat;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
padding: 8px 4px 0px 6px;
font-size: 12px;
}

#content .column4 .topic_box td.check_box input {
width: 80px;
float: left;
}

#content .column4 .topic_box td.submit_btn input#submit_button {
width: 56px;
height: 25px;
background: url(../images/submit.png) no-repeat;
border: none;
cursor: pointer;
}

#content .column4 .topic_box table td table#internal_form td.check_box {
padding-top: 3px;
}

#content .column4 .topic_box table td table#internal_form td {
margin-bottom: 12px;
font-weight: bold;
}

#content .column4 .topic_box table td table#internal_form td input {
width: 30px;
margin-top: 4px;
}

.column2 img {
margin-bottom: 15px;
}

.column5 {
float:left;
width:320px;
}

#content .column5 img {
border: 2px solid #FFF;
margin-bottom: 30px;
}

.column6 {
float:left;
width:150px;
margin-left: 100px;
margin-top: 100px;
}

#content  .column6  img {
border: 2px solid #FFF;
margin-bottom: 30px;
}
.column7 {
	float:left;
	width:150px;
	margin-left: 100px;
	margin-top: 60px;
}
#content .column7 img {
	border: 2px solid #FFF;
	margin-bottom: 30px;
}
.column8 {
	float:left;
	width:240px;
	margin-left: 30px;
	margin-top: 50px;
}
#content .column8 img {
	border: 2px solid #FFF;
	margin-bottom: 30px;
}