/******************************************************************************/
/* Basic HTML Elements                                                        */
/******************************************************************************/

*
{
   margin: 0;
   padding: 0;
   font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', Palatino, 'Georgia', Georgia, serif;
   letter-spacing: 0px;
   outline: none;
}

html, body
{
   margin: 0;
   padding: 0;
   border: none;
   width: 100%;
   height: 100%;
   min-width: 100%;
   text-align: center;
}

body
{
   color: #555;
   font-size: 16px;
   background: #e5d9ff url('../images/template/header_bg.gif') 0 0 repeat-x;
}

h1, h2, h3, h4, label, input, textarea
{
   font-family: 'Georgia', Georgia, serif;
}

h1, h2, h3, h4
{
   cursor: default;
   margin: 15px 0 5px 0;
   padding: 0;
   border: none;
   color: #666;
   font-weight: bold;
   font-style: italic;
}

h1
{
   margin: 0;
}

h2
{
   padding: 2px 0 0 0;
   border-bottom: 1px dotted #BBAEDB;
   color: #8272BB;
   line-height: 125%;
   word-spacing: 3px;
   letter-spacing: -1px;
   font-size: 26px;
   background: transparent url('../images/template/h2_bg.png') 0 50% no-repeat;

/* Alternate styles
   border-bottom: 1px solid #e2d2f5;
   border-bottom-color: #B24CD6;
   color: #827999;
   color: #9A3EBD;
   color: #09f;
   color: #0af;
   color: #b048d2;
*/
}

h3
{
   display: block;
   word-spacing: 1px;
   letter-spacing: -1px;
   font-size: 20px;
}

a
{
   color: #6B7EA8; /* DA5487 6B7EA8 7D6FAD */
   /* Alternate Style */
   /*
   text-decoration: none;
   border-bottom: 1px dotted #6B7EA8;
   */
}

a:hover
{
   color: #8198c9;
   /* Alternate Style */
   /*
   border-bottom-color: #8198c9;
   border-bottom-style: solid;
   */
}

p, blockquote, table
{
   margin: 5px 0 10px 0;
   line-height: 1.5em;
}

blockquote
{
   margin: 10px 15px 20px 15px;
   padding: 0 10px;
   border-left: 2px dotted #aaa;
   font-style: italic;
}

/*
ul, li
{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
*/

ul
{
   margin: -5px 0 10px 0;
}

li
{
   margin: 0 0 0 30px;
   line-height: 1.5em;
}

img
{
   border: none;
}



/******************************************************************************/
/* Alignment Containers                                                       */
/******************************************************************************/

.body_container
{
   position: relative;
   left: -5px;
   margin: 0 auto 0 auto;
   padding: 0;
   width: 100%;
   min-width: 900px;
   max-width: 1200px;
   min-height: 100%;
}

.body_container,
.page_container2
{
   background: transparent url('../images/template/nav_bg.jpg') 0 0 repeat-y;
}

.page_container,
.page_container3
{
   background: transparent url('../images/template/nav.jpg') 0 0 no-repeat;
}

.page_container,
.page_container2,
.page_container3,
.content_container
{
   display: block;
   margin: 0;
   padding: 0;
   text-align: left;
}

.page_container
{
   position: absolute;
   width: 100%;
   min-height: 100%;
}

.content_container
{
/*   background: transparent url('../images/header_bg.gif') 0 0 repeat-x; */
/*   padding-bottom: 15px; */
}



/******************************************************************************/
/* Page Header                                                                */
/******************************************************************************/

.header
{
   float: right;
   margin: 0 0 -70px 0;
   padding: 0;
   width: 100%;
   height: 225px;
   text-align: center;
}

.header_bg
{
   margin: 0 -5px 0 0;
   padding: 0 0 0 225px;
}

.header h1
{
   display: block;
   margin: 0;
   padding: 0;
   border: none;
   width: 100%;
   min-width: 680px;
   max-width: 970px;
   height: 225px;
   background: transparent url('../images/template/page_content_bg.jpg') 50% 0 no-repeat;
}

.header h1 a
{
   display: block;
   margin: 0 auto 0 auto;
   padding: 0;
   width: 682px;
   height: 130px;
   text-decoration: none;
/*   background: url('../images/header_title.png') 50% 0 no-repeat; */
}

.header h1 a span
{
   display: none;
}



/******************************************************************************/
/* Side Navigation Menus                                                      */
/******************************************************************************/

