@charset "utf-8";
/* Dom's CSS Document for The Renditions Website*/

body {
font-family:Verdana, Geneva, sans-serif;
background-image:url(../images/pageElements/siteBackground.gif);
margin: 0;
padding: 0;
overflow:auto;
}

p.boxTitleText{
text-align:justify;
position:float;
font-size:1.1em;
color:#000000;
line-height:100%;
padding-left:5px;
}

h1 {
font-size:1.8em;
color:#000000;
font-variant:small-caps;
padding-left:5px;
text-align:justify;
font-family:Verdana, Geneva, sans-serif;
}
h1.white {
font-size:1.4em;
color:#ffffff;
font-variant:small-caps;
padding-left:5px;
text-align:justify;
font-family:Verdana, Geneva, sans-serif;
}

#largeCapsText{
color:#ffffff;
font-size:1.8em;
font-variant:small-caps;
}

#descriptionText{
color:#ffffff;
font-size:1.3em;
padding-left:15px;
position:float;
}

/* Contains the main box area of the front page*/
div.box1 {
width:1025px;
height:1100px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
background-color:#359AFF;
border-style:ridge;
border-color:#FFFFFF;
}

/*Images*/
img.main{
position:float;
float:right;
padding:0px;
}

p.boxTitleImage{
color:#FFFFFF;
position:float;
}

/*Page breaks*/
img.break{
left:auto;
position:relative;
padding:0px;
margin:0px;
}

/*Table-like divs*/
div.left{
float:left;
width:260px;
margin:0px 0px 6px 6px;
height: auto;
}

div.left img{
		margin: 5px 0px 0px 0px;
}

div.right{
margin-left:203px;
border-left:0px solid gray;
padding-top:5px;
position:float;
}

/*list attributes for Navbar*/
ul{
list-style-type:none;
margin:0;
margin-top:0px;
padding:0;
margin-left:0px;
margin-bottom:0px;
}

/*Displays NavBar*/
a.Nav:link,a.Nav:visited {
display:block;
color:#FFFFFF;
background-image:url(../Images/pageElements/navBack.jpg);
width:122px;
height:24px;
text-align:center;
padding-top:1px;
text-decoration:none;
text-transform:uppercase;
border-style:ridge;
border-color:#e5f1fd;
font-size:1.1em;
}
		
a.Nav:hover,a.Nav:active {
background-color:#99cc33;
color:#FFFFFF;
}
		
/*Displays NavBar Items horizontally*/
li{
float:left;
}

a.Nav{
display:block;
width:60px;
}

/*Image Gallery*/
div.img
{
margin: 0px 6px 0px 6px;
border: 1px dotted #000000;
float: left;
text-align: center;
}	

div.img img{
display: inline;
margin: 0px;
}

div.img a:hover img {
border: 0px solid #0000ff;
}

div.desc{
text-align: center;
font-weight: normal;
color:#000000;
width: 100;
margin: 0px;
background-color:#99cc33;
}