@charset "UTF-8";
/* CSS Document */

/* Standard Elements   */ 
html{
background: #165022;
}

body{
border: 0;
margin: 0;
padding: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #4c4d4f;
background: #327237 url('images/body_bottom_bg.jpg') bottom left repeat-x;
text-align: center;
}

h1, h2, h3, h4, h5{
color: #327237;
margin: 0;
padding: 0;
font-weight: normal;
text-align: left;
}

h1{
font-size: 17px;
text-align: center;
}

h2{
font-size: 15px;
}

h3{
font-size: 14px;
}

h4{
font-size: 13px;
}

h5{
font-size: 12px;
}


/*   Custom IDs   */
/* Here we define all the main page structure: the main container, the header and the footer IMAGE */
#container{
width: 100%;
background: transparent url('images/body_top_bg.png') top center repeat-x;
padding-bottom: 63px;
}

#page_container{
width: 823px;
margin: 0 auto;
background: transparent url('images/page_repeat.jpg') top left repeat-y;
}

#page_header{
width: 823px;
height: 145px;
margin: 0 auto;
padding-top: 55px;
position: relative;
background: transparent url('images/body_top_bg.png') top center repeat-x;
}

#header_link{
display: block;
position: absolute;
top: 58px;
left: 68px;
width: 134px;
height: 135px;
}

#page_footer{
width: 823px;
background: transparent url('images/page_footer.jpg') bottom left no-repeat;
}
/* now we will define the styles needed for the header menu and it's associated drop-downs */
#header_menu{
width: 572px;
height: 19px;
position: absolute;
bottom: 11px;
left: 269px;
color: #FFFFFF;
line-height: 19px;
font-size: 10px;
}

/*  now the styles needed for the search box and it's results  */
#searchbox{
position: absolute;
top: 68px;
right: 60px;
}

/* Now we define all the left column floats for the page sub-sections */
#quick_menu{
width: 288px;
height: 45px;
float: left;
margin-left: 22px;
background: #c2c8cc;
border: 2px solid #FFFFFF;
border-width: 0 0 2px 0;
display: inline;
font-size: 11px;
color: #0c2234;
line-height: 45px;
font-family:Arial, Helvetica, sans-serif;
}

#quick_menu a{
color: #0c2234;
text-decoration: none;
}

#whats_new, #events{
width: 162px;
float: left;
margin-left: 53px;
border: 1px solid #b6bcc0;
border-width: 0 0 1px 0;
padding-top: 18px;
clear: left;
display: inline;
text-align: left;
overflow: hidden;
}

#whats_new{
padding-top: 32px;
}

#whats_new h1, #events h1{
font-size: 12px;
}

#whats_new ul, #events ul{
width: 100%;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
font-size: 9px;
}

#whats_new ul li, #events ul li{
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
}

#whats_new ul li a, #events ul li a{
color: #4c4d4f;
font-weight: bold;
}

/* now the styles needed for the feature box in the bottom left corner of the page */
#feature{
width: 165px;
float: left;
clear: left;
margin-left: 51px;
border: 1px solid #b6bcc0;
border-width: 0 0 1px 0;
padding-top: 35px;
display: inline;
padding-bottom: 35px;
text-align: left;
font-size: 11px;
color: #327237;
}

#feature h1, #feature h2, #feature h3, #feature h4, #feature h5{
color: #327237;
font-size: 12px;
padding: 0;
margin: 0;
}

#feature_top{
width: 165px;
background: transparent url(images/news_feature_top.gif) top left no-repeat;
}

#feature_bottom{
padding: 10px;
width: 145px;
background: transparent url(images/news_feature_bottom.gif) bottom left no-repeat;
}

#feature_button{
width: 103px;
padding: 5px 3px 0 39px;
line-height: 26px;
text-align: center;
color: #0c2234;
font-size: 9px;
font-family:Arial, Helvetica, sans-serif;
}

#feature_button a{
color: #0c2234;
text-decoration: none;
}

/*  and here are all the right column floats for the page sub-sections */

#featured_image{
width: 478px;
float: right;
margin-right: 35px;
display:inline;
min-height: 45px;
background: transparent url('images/top_image_placeholder.gif') top left repeat-x;
margin-bottom: 22px;
}

#content_container{
width: 516px;
float: right;
margin-right: 76px;
display: inline;
}

/* now the menu that appears on the left hand side of the main content */
#content_menu{
width: 133px;
float: left;
}

/* and at last the actual content. also another div called text_wrapper which enables us to easily control margins around the text */
#content{
width: 372px;
float: right;
background: transparent url('images/content_bg.jpg') bottom left repeat-x;
}

#text_wrapper{
width: 345px;
margin: 0 auto;
text-align: justify;
font-size: 10px;
}

#text_wrapper a{
color: #327237;
}

/*  now we need a small div that will hold the 'back to top' link for each page */

#to_top{
width: 345px;
margin: 0 auto;
text-align: right;
height: 12px;
line-height: 12px;
color: #327237;
font-size: 8px;
}

#to_top a, #to_top a:hover, #to_top a:visited{
color: #327237;
}

/*  now a small div that will appear right below the text-wrapper and will hold the text 'ALT Software Inc.' */
#alt_title{
width: 345px;
margin: 0 auto;
text-align: right;
height: 22px;
line-height: 22px;
color: #327237;
font-size: 15px;
font-weight: bold;
}

/* now we define the actual footer div that is postioned over the footer background image */
#footer{
width: 823px;
height: 34px;
clear: both;
position: relative;
}

#copyright{
height: 12px;
line-height: 12px;
position: absolute;
bottom: 9px;
left: 98px;
color: #64865b;
font-size: 9px;
font-family:Arial, Helvetica, sans-serif;
}

#copyright a{
color: #64865b;
}


/*   Custom Classes   */
/* this is the div that contains the text 'past events' and 'past news' in the left column */
.past{
padding-top: 5px;
padding-bottom: 18px;
display: block;
font-size:9px;
}

.past a{
color: #a7a9ac;
font-weight: bold;
}

.gsc-branding-img, .gsc-branding-text{
display: none;
}

.gsc-resultsRoot{
background: #FFFFFF;
text-align: left;
padding:5px;
position: absolute !important;
top: 19px;
right: -10px;
}

.gsc-resultsbox-visible, .gsc-results{
border-width: 1px !important;
border-color: red !important;
}

.gsc-input{
position: absolute;
top: 0px;
right: 4px;
border-color: #FFFFFF !important;
width: 88px;
height: 15px;
}

.gsc-search-button{
position: absolute;
top: 1px;
right: 51px;
height: 14px;
width: 44px;
padding: 0;
margin: 0;
background: transparent;
border: 0;
font-size: 10px;
color: #FFFFFF;
}

.gsc-clear-button{
position: absolute;
top: 1px;
right: -3px;
}

.indent{
padding-left: 5px;
padding-top: 10px;
}