*
{
    margin: 0px; /*sets 0 margin to the whole website*/
    padding: 0px; /*sets 0 padding to the whole website*/
}

h1
{
    color: #525659; /*color of our H1 tag*/
    text-transform: uppercase; /*sets all H1 tags to uppcase*/
    font-size: 20px; /*sets H1 font size*/
    font-weight: normal; /*sets H1 font weight to normal*/
}
h2
{
    color: #525659; /*color of our H2 tag*/
    text-transform: uppercase; /*sets all H2 tags to uppcase*/
    font-size: 16px; /*sets H2 font size*/
    font-weight: normal; /*sets H2 font weight to normal*/
}

h3
{
    color: #727272; /*color of our H3 tag*/
    text-transform: uppercase; /*sets all H3 tags to uppcase*/
    font-size: 14px; /*sets H3 font size*/
    font-weight: normal; /*sets H3 font weight to normal*/
}

h4
{
    color: #727372; /*color of our H4 tag*/
    text-transform: uppercase; /*sets all H4 tags to uppcase*/
    font-size: 12px; /*sets H4 font size*/
    font-weight: normal; /*sets H4 font weight to normal*/
}

.style1
{
    font-size: medium;
    color: #ffffff;
    text-decoration: none;
}
.style2
{
    font-size: small;
    color: #ffffff;
    text-decoration: none;
}
.style3
{
    font-size: large;
    color: #ffffff;
    text-decoration: none;
}
.style4
{
    font-size: x-large;
    color: #ffffff;
    text-decoration: none;
}

body
{
    font-family: Verdana, Arial, Helvetica, sans-serif; /*website font family*/
    background-color: #ECECEC; /*website background color*/
    color: #525659; /*website default text color*/
    font-size: 12px;
}
a:link
{
    color: #50B6E7; /*color of our hyperlinks*/
}
a:visited
{
    color: #50B6E7; /*color of visited hyperlinks*/
}
a:hover
{
    color: #50B6E7; /*color of the hyperlink when hovered over*/
}
a:active
{
    color: #50B6E7; /*color of our active links*/
}

p
{
    font-size: 12px; /*sets default paragraph text size*/
    line-height: 18px; /*sets default paragraph line height*/
    text-align: justify; /*justifys our paragraphs*/
}

li
{
    padding-bottom: 3px;
}

img
{
    border: none; /*removes borders from images*/
}

.float-left
{
    float: left; /*class for float left*/
}
.float-right
{
    float: right; /*class for float right*/
}

.width50
{
    width: 49%;
}

.bottom
{
    margin-right: 90px;
    margin-top: 171px;
}

/* ----------MAIN CONTAINER STYLES---------- */

#container
{
    width: 900px; /*width of our container*/
    margin-top: 0px; /*sets top margin to 0*/
    margin-right: auto; /*sets right margin to auto which centers our website*/
    margin-left: auto; /*sets left margin to auto which centers our website*/
    background-color: #ffffff;
}

/* ----------HEADER STYLES---------- */

#header
{
    background-color: #FFFFFF;
    float: left;
    height: 120px;
    width: 900px;
}

/* ----------FOOTER STYLES---------- */

#footer
{
    background: #FFFFFF url(../Images/footer_bg.jpg) repeat-x scroll 0 0;
    border-bottom: 1px solid #231F45;
    border-left: 1px solid #231F45;
    border-right: 1px solid #231F45;
    border-top: 1px solid #aaaaaa;
    float: left;
    height: 19px;
    padding: 13px;
    width: 872px;
    color: #ffffff;
    text-align: center;
}
.footerlinks
{
    color: #231f45;
    font-weight: bold;
}

/* ----------LOGO STYLES---------- */

#logo
{
    float: left; /*floats our logo left*/
    height: 141px; /*gives our logo a height of 37px same as our logo image*/
    width: 179px; /*sets our logo div's height to 270px same as our logo image*/
    margin-top: 10px;
    margin-left: 10px;
}

#slogan
{
    color: #888888;
    float: right;
    font-size: 38px;
    margin-right: 10px;
    margin-top: 65px;
    text-align: right;
}

/* ----------NAVIGATION STYLES---------- */