.nav_container
{
/*
   position: relative;
   left: -5px;
*/
   float: left;
   margin: 0 -227px 0 auto;
   width: 227px;
   height: 100%;
   text-align: left;
}

.nav
{
   width: 100%;
   height: 100%;
   min-height: 450px;
}

.nav h3
{
   display: none;
}

.nav ul, .nav li
{
   display: block;
   margin: 0;
   padding: 0;
   border: none;
   list-style-type: none;
}

.nav ul.nav_main
{
   padding-top: 190px;
}

.nav li
{
   height: 32px;
}

.nav a span
{
   visibility: hidden;
}

.nav a
{
   outline: none;
   display: block;
   margin: 0 0 0 5px;
   padding: 0;
   border: none;
   width: 217px;
   height: 32px;
   color: #eee;
   text-decoration: none;
   background: transparent url('../images/template/nav_links.jpg') 0 0 no-repeat;
}

.nav a:hover
{
   color: #fff;
}

.nav li li a
{
   margin-left: 0;
   padding-left: 8px;
   width: 209px;
   line-height: 200%;
   font-size: 15px;
   background: #7C6DB2 url('../images/template/nav_sub_bg.png') 0 0 repeat-y;
   
   /* alternate designs */
   /*
   margin-left: -2px;
   background: #877dad;
   */
   /*
   background-color: #624F91;
   */
}

.nav li li a:hover
{
   background-color: #998dc7;

   /* alternate designs */
   /*
   background-color: #a79dd1;
   background-color: #7C6DB2;
   */
}

.nav a.home
{
   background-position: 0 0;
}
.nav li.sfhover a.home,
.nav a.home:hover
{
   background-position: -217px 0;
}

.nav a.about
{
   background-position: 0 -32px;
}
.nav li.sfhover a.about,
.nav a.about:hover
{
   background-position: -217px -32px;
}

.nav a.services
{
   background-position: 0 -64px;
}
.nav li.sfhover a.services,
.nav a.services:hover
{
   background-position: -217px -64px;
}

.nav a.workshops
{
   background-position: 0 -96px;
}
.nav li.sfhover a.workshops,
.nav a.workshops:hover
{
   background-position: -217px -96px;
}

.nav a.rpt
{
   background-position: 0 -128px;
}
.nav li.sfhover a.rpt,
.nav a.rpt:hover
{
   background-position: -217px -128px;
}

.nav a.learning
{
   background-position: 0 -160px;
}
.nav li.sfhover a.learning,
.nav a.learning:hover
{
   background-position: -217px -160px;
}

.nav a.links
{
   background-position: 0 -192px;
}
.nav li.sfhover a.links,
.nav a.links:hover
{
   background-position: -217px -192px;
}

.nav a.contact
{
   background-position: 0 -224px;
}
.nav li.sfhover a.contact,
.nav a.contact:hover
{
   background-position: -217px -224px;
}

/*
.nav a:hover
{
   background-color: #b1a7d7;
}

.nav a.current, .nav a.current:hover
{
   background-color: #8f84bd;
}
*/

/*
.nav ul li ul li a
{
   margin-left: 20px;
   background-image: url('../images/nav/nav_sub_arrow.gif');
}

.nav ul li ul li a:hover
{
   margin-left: 19px;
   border-left: 1px solid #ccebff;
}
*/


/******************************************************************************/
/* Page Content                                                               */
/******************************************************************************/

.page_content
{
   margin: 0 auto 0 227px;
   padding: 0 35px 15px 30px;
/*   min-width: 535px; */
   width: auto;
   height: 100%;
   text-align: left;
}

.page_content .content
{
   float: left;
/*   margin: 0 0 -60px 0; */
   padding: 0 0 60px 0;
   width: 100%;
}



/******************************************************************************/
/* Tables                                                                     */
/******************************************************************************/

table.events
{
   margin-top: 0;
}

table.events tr td
{
   padding: 2px;
   border-bottom: 1px dotted #E2D2F5;
   border-bottom: 1px solid #e2d2f5;
}



/******************************************************************************/
/* Forms and Inputs                                                           */
/******************************************************************************/

form .field
{
   float: left;
   margin-bottom: 10px;
   width: 100%;
}

form .field label,
form .field input,
form .field textarea
{
   padding: 6px;
   font-size: 18px;
}

form .field input,
form .field textarea
{
   width: 70%;
   color: #222;
   border: 2px solid #ccc;
   border-top-color: #deccf0;
   border-right-color: #efdfff;
   border-bottom-color: #f2e6ff;
   border-left-color: #e3d1f5;
}

