/* Layout Stylesheet */ 

/* background to page */

body {
    margin:10px;
    padding:0;
    background-image: url(../images/roof_background.jpg); 
    background-repeat: no-repeat; 
    background-position: top;
    background-attachment: fixed;  
    filter:alpha(opacity=90);	
    color:#000;
    min-width:750px;	
}

#wrap {
    border-style:inset;
    border-color:#DEAB02; /* #000066; */
    background:#DE3B02; /* #7578F9; */
    margin:0 auto;
    width:750px;
}


#header {
    background-color:#DE3B02; /* #7578F9; */
}

#header h1 {
    padding:0px;
    margin:0;
}

#nav {
    background-color:#DEAB02; /* #000066; */
    padding:5px;
    border: solid ; /* #7578F9; */
    border-width: 1px;	
}
#nav ul{
    margin:0;
    padding:0;
    background-color: #DEAB02; /* #000066; */ 
}
#nav li{
    display: inline;
    list-style: none;
    margin: 1px;
    padding: 2px; 
    font-family: Arial;
    font-size: 14px; 
    font-weight: heavy;
    border: solid #DE3B02; /* #7578F9; */
    border-width: 1px;	
    width: 125px;  
}


a:link 
{
    text-decoration: none;
    color: #FFFFCC;
    background: #DEAB02; /* #000066; */
}
a:visited
{
    text-decoration: none;
    color: #FFFFCC;
    background: #DEAB02; /* #000066; */
}
a:hover
{
    text-decoration: none;
    color: yellow;
    background: #DEAB02; /* #000066; */
}
a:active
{
    text-decoration: none;
    color: green;
    background: #DEAB02; /* #000066; */
}

#main {
    background-color:#DE3B02; /* #7578F9; */
    width:450px;
    font-family: Verdana;
    font-size: small;
    color:#FFFFFF;
    margin-left:250px;
    padding : 20px;
}

#main h2{
    font-family: Tahoma;
    font-size: large; 
}

#sidebar {
    background-color:#DEAB02; /* #000066; */
    color:#DE3B02; /* #7578F9; */	
    float:left;
    padding : 5px;
    width:247px;
    font-style : italic;
}


#footer {
    background-color:#FFFFCC;
    font-family: Arial;
    font-size: small;
    clear:both;

}
#footer p {
    padding:2px;
    margin:0;
    border: solid #DEAB02; /* #000066; */
    border-width: 1px;	
}


#form {
    padding:5px;
    background-color:#FFFFCC;
    font-family: palatino Linotype;
    font-weight: bold;
    color:#DEAB02; /* #000066; */	
    border: solid black;
    border-width: 1px;	
}

#form h1 {
	
    padding:5px;
    background-color:#FFFFCC;
    font-family: palatino Linotype;
    font-weight: bold;
    font-size: medium;
    text-decoration: underline;
}

#form h2 {
	
    padding:5px;
    background-color:#FFFFCC;
    font-family: palatino Linotype;
    font-size: small;
}

.bttn {
	border-style: outset;  
	border-color:#DE3B02; /* #7578F9; */
	border-width:1px;
	background-color:#DEAB02; /* #000066; */
	font-family: Arial;
	font-weight: bold;
	text-align:center; 
	width : 120px; 
	height: 10px;
}

.snu {
	font-family: palatino Linotype;
	font-size:14px;
	text-decoration:none; 
	color:#FFFFCC;
}