#nav-bar
{
    background: transparent url(../Images/menu_bg.jpg) repeat-x scroll 0 0;
    border-left: 1px solid #719614;
    border-right: 1px solid #719614;
    float: left;
    height: 41px;
    padding-left: 10px;
    padding-top: 15px;
    width: 888px;
    color: #ffffff;
}

.navlinks ul
{
    /*margin: 0px; gives our unordered list 0 margin*/ /*padding: 0px; gives our unordered list 0 padding*/
}

.navlinks li
{
    display: inline; /*displays our navigation links inline*/
    list-style-type: none; /*removes bullets points from our navigation*/
}

.navlinks li a
{
    text-decoration: none; /*removes bottom line from nav links*/
    font-size: 14px; /*sets navigation font size*/
    color: #FFFFFF; /*sets navigation link color*/ /*padding-bottom: 2px; gives our navigation links bottom padding*/
}

img.menu_left
{
}
img.menu_right
{
}
img.menu_center
{
}
.navlinks li.current a .menu_left, a:hover .menu_left
{
    background: url(../Images/menu_hl_left.gif) no-repeat bottom right;
}
.navlinks li.current a .menu_center, a:hover .menu_center
{
    background: url(../Images/menu_hl.gif) repeat-x;
}
.navlinks li.current a .menu_right, a:hover .menu_right
{
    background: url(../Images/menu_hl_right.gif) no-repeat bottom left;
}

div.menu_center
{
    display: inline-block;
}

div.menu_center span
{
    bottom: 8px;
    position: relative;
}

/* ----------CONTENT STYLES---------- */
#content
{
    background: #ffffff url(../Images/content_bg.jpg) repeat-x;
    float: left;
    padding-top: 5px;
    width: 900px;
    min-height: 440px;
}

#featured
{
    width: 900px;
    height: 300px;
}

#MooFlow
{
    width: 258px;
    height: 155px;
}

#main_content
{
    width: 900px;
    height: 260px;
    background: url(../Images/accueil_boxes.jpg) no-repeat;
    padding: 10px;
    color: #ffffff;
}

#main_content h1
{
    color: #ffffff;
}

#left
{
    float: left;
    margin-left: 3px;
    padding: 10px;
    width: 264px;
}
#middle
{
    float: left;
    margin-left: 11px;
    padding: 10px;
    width: 263px;
}
#right
{
    float: left;
    margin-left: 13px;
    padding: 10px;
    width: 264px;
}

#bottom
{
    background: transparent url(../Images/accueil_grey.jpg) no-repeat scroll 0 0;
    color: #FFFFFF;
    float: left;
    height: 114px;
    margin-left: -10px;
    margin-top: 30px;
    padding-left: 20px;
    padding-top: 10px;
    width: 900px;
}

/* ----------CONTENT STYLES---------- */
#submenu
{
    float: left;
    height: 430px;
    position: relative;
    top: -4px;
    width: 180px;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 0 0 10px;
}

#submenu li
{
    list-style-type: none; /*removes bullets points from our navigation*/
}

#submenu li a
{
    text-decoration: none; /*removes bottom line from nav links*/
    font-size: 14px; /*sets navigation font size*/
    color: #FFFFFF; /*sets navigation link color*/ /*padding-bottom: 2px; gives our navigation links bottom padding*/
}

#rightSide
{
    color: #555555;
    float: right;
    height: 400px;
    padding: 10px;
    width: 690px;
}

#rightSide ul
{
    padding-left: 30px;
}

#rightSide li, #rightSide *
{
    color: #555555;
}

#rightSide H2
{
    color: #555555;
}

#about ol, #about li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#about > ul li
{
    padding: 0 0 0 16px;
    margin-bottom: 5px;
    background: url(../images/faq-bullet-close.png) 0px 4px no-repeat;
}
#about > ul li.selected
{
    background: url(../images/faq-bullet-open.png) 0px 4px no-repeat;
}


.blue
{
    background: #ffffff url(../Images/submenu_blue_bg.jpg) no-repeat;
}
.purple
{
    background: #ffffff url(../Images/submenu_purple_bg.jpg) no-repeat;
}
.green
{
    background: #ffffff url(../Images/submenu_green_bg.jpg) no-repeat;
}
.grey
{
    background: #ffffff url(../Images/submenu_grey_bg.jpg) no-repeat;
}

#sdiv1, #sdiv2, #sdiv3, #sdiv4
{
    padding: 10px;
}