form .field label
{
   float: left;
   display: block;
   width: 20%;
   white-space: nowrap;
   word-spacing: 1px;
   font-weight: bold;
   font-style: italic;
   letter-spacing: -1px;
}

form #captcha
{
   float: left;
   width: 70%;
}

form .captcha_code
{
   float: left;
   margin-right: 12px;
   width: 160px;
   height: 100px;
}

form .captcha_code div
{
   float: left;
   border: 2px solid #ccc;
   border-top-color: #deccf0;
   border-right-color: #efdfff;
   border-left-color: #e3d1f5;
   border-bottom: none;
   width: 156px;
   height: 48px;
   background: #b6adc0 url('../images/template/code_loading.gif') 50% 50% no-repeat;
}

form .captcha_code div div
{
   border: none;
   background-position: 100% 50%;
   background-color: transparent;
}

form .captcha_code div.captcha_input
{
   overflow: hidden;
   float: left;
   border: 2px solid #ccc;
   border-top-color: #deccf0;
   border-right-color: #efdfff;
   border-bottom-color: #f2e6ff;
   border-left-color: #e3d1f5;
   width: 156px;
   height: 46px;
   background: #fff;
}

form .captcha_code div.captcha_input input
{
   padding: 0 0 0 9px !important;
   border: 0;
   width: 160px !important;
   height: 50px !important;
   text-transform: uppercase !important;
   font-family: "Courier New", "Courier", Courier, monospace;
   font-size: 36px;
   font-weight: bold;
   letter-spacing: 0;
}

form .captcha_desc
{
   padding: 8px;
   margin-top: 55px;
   line-height: 150%;
}

form .buttons
{
   float: left;
   margin-left: 102px;
   margin-top: 20px;
   width: 70%;
   text-align: center;
}

form .buttons input
{
   cursor: pointer;
   padding: 8px 28px;
   font-size: 18px;
   font-weight: bold;
   font-style: italic;
}

form.contact
{
   width: 100%;
   margin: 15px 0 0 15px;
}

form.contact .field label
{
   width: 90px;
}



/******************************************************************************/
/* Footer Style                                                               */
/******************************************************************************/

.footer
{
   cursor: default;
   overflow: hidden;
   position: absolute;
   left: 0;
   bottom: 0;
   margin: -60px 0 0 0;
   padding: 0;
   border: none;
   width: 100%;
   height: 60px; /* Footer Height */
   text-align: center;
}

.footer div
{
   margin: 0 0 0 227px;
   padding: 10px 0 0 0;
}

.footer p, .footer a
{
   margin: 0;
   padding: 0;
   color: #827999;
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 0;
}



/******************************************************************************/
/* Home Page Styles                                                           */
/******************************************************************************/

ul.networking_links,
ul.networking_links li
{
   margin: 0;
   padding: 0;
   border: none;
   list-style: none;
   list-style-type: none;
}

ul.networking_links li
{
   float: left;
}

.networking_links a
{
   display: block;
   margin: 10px 10px 0 0;
   width: 32px;
   height: 32px;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 0 0;
}

.networking_links a:hover
{
   background-position: -32px 0;
}

.networking_links a span
{
   display: none;
}

.networking_links a.meetup
{
   background-image: url('../images/connections/meetup.png');
}

.networking_links a.facebook
{
   background-image: url('../images/connections/facebook.png');
}

.networking_links a.twitter
{
   background-image: url('../images/connections/twitter.png');
}

.networking_links a.youtube
{
   background-image: url('../images/connections/youtube.png');
}



/******************************************************************************/
/* Error Message Box                                                          */
/******************************************************************************/

.error
{
   cursor: default;
   position: relative;
   top: 7px;
   margin: 6px 0 24px 0;
   padding: 10px 12px 10px 38px;
   border: 1px solid #db0;
   color: #961;
   text-align: left;
   background: #fff7c4 url('../images/template/error.png') 12px 50% no-repeat;
}

.error p
{
   margin: 0;
}

.error span
{
   font-weight: bold;
}



/******************************************************************************/
/* Special Styles                                                             */
/******************************************************************************/

.clear
{
   clear: both;
}

.clear_right
{
   clear: right;
}

.no_spacing
{
   margin: 0px;
   padding: 0px;
}

.float_left
{
   float: left;
}

.float_right
{
   float: right;
}

.indent_25
{
   margin-left: 25px;
}

.indent_35
{
   margin-left: 35px;
}

.indent_50
{
   margin-left: 50px;
}


