body, html
{
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url(../images/stripe3.png);
}

#con_left
{
    line-height: 14pt;
    padding: 20px;
}


ul li
{
    font-size: 12px;
    line-height: 22px;
    list-style: url(../images/ribbon_list_image.png);
    color: #333333;
}



a
{
    color: #003399;
    text-decoration: none;
    outline:none;
}

a:hover
{
    color: #009900;
    text-decoration: none;
    outline:none;
}

#wrapper
{
    margin: 0 auto;
    width: 990px;
    background-color: #FFF9FD;
}

#header
{
    /*background-color:#FFFFFF;*/
    color: #333333;
    float: left;
    height: 124px;
    width: 995px;
}

#rightcolumn p
{
    font-size: 110%;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

#title_icon
{
    background-image: url(../images/sids_title_icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    width: 40px;
    height: 38px;
    margin-top: 25px;
}

#title
{
    background-color: #ffe4f4;
    color: #0067a8;
    float: left;
    font-size: 150%;
    margin-left: 39px;
    margin-top: -35px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    text-indent: 18px;
    width: 750px;
}
#wrapper #content p
{
    line-height: 15pt;
}


#content
{
    background: none repeat scroll 0 0;
    background-color: #FFF0F9;
    float: left;
    padding: 10px;
    padding-left: 40px;
    width: 800px;
    min-height: 700px;
}

#rightcolumn
{
    background: none repeat scroll 0 0;
    color: #333333;
    float: right;
    height: 100%;
    margin: 0 0 5px;
    padding-left: 10px;
    width: 120px;
    padding: 20px 10px 10px;
    background-color: #d5eaff;
    text-align: center;
}

#leftcolumn
{
    background: none repeat scroll 0 0;
    color: #333333;
    float: left;
    height: 100%;
    margin: 0 0 5px;
    padding-left: 10px;
    width: 120px;
    padding: 20px 10px 10px;
    background-color: #FFF9FD;
    text-align: center;
}

#con_sidebar
{
    background-color: #e3f1ff;
    float: right;
    width: 180px;
    padding: 10px;
    vertical-align: top;
    border: dashed #FF99CC 1px;
}

#con_form
{
    width: 574px;
    float: left;
    margin-left: -25px;
}

#footer
{
    background-color: #FFCCFF;
    clear: both;
    font-size: 90%;
    margin: 0 0 0;
    padding: 5px;
    text-align: center;
    width: 980px;
}

#con_form_nowrap
{
    width: 574px;
    float: left;
    margin-left: -25px;
}



.mandatory
{
    color: Red;
}

.required_field
{
    border: solid 1px red;
}

#con_form tr
{
    white-space: nowrap;
}

#con_form td
{
    white-space: nowrap;
    font-size: 11px;
    vertical-align: top;
}

#con_form_nowrap tr
{
  
}

#con_form_nowrap td
{
        font-size: 11px;
    vertical-align: top;
}


img
{
 border:0; 
}

table.simple
{
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: pink pink pink pink;
    border-collapse: separate;
    background-color: rgb(255, 250, 250);
	
}
table.simple th
{
    border-width: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: pink pink pink pink;
    background-color: rgb(255, 250, 250);
    -moz-border-radius: 0px 0px 0px 0px;
}
table.simple td
{
    border-width: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: pink pink pink pink;
    background-color: rgb(255, 250, 250);
    -moz-border-radius: 0px 0px 0px 0px;
}


table.eventdetail
{
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: pink pink pink pink;
    border-collapse: separate;
    background-color: rgb(255, 250, 250);
}
table.eventdetail th
{
    border-width: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: pink pink pink pink;
    background-color: rgb(255, 250, 250);
    -moz-border-radius: 0px 0px 0px 0px;
    text-align: left;
}
table.eventdetail td
{
    border-width: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: pink pink pink pink;
    background-color: rgb(255, 250, 250);
    -moz-border-radius: 0px 0px 0px 0px;
    text-align: left;
}




#link
{
    text-align: right;
    color: #0000FF;
    text-decoration: none;
    border: 0;
}






#nav
{
    float: right;
    height: 65px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: -63px 0 0;
    overflow: hidden;
    padding: 0 0;
    top: -150px;
    width: 563px;
}
#nav li
{
    float: left;
}
#nav a
{
    display: block;
    background-image: url(../images/boc_design_v04_navigation.png);
    background-repeat: no-repeat;
    padding-top: 65px; /* same as height of #nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

/*
#nav-home {
    width: 178px;
}
#nav-home:hover {
    background-position: 0px -130px;
}
*/
body#home #nav #nav-home
{
    background-position: 0px -65px;
}


body#about #nav #nav-about
{
    background-position: 0px -65px;
}


body#facts #nav #nav-facts
{
    background-position: -177px -65px;
}
/*
body#risks #nav #nav-risks     {
    background-position: -272px -65px;
}

body#getinvolved #nav #nav-getinvolved     {
    background-position: -272px -65px;
}
*/
body#sleep #nav #nav-sleep
{
    background-position: -271px -65px;
}

body#events #nav #nav-events
{
    background-position: -365px -65px;
}

body#contact #nav #nav-contact
{
    background-position: -460px -65px;
}


#nav-about
{
    width: 177px;
    background-position: 0px 0px;
}
#nav-about:hover
{
    background-position: 0px -130px;
}
#nav-facts
{
    width: 94px;
    background-position: -177px 0px;
}
#nav-facts:hover
{
    background-position: -177px -130px;
}
/*
#nav-getinvolved {
    width: 110px;
    background-position: -272px 0px;
}
#nav-getinvolved:hover {
    background-position: -272px -130px;
}



#nav-risks {
    width: 95px;
    background-position: -273px 0;
}
#nav-risks:hover {
    background-position: -273px -130px;
}
*/
#nav-sleep
{
    width: 94px;
    background-position: -271px 0;
}
#nav-sleep:hover
{
    background-position: -271px -130px;
}

#nav-events
{
    width: 94px;
    background-position: -365px 0;
}
#nav-events:hover
{
    background-position: -365px -130px;
}

#nav-contact
{
    width: 104px;
    background-position: -460px 0;
}
#nav-contact:hover
{
    background-position: -460px -130px;
}


/*
FORM Naviation CSS

*/

#form_nav_div
{
    margin-left: -20px;
}

.form_nav
{
    float: left;
    width: 150px;
    padding: 2px 2px 2px 25px;
    background-color: #FFDFF2;
    background-image: url(../images/form_arrow.png);
    background-position: left;
    background-repeat: no-repeat;
    font-size:90%;
}

.form_nav_on
{
    float: left;
    width: 150px;
    padding: 2px 2px 2px 25px;
    background-color: #FFCFEC;
    background-image: url(../images/form_arrow.png);
    background-position: left;
    background-repeat: no-repeat;
    font-size:90%;
    font-weight:bold;
}

/* EVENT SIDEBAR */

   .ed_head {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}
    .ed_value {font-size: 11px; line-height:13px}
    .ed_name {font-size: 11px; line-height:13px; color: #FF0066}
    .ed_eventname {
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*Google Checkout*/

div.google_checkout{
float:right;
margin-right:13px;
margin-top:15px;
}
