/*
READ THIS FIRST!
This CSS file has been divided into sections for greater maintainability.
Comments in each section describe what types of things go there.
Here is an outline / overview:

general styles
    - body styles
    - reset
    - links
    - headings
    - other elements, tags
    
Helper Styles
    [consistent items with normally just one class]
    - General
    - Image Replacement
    - Forms
    - Notifications and Errors
    

Page Structure / Overall Layout
    [skeleton including page furniture, layout for overall containers]
    
page components
    [most of your styles will be in here]
    - Branding
    - Navigation
    - Content Areas
    - Footer
    
overrides

*/




/* ============================================= */

/*Group: General Styles */
/* body styles, reset, default element styles */
/*BeginGroup */

/*@ body styles 
============ */ 
/* set your default font and font size here */


html {
    font-size: 100%; /* fixes crazy font-size issue in IE */
}

body {
 font-family:  Tahoma, Sans, 'Dejavu Sans', Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333;
 background: #6699CC url(images/old-bg.jpg) repeat-x fixed 0 -300px;
}


/*@ resets
============ */

input, select, textarea {
 font-family:  Tahoma, Sans, 'Dejavu Sans', Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

form {
    margin: 0;
}

a img {
 border: none;
 text-decoration: none;
}

label {
    font-weight: bold;
}

dt {
    margin: 0;
    font-weight: bold;
}

dd {
    margin: 0;
    margin-bottom: 0.5em;
}

ul, p {
    margin-top: 1em;
    margin-bottom: 1em;
}

/*@ resets: headings
============ */

/* these are taken from firefox user-agent css, and mostly to give IE some more sensible defaults */

.redhdr {
	font-size: 12px;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
}

h1 {
	font-size: 16px;
	color: #006699;
	margin: 0.67em 0;
}

h2 {
	font-size: 1em;
	margin: 0.83em 0;
    margin-bottom: 0;
}

h3, h4 {
	font-size: 1em;
    font-weight: bold;
    color: #600;
	margin: 1em 0;
    margin-bottom: -1em;
}


h5 {
font-size:0.83em;
margin:1.67em 0
}

h6 {
font-size:0.67em;
margin:2.33em 0;
}


/*@ links 
============ */
/* define default link styles */

a, a:link {
}

a:visited {
}

a:hover {
}

a:active {
}


/* TODO: images for pdf and mailto links, a la CAC */


/*@ headings
============ */
/* better to use h1, h2, h3 etc tags than span class="stylex" or font tags on headers */




/*EndGroup General Styles*/









/* ============================================= */

/*Group: Helper Styles */
/* forms, notifications, paginations, etc: consistent items with a class */
/*BeginGroup */

/*@ General
============ */

.clear {
 clear: both;
 height: 0;
}

* html .clear {
 /* needed for IE6 to not give it height */
 position: absolute;
 top: -9999em;
left: -9999em;
}

img.feature-img {
    border: 1px dotted #999;
    padding: 2px;
    margin: 0 5px;
}

ul.long li {
    margin-bottom: 0.7em;
}

a.more {
    float: right;
    display: block;
    font-weight: bold;
    border: 1px solid #333;
    margin-bottom: 0.5em;
    padding: 2px;
    color: #333;
    background: #aaa;
}

a.more:hover {
    background: #333;
    color: #eee;
}

/*@ Image Replacement
============ */

.ir {
    position: relative;
    display: block;
}

.ir span.ir {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}

/* to do image replacement, make a rule for the specific span.ir with a 
    background-image: url(); then for the containing .ir with height and width.
*/


/*@ Forms
============ */




/*@ Notifications and Errors
============ */


/*@ Navigation
============ */

ul.nav {
    list-style: none;
    margin: 0;
    padding: 3px 0;
    float: left;
}

ul.nav li {
    float: left;
    padding: 0;
    border-left: 1px solid #eee;
}

ul.nav li.first {
    border-left: none;
}

ul.nav a {
    display: block;
    padding: 0 1.25em;
}


/* also see AWdebug.css for rules for debugging blocks */

/*EndGroup Helper Styles*/












/* ============================================= */

/*Group: Page Structure */
/* Skeleton including page furniture ---
the header, footer, and the generic layout blocks that make
up a basis for your components to fit snugly into. */
/*BeginGroup */


#main_container {
    border: 1px solid #999;
    background: #fff;
}

#col1, #main_content, #content2 {
    padding-top: 1em;
    padding-bottom: 2em;
}

#col1 {
    width: 153px!important;
}

#main_content {
    width: 600px;
}

#main_content-innertube {
    padding: 0 1em;
}

