/* 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:13px;
}

body {
        text-align : center;
        min-width : 770px;
        font-family : Tahoma, Arial, Helvetica, sans-serif;
        line-height : 1.5em;
        color : #333333;
        background-color: silver;
}

#headerwrap {
        width : 900px;
        background-color : #FFFFFF;
        margin:0 auto 0 auto;
}

#header{
        margin : 0 auto;
        color : #000000;
        clear : both;
        width : 100%;
        text-align : right;
        background : #FFFFFF url(../images/wtw_logo.jpg) no-repeat 7px 7px;
        padding : 0px;
        height : 110px;
}

a {
        color : #EE3D96;
}

#wrapper {
        text-align : left;
        width : 900px;
        margin : 0 auto;
        background-color : #ffffff ;
}

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

#footer {
        text-align : right;
}

#siteinfowrap {
        float : left;
        clear : both;
        width : 100%;
        text-align : left;
}

#siteinfo {
        width : 900px;
        margin: 0 auto 0 auto  ;
        background-color : #444444;
}

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

#subnav2 {
		float:left ;
        width : 100%;
        text-align : center;
        margin : 0 auto;
        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 : 710px;
}

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


/* navigation */

#nav {
        width : 900px;
        height: 27px;
        margin : 0 auto 0 auto;
        padding : 0;
        list-style : none;
        font-size : 1.1em;
        background : #444444;
}

#nav2 {
        width : 900px;
        height: 27px;
        margin : 0 auto 0 auto;
        padding : 0;
        list-style : none;
        font-size : 1.1em;
        background : #444444;
}

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

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

#nav a:hover, #nav a.active, #nav2 a:hover, #nav2 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;
}
div form {
        text-align : left;
        margin : 1em 0;
        padding : 0 20px 20px 75px;
}

h1 {
        margin : 0px 0px 0px 25px;
        padding : 0 45px;
        font-size : 1.4em;
        color : #EE3D96;
        height: 35px;
}

.mainsec {
        background : url(../wtw_icon.png) no-repeat 0 0;
	}
.bidsec {
        background : url(../bid_icon.png) no-repeat 0 0;
	}
.copysec {
        background : url(../copy_icon.png) no-repeat 0 0;
	}
.techsec {
        background : url(../tech_icon.png) no-repeat 0 0;
	}
.trainsec {
        background : url(../train_icon.png) no-repeat 0 0;
	}

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: Tahoma, Arial, Helvetica, sans-serif;
	}
#newsoff {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #EE3D96;
	width:100% ;
	text-align:center;
	color: white;
	padding: 2px 0 2px 0;
	margin-top: 5px;
	}


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