/* Jabber Media CSS Document */

body {
font-family: "Franklin Gothic Medium Cond", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-image:url(images/BG_gradientGray.gif);
background-repeat:repeat-x;
background-color:#DDDDDD;
}

h1 {
font-size:100%;
color:#999999;
padding:15px 5px 10px 5px;
margin:0;
text-align:left;
}

h2 {
font-size:90%;
color:#99CC00;
padding:15px 5px 10px 5px;
margin:0;
text-align:left;
}

h3 {
font-size:80%;
color:#666666;
padding:15px 5px 0px 5px;
margin:0;
text-align:left;
}

p {
font-size:80%;
color:#999999;
padding:5px;
margin:0;
text-align:left;
}

hr {
color:#999999;
border-style:dotted;
margin:10px;
}

a:link, a:visited {
color:#add133;
text-decoration:none;
}

a:hover {
color:#999999;
text-decoration:underline;
}

/* ID Styles */

#container {
padding:10px;
width:700px;
}

#header {
background-image:url(images/IMG_spacer.gif);
}

#header p {
text-align:right;
font-size:100%;
}

#header a:link a:visited {
color:#999999;
text-decoration:none;
letter-spacing:2px;
margin-right:25px;
}

#header a:hover a:active {
color:#add133;
text-decoration:underline;
letter-spacing:2px;
margin-right:25px;
}

#footer {
height:100px;
font-size:75%;
color:#999999;
}

#footer a:link{
color:#999999;
text-decoration:none;
margin:2px 5px 2px 5px;
}

#footer a:visited{
color:#999999;
text-decoration:none;
margin:2px 5px 2px 5px;
}

#footer a:hover a:active {
color:#add133;
text-decoration:underline;
margin:2px 5px 2px 5px;
}

#form {
margin:0px 10px 0px 0px;
float:left;
position: relative;
width:350px;
}

#contact {
margin:-40px 30px 0px 0px;
float:right;
width:200px;
position: relative;
}

#clear {
clear:both;
}

#button {
font-size:60%;
padding:2px;
color:#333333;
border:1px solid #333333;
background-color:#99CC00;

}

/*Class Styles */

.logo {
margin-left:50px;
}

.box {
width:225px;
background-image: url(images/BG_roundTop.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0;
}

.box h3 {
background: url(images/BG_roundBottom.gif);
background-repeat:no-repeat;
background-position:bottom left;
margin:0;
font-size:850%;
color:#AAAAAA;
padding:5px;
letter-spacing:-10%;
text-align:right;
}

.box p {
font-size:80%;
color:#999999;
padding:25px;
margin:0;
text-align:left;
}

.boxBig {
width:700px;
background-image: url(images/BG_whiteBig.gif);
margin:0;
padding:10px;
}

.boxBigHead {
background: url(images/BG_roundTopBig.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding-left:10px;
}

.boxBigFoot {
background: url(images/BG_roundBottomBig.gif);
background-repeat:no-repeat;
background-position:bottom left;
margin:5px;
font-size:80%;
color:#AAAAAA;
padding:15px;
letter-spacing:-10%;
text-align:right;
}