#content2 {
    border-left: 1px dotted #999;
    width: 185px;
    background: #ddd;
    font-size: 11px;
}

#content2-innertube {
    padding: 0 1em;
    padding-bottom: 2em;
}



/*EndGroup Page Structure */









/* ============================================= */

/*Group: Page Components */
/* most styles will go in here */
/*BeginGroup */



/*@ Branding
============ */



/*@ Navigation
============ */



.main_nav, .main_nav a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.submenu {
	font-weight: normal;
	color: #660000;
	text-decoration: none;
}

#nav1 {
    width: 100%;
}

#nav1 #members {
    float: right;
    margin-right: 1em;
	border: none;
}

#nav1 li {
	padding: 0 9px;
	padding-right: 8px;
}

#nav1 li a {
	padding: 0;
	padding-left: 15px;
}

#nav1 a .in {
	padding-right: 15px;
}

#IEroot #nav1 a .right {
	display: none;
}


#nav1 a:hover, #nav1 .current a {
   background: url(images/bluesquares.gif) no-repeat left center;
   color: #a5b6c6; 
}

#nav1 a:hover .in, #nav1 .current a .in {
   background: url(images/bluesquares.gif) no-repeat right center;
}




/*@ Features
============ */



#features {
	width: 140px;
    margin-top: 0;
	margin-left: 13px;
	margin-right: 0;
    margin-bottom: 1em;
	border: 1px solid #aaa;
	background: #ccc;
}

#features .contents img {
    width: 133px;
    height: 114px;
    display: block;
    margin: 3px auto;
    border: 1px solid #999;
}

#features ul, #features li {
    list-style: none;
	margin: 0;
	padding: 0;
}

#features li {
	display: block;
}

#features li.contents {
    text-align: center;
    position: relative;
    zoom: 1;
}

#features .details {
    font-size: 10px;
    padding: 5px;
    padding-top: 0;
    padding-bottom: 3em;
    display: none;
}

#features li.on .details {
    display: block;
}




#features .details a {
}


#features .details a:hover {
}



#features h3 {
    margin: 0;
    background: #11395e;
    color: #eee;
    font-size: 12px;
    padding-left: 3px;
    border-bottom: 1px solid #11395e;
    border-top: 1px solid #11395e;
    height: 14px;
    position: relative;
}

#features h3 a {
    text-decoration: none;
    color: #eee;
    position: absolute;
    display: block;
    width: 100%;
    height: 135px;
}

#features h3 a:hover {
    text-decoration: none;
    color: #eee;
    position: absolute;
    display: block;
    width: 100%;
    height: 135px;
}

#features li.on h3 {
 background-image: url(images/bluesquares.gif);
 background-repeat: no-repeat;
 background-position: 5px 5px;
 padding-left: 15px;
}


#features h4 {
    margin: 0;
    font-size: 10px;
}

#features p {
    margin: 0;
    font-size: 10px;
}





/*@ Content
============ */

.testimonials {
	font-size: 12px;
	font-style: italic;
	color: #006699;
}

.login {
    text-align: center;
}

.testimonials {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin: 1em 0;
    padding: 0.5em;
}

.testimonials blockquote {
    margin: 0 0.5em;
}
.testimonials .attribution {
    font-weight: bold;
    font-size: 10px;
    text-align: right;
    margin-bottom: 0;
}

.testimonials .more, .testimonials .more:hover {
    font-size: 10px;
    color: #069;
    border: none;
    background: none;
    float: none;
    text-align: right;
    font-weight: normal;
}



.subscribe_form {
    margin: 1em 0;
    font-size: 11px;
}

.subscribe_form #txt_email {
    width: 97%;
    margin-right: 1px;
    margin-bottom: 2px;
}

.subscribe_form p {
    margin-bottom: 0.5em;
}

.subscribe_form .submit {
    float: right;
    font-size: 10px;
}


.events {
    clear: both;
    border-top: 1px dotted #600;
    margin: 1em 0;
    padding: 1em 0;
}

.events h3 {
    color: #600;
    margin-top: 0;
}






/*@ Ads
============ */



/*@ footer
============ */

#footer {
    background: #ccc url(images/old-footer-bg.jpg) repeat-x center;
    border-top: 1px dotted #999;
    text-align: center;
    padding: 0.5em;
    font-size: 10px;
    line-height: 2em;
}

#footer, #footer a {
    color: #333;

   	text-decoration: none;
}




/*EndGroup Page Components */










/* ============================================= */

/*Group: Overrides */
/* with good overall structure, shouldn't have to use this much */
/*BeginGroup */


/*@ IE
============ */




/*EndGroup Overrides */












.homehdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}