@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background-color:#444; font-family:Verdana, Geneva, sans-serif; }
img { border:0; padding:0; }
h1, h2, h3, h4, h5 { color:#333; }
h1 { font-size:18px; margin:0 0 20px 0; }
h2 { font-size:14px; margin:0 0 10px 0; }
p, li { color:#333; }
ul { margin:0px 20px; }
#main_container { width:710px; margin:20px auto; height:auto; }
#header_container { width:710px; height:144px; }
#menu_buttons { height:39px; }
#content_container { margin:0px; padding:0px; border:0px; }
#content { background-image:url(images/layout/body_repeat.jpg); padding:20px 30px; border:0; display:block; text-align:left; margin:0; height:auto; }
#left_col { float:left; width:25%; }
#right_col { float:right; width:75%; }
#footer_container { background-image:url(images/layout/footer.jpg); height:33px; width:690px; padding:10px; }
.floating_image { float:right; margin:20px; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
a { color:#333; text-decoration:none; }
a:visited { color:#333; font-style:normal; }
a:hover { color:#0033FF; }
.smoothbox {margin:1px;}
/* specific things */

/* Making a nice rounded corners for images */
/* here's the box... the image/photo is in this */
.photoBox { height : auto; position : relative; float:right; border:10px; }
.photoBox img { display:block; padding:20px; }
/* these are the span corners. classes were used to allow multiuse on a page */
.photoBox_tl, .photoBox_tr, .photoBox_bl, .photoBox_br { position : absolute; width : 19px; height : 19px;  /* corner images are 40x40 */ display : block; margin:0px; margin-bottom : 0px;  /* this is for IE */ z-index: 5; }
/* Rounded corners for nav box*/
#nav .photoBox_tl, #nav .photoBox_tr, #nav .photoBox_bl, #nav .photoBox_br { margin:0; margin-bottom : -1px;  /* this is for IE */ }
/* change position and image: top-right */
.photoBox_tl { background : transparent url(images/masks/corner_tl.png) no-repeat; top : 0; left : 0; }
/* change position and image: top-right */
.photoBox_tr { background : transparent url(images/masks/corner_tr.png) no-repeat; top : 0; right : 0; }
/* change position and image: bottom-left */
.photoBox_bl { background : transparent url(images/masks/corner_bl.png) no-repeat; bottom : 0; left : 0; }
/* change position and image: bottom-right */
.photoBox_br { background : transparent url(images/masks/corner_br.png) no-repeat; right : 0; bottom : 0; }
/*End of nice rounded corners for images*/