/* ------------------------------------------------------------------------- */
/* Defaults - reset some styles */
/* ------------------------------------------------------------------------- */
* {
	padding:0px;
	border:0px;
	color:#CCCCCC;
	font-family:arial;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

, p, div, img, form, input {
	padding:0px;
	margin:0px;
	border:0px;
}

a, a:link {
	text-decoration:none;
}

a:visited{
	color:white;	
}

a:hover {
	
}

.clear_both {
	clear:both;
}
/* ------------------------------------------------------------------------- */
/* Containers */
/* ------------------------------------------------------------------------- */

body {
	text-align:center;
	background-color: #333333;
}

#page {
	text-align:left;
	width:990px;	
	background-color: #333;
	margin:0 auto;	
}

/* Content */

#header {
	height:125px;
	background-color: #999;
	background-image: url(../images/v_involved_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#one {
	height:40px;
	background-color: #999999;
	text-align: left;
}

#two {
	height:50px;
	background-color: #FFCC00;
	color: #000000;
}

#photos {
	height:95px;
	background-color: #999;
	background-image: url(../images/photos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#three {
	height:190px;
	background-color: #000000;
	padding-top: 5px;
	float: none;
}

#buttons {
	height:50px;
	background-color: #666666;
	padding-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#buttons2 {
	height:100px;
	background-color: #666666;
	padding-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.text {
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 15px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: bottom;
}

.textcolumn {
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 15px;
	font-weight: bold;
	line-height: 20px;
	width: 460px;
	clear: none;
	float: left;
}

.textcolumnright {
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 15px;
	font-weight: bold;
	line-height: 20px;
	width: 460px;
	float: right;
	clear: none;
}


.texttwo {
	color: #CC0000;
	padding-top: 12px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 18px;
	font-family: arial;
}

.buttontext {
	background-color: #666666;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-right: 50px;
	font-weight: normal;
}

/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */

#navigation {
	height:31px;
	background-color:#999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A9A9A9;
}

#main_nav {
	float:left;
	list-style-image:none;
	list-style-type:none;
	height:30px;
}

#main_nav li{
	float:left;
	text-align:center;
	width:330px;
	line-height:30px;	
}

#main_nav li a {
	font-size:12px;
	width:328px; /* 110 is the width with no 'bevel' effect  - use 110 and remove the borders below */
	display:block;
	background-color:#666666;
	border-left:1px solid  #999;
	border-top:1px solid  #999;
	border-right:1px solid #333;
	color:white;
}

#main_nav li a:hover {
	background-color:#FFCC00;
	color:#333;
	text-align: center;
}

/* the last link doesnt need a right border */
#main_nav li .last_link {
	border-right:0px;
}

/* Style the current page menu item in the navigation */
#home_page #main_nav li a#home_link, 
#search_page #main_nav li a#search_link, 
#blogs_page #main_nav li a#blogs_link, 
#media_page #main_nav li a#media_link, 
#me_page #main_nav li a#me_link, 
#buzz_page #main_nav li a#buzz_link, 
#advice_page #main_nav li a#advice_link, 
#tags_page #main_nav li a#tags_link, 
#questions_page #main_nav li a#questions_link
{
	background-color:#666;
	color:#FFFFFF;
}
.blue {
	font-weight: bold;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-color: #FFFFFF;
	font-size: 14px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.big {
	font-size: 24px;
	color: #CC0000;
	font-weight: bold;
}