/* CSS styles for Ayando */
/* Last updated 29/01/2005 */

* {
        margin : 0;
        padding : 0;
}

html {
        /* reference http://www.hicksdesign.co.uk/journal/535/ */
        /* rule forces a scrollbar at all page heights in Firefox */
        height : 100%;
        margin-bottom : 1px;
        font-size:14px;
}

body {
        text-align : center;
        min-width : 770px;
        font-family : Georgia, serif;
        line-height : 1.5em;
        color : #333333;
}

#headerwrap {
        width : 100%;
        background-color : #FFFFFF;
}

#header{
        margin : 0 auto;
        color : #000000;
        clear : both;
        width : 80%;
        text-align : right;
        background : #FFFFFF url(../backgrounds/keyboard_help.jpg);
        background-repeat : no-repeat;
        background-position : right top;
        padding : 0px;
        height : 100px;
}

a {
        color : #EE3D96;
        text-decoration : none;
}

a:hover {
        text-decoration : underline;
}

#wrapper {
        text-align : left;
        width : 900px;
        margin : 0 auto;
        background : #FFFFFF url(../backgrounds/wrapper.gif) repeat-y right top;
}

#subnav, #footer {
        color : #000;
        clear : both;
        width : 100%;
}

#footer {
        text-align : right;
}

#siteinfowrap {
        float : left;
        clear : both;
        width : 100%;
        background-color : #444444;
}

#siteinfo {
        width : 80%;
        margin : 0 auto;
        text-align : left;
}

#subnav {
        float : left;
        width : 100%;
        text-align : left;
        margin : 0 auto;
        background-color : #444444;
        min-height : inherit;
}

#contentfloatholder {/* right faux column tab */
        float : left;
        width : 100%;
}

#contentfloatholder:after {/* this is for NN6 to clear floats */
    content : ".";
    display : block;
        height : 0px;
    clear : both;
    visibility : hidden;
}

#content {
        margin : 25px 15px 0 0px;
}

#contentwrap {
        float : left;
        width : 725px;
        margin : 0 -95% 0 0;
}

#right {
        float : right;
        width : 170px;
        margin : 0;
        min-height: 500px;
}


/* navigation */

#nav {
        width : 80%;
        margin : 0 auto;
        padding : 0;
        list-style : none;
        font-size : 1.1em;
        background : #444444;
        text-transform : lowercase;
}

#nav li {
        float : left;
        margin : 0;
        padding : 0 0 0 0;
        list-style : none;
        border-right : 1px dotted #FFFFFF;
        font-size: 12px ;
}

#nav a {
        float : left;
        padding : 3px 13px;
        text-decoration : none;
        color : #FFFFFF;
        background : #444444;
}

#nav a:hover, #nav a.active {
        color : #444444;
        background : #c0c0c0;
        text-decoration : underline;
}

#nav_sub {
       padding: 0 45px;margin-left: 45px;
}

#content table {padding: 0 45px;margin-left: 45px;}
#content ul {padding: 0 45px;margin-left: 45px;}

/************* Text Styles **************/

.screenreader {
        position : absolute;
        top : -25em;
}

p{
        text-align : left;
}

div p{
        text-align : left;
        margin : 1em 0;
        padding : 0 20px;
}

h1 {
        margin : 0px 0px 0px 25px;
        padding : 0 45px;
        font-size : 1.5em;
        color : #EE3D96;
        background : url(../button_header.gif) no-repeat 0 50%;
        text-transform : lowercase;
}

h2 {font-size: 1.4em; color: #ee3d96;font-weight: normal;padding: 0 45px;margin-left: 25px;font-style: italic;}

h3 {
        margin : 30px 0 8px;
        padding : 0 20px;
        font-size : 1.2em;
        color : #EE3D96;
}

#right p {
        font-size : 1.1em;
        margin-top : 0px;
}



h4 {
        margin : 0px;
        padding : 0 20px;
        font-size : 1.1em;
        font-weight : bold;
        color : #EE3D96;
}

#siteinfo p {
        font-size : 1.0em;
        color : #FFFFFF;
        margin : 0;
        padding : 3px 8px;
}

#siteinfo a {
        color : #FFFFFF;
        text-decoration : none;
}

#siteinfo a:hover, a:active {
        text-decoration : underline;
}

#content p {
        margin-left : 50px;
}
#content input {
	width:250px;
	}
#content textarea {
	width:250px;
	}

ul {
        text-align : left;
}

li {
        text-align : left;
}

#right {
	height: 500px;
}
#navv ul {
    width: 120px;
    background-color: #ffffff;
    margin:10px;
    }
#navv li {
    color: #ee3d96;
    font-weight: bold ;
    list-style-type: square;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 10px;
    border-bottom: solid 1px #c0c0c0;
    }
#navv li img {
    vertical-align: middle;
    }
input {
	font-family: georgia, serif;
	}

/************* IE Mac CSS Only  works for Win too **************/
* html div#contentwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}