body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {padding: 0; margin: 0; font-weight: normal}
body {text-align: center; color: #CCCCCC; font-size: 14px;}
html, body {font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/bg.gif) repeat;}

h1 {font-size: 2.4em; color: #FFFFFF}
h2 {font-size: 2.1em; margin: 0 0 .2em 0}
h3 {font-size: 1.7em;}

h2, h3, h4 {color: #fc6;}

a {text-decoration: none; outline: none;}
a img {border: none;}

a:link    { color: #6699cc; }    /* unvisited links */
a:visited { color: #6699CC; }   /* visited links   */
a:hover   { color: #999999; } /* user hovers     */
a:active  { color: #999999; }   /* active links    */

.active a {color: #FFFFFF}

p {margin-bottom: 1em; padding: .2em; font-size: 1em;}

#container {text-align: left; margin: 0 auto; width: 1000px; }
#banner {height: 219px; background: url(../images/banner2.gif) top left no-repeat; margin-bottom: 5px;}



/*--- NAVBAR ---*/
#navbar {width: 1000px; height: 45px; margin-bottom: 7px; background: url(../images/navbar_bg.gif) repeat-x; font-family: Gill Sans, Arial, Helvetica, sans-serif; font-size: 1.7em;}
#navleft, #navright {width: 15px; height: 25px; background: #00FF00;}
#navleft {float: left; background: url(../images/navbar_left.gif) no-repeat; width: 19px; height: 45px;}
#navright {float:right; background: url(../images/navbar_right.gif) no-repeat top right; width: 20px; height: 45px; }
#navcontainer {float: left; height: 45px;}
#navlist {margin-left: 25px; padding-top: 5px;}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 1.3em;
}
#navlist li.last {padding: 0;}


#pageHome li.home a, #pageContest li.contest a, #pageAbout li.about a, #pagePhotos li.photos a, #pageVideo li.video a, #pageContact li.contact a, #pageLinks li.links a, #pageEvents li.events a, #paageArchive li.archive a {color: #fff;}




/*---- LAYOUT ---*/
#content {position: relative; background: url(../images/content_main.gif) repeat-y; float: left; width: 1000px;}
#content_top {height: 31px; background: url(../images/content_top.gif) no-repeat;}
#content_bottom {height: 19px; background: url(../images/page_bottom----.gif) no-repeat; float: left; width: 100%; clear: both;}
#content_main {float: left; width: 750px; padding: 0 28px 0 26px; }

#sidebar {float: right; width: 145px; padding: 0 10px 0 15px; font-family: Gill Sans, Arial, Helvetica, sans-serif;}
#sidebar h2 {font-size: 1.6em; color: #fff; margin-bottom: 0; text-decoration: underline;}
#sidebar h3 {font-size: 1.1em; color: #FFCC66;}
#sidebar h4 {font-size: 1em; color: #CCCCCC;}
#sidebar h3, h4, h5 {margin-bottom: .5em;}
#sidebar ul li {list-style-type: none; padding-left: 1em; line-height:
1.1em;}
#sidebar ol li {padding-left: .1em;}

#sidebar_list2 li {padding-top: .5em; line-height: 1.2em; margin-left: 15px;}

/*--- SHOWCASE ---*/
.showcase_container {font-family: Gill Sans, Arial, Helvetica, sans-serif; clear: both;}
.showcase_container h2 {color: #69c; font-size: 1.5em;}
.showcase {background: url(../images/showcase_center.gif) repeat-x; height: 220px; margin: .2em 0 1em 0;}
.pro {width: 330px; font-size: 1.4em; } /*--- Each specific box gets the appropriate width needed ---*/
.pro2 {width: 185px; font-size: 1.4em;}
.pro ul li {margin: 0 30px 0 0;} /*--- Controls space to the right of each list item ---*/
.pro ul li.last {margin: 0; } /*--- The last item of each unordered list is given the class of 'last' with 0 margin ---*/
.am {width: 708px; font-size:1.2em;}
.am2 {width: 590px; font-size:1.2em;}
.am ul li {margin: 0 16px 0 0;}
.am2 ul li {margin: 0 20px 0 0;}
.am ul li.last, .am2 ul li.last {margin: 0; }
.grom {width: 590px; font-size:1em;}
.grom ul li {margin: 0 20px 0 0;}
.grom ul li.last {margin: 0; }
.grom2 {width: 450px; font-size:1em;}
.grom2 ul li {margin: 0 20px 0 0;}
.grom2 ul li.last {margin: 0; }

.showcase_left {float: left; background: url(../images/showcase_left.gif) top left no-repeat; width: 13px; height: 220px; }
.showcase_right {float: right; background: url(../images/showcase_right.gif) top left no-repeat; width: 13px; height: 220px; }
.showcase ul {list-style: none; text-align: center; padding: 0 30px 0 30px;  }
.showcase ul li {display: block; float: left;}

.showcase a img {border: 1px solid black; margin: 10px 0 0 0 ;}
.showcase a:hover img {border: 1px solid white;}

.showcase a {color: black;}
.showcase a:hover {color: white;}

.showcase_mexico2009 .am {width: 100%; margin: 0 0 5px 0;}
.showcase_mexico2009 .am ul li {margin: 0 4px 0 0;}
.showcase_mexico2009 .am ul {padding: 0 10px 0 17px;  }
.showcase_mexico2009 .am2 {width: 725px; }

/*---- PROFILE ---*/
#profile {float: left; margin: 1em 0 1em 0; padding-right: 15px; clear: both; width: 100%;}
#profile img {float: left; border: 4px solid white; margin-right: 1em;}
#profile img.noborder {border: none;}

#profile h1 {color:  #FFCC66; }
#profile h2 {color: #FFFFFF;}

.rating {width: 750px; height: 95px; background: url(../images/vote_bg.gif) bottom right no-repeat;}
.rating div {width: 110px; float: left; text-align: left;}
/*--- CONTACT ---*/
.contact_box {min-height: 200px;}
.contact_box ul li {list-style-type: none; text-align: right; padding-right: 200px; padding-left: 1em; line-height: 1em; font-size: 1.3em;}


/*---- FOOTER ---*/
#footer {margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #000000; padding: 1em 5px 50px 5px}
#footer a:link {color: #003366;}
#footer a:hover {color: #0066CC;} 
#footer a:visited {color: #006699;}

/*--- LINKS ---*/
.link {list-style: none; text-align: right; }
.link li {margin: 0 0 15px 0; font-size: 1.7em; }
.link li a {background-color: #000000; display: block; height: 77px; padding: 11px 65px 0 0;}
.link li a:hover {background-color: #006699; color: #FFFFFF;}
.link li img {float: left; border: none; }

.new_links {list-style: none;}
.new_links li {display: block; float: left; width: 250px; text-align: center; height: 200px;}


.link1 a {background: url(../images/box_toobs.gif) top left no-repeat;}
.link2 a {background: url(../images/box_alternativesurf.gif) top left no-repeat;}
.link3 a {background: url(../images/box_immersus.gif) top left no-repeat;}
.link4 a {background: url(../images/box_venturemedia.gif) top left no-repeat;}
.link5 a {background: url(../images/box_patternz.gif) top left no-repeat;}
.link6 a {background: url(../images/box_shjs.jpg) top left no-repeat;}

/*--- MISC ---*/
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.line {border-bottom: 2px solid white; padding-bottom: .9em; }
.space {margin-bottom: 3em; }
.results {border: 1px solid white; padding: 10px; margin: 1em 0 1em 0;}
.center {text-align:center; margin: 0 auto;}
.breadcrumbs {text-transform: lowercase; padding-bottom: 10px;}

.results ul li {margin-left: 1.5em;}

img.left {margin: 0 10px 10px 0;}
img.right {margin: 0 0 10px 10px;}

