/* -----------

GENERAL

-------------- */

* {margin: 0; padding: 0;}



html

{

	padding: 0;

	margin: 0;

}



body

{

	font-family: Arial, Helvetica, Verdana, Sans-serif;

	font-size: 10pt;

	color: black;

	background: black; /* for blank sides */
  border: 0px;
	padding:0;

	margin:0 auto;

	text-align:center;

	width:95%;

	min-width: 800px;

	/*border: 1px solid orange;*/

	behavior:url("http://team102.org/csshover.htc");

}



img

{

	text-decoration:none;

	border:0;

}



h1 /* banner */

{

	font-family:Impact, "Arial Black", sans-serif;

	color:rgb(250,120,0);

	font-size:30pt;

	padding-top:0;

	letter-spacing: 5px;

}



h2 /*page titles */

{

	padding-top:1px;

	font-family: Arial, Helvetica, Verdana, Sans-serif;

	font-size:14pt;

	font-weight: bold;

	text-align: center;

}



h3 /* page sections */

{

	font-size: 14pt;

	font-weight: bold;

	text-align: center;

	padding-top: 15px;

	padding-bottom: 15px;

}



h4 /*anything else */

{

	font-size: 12pt;

	font-weight: bold;

}



table

{

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	caption-side:top;

}



a.members

{

	color:black;

	font-family:verdana;

	font-weight:normal;

	font-size:14pt;

}



a:visited

{

	color:blue;

}



a:hover,a#doc:hover

{

	color:rgb(250,120,0);
	cursor: pointer;

}

a#doc
{
	color:blue;
}

em

{

	font-style: normal;

	font-weight: bold;

}



.center

{

	text-align: center;

	margin: auto;

}



/* ----------------

HEADER

------------------- */



#header

{

	width: 100%;

	height:141px;

	margin:0 auto;

	margin-top: 10px;

	text-align:center;

	padding-top: 0;

	padding-bottom: 0px;

	/*border: 1px solid black;*/

	border-bottom:none;

	background: transparent url('resources/images/site/bannerbg.gif') repeat;

}



#header h1

{

	padding-top: 40px;

	}



/* for images */



#header #left

{

	float: left;

	position: relative;

	top: 15%;

	padding-left: 8%;

	margin-right: -9%;

}



#header #right

{

	float: right;

	position: relative;

	top: 15%;

	padding-right: 7%;

	margin-left: -12%;

}


/* ---------------

NAVIGATION

----------------- */



#outside

{

	border:1px solid rgb(250,150,0);

	background:black;

	/*padding-left: 10%;

	padding-right: 10%;

	width:80%; six menu items*/

	padding-left: 20%;

	padding-right: 20%;

	width:60%;

	background-image: url('resources/images/site/navbgmedium.png');

	background-repeat: repeat-x;

	margin: auto;

}



#navigation-1 

{

	padding:1px 0;

	margin:0;

	list-style:none;

	width:100%;

	height:21px;

	font:normal 10pt verdana, arial, helvetica, sans-serif;

	z-index:1;

	background-image: url('resources/images/site/navbgmedium.png');

	background-repeat: repeat-x;

}



#navigation-1 li 

{

	margin:0;

	padding:0;

	display:block;

	float:left;

	position:relative;

	width:19.9%;

	/*width: 16.5%; 6 menu items*/

	z-index:2;

}



#navigation-1 li a:link, #navigation-1 li a:visited 

{

	padding:3px 0;

	display:block;

	text-align:center;

	text-decoration:none;

	color:rgb(250,150,0);

	width:100%;

	height:15px;

	z-index:3;

}



#navigation-1 li a:hover, #navigation-1 li:hover a, #navigation-1 li a:active 

{

	padding:3px 0;

	display:block;

	text-align:center;

	text-decoration:none;

	background-image: url('media/images/site/navbglight.png');

	background-repeat: repeat-x;

	color:white;

	width:100%;

	height:16px;

}



#navigation-1 li ul.navigation-2 

{

	margin:1px 1px 0;

	padding:0;

	list-style:none;

	display:none;

	width:98.3%;

	position:absolute;

	top:21px;

	left:-1px;

	border:1px solid rgb(250,120,0);

	border-top: none;

	z-index:4;

}



#navigation-1 li:hover ul.navigation-2 

{

	display:block;

}



#navigation-1 li ul.navigation-2 li 

{

	width:100%;

	clear:left;

	z-index:5;

}



#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited 

{

	clear:left;

	padding:4px 0;

	width:100%;

	border:none;

	border-bottom:1px solid black;

	position:relative;

	z-index:6;

	color:rgb(250,150,0);

	background: rgb(30,30,30);

}



#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover 

{

	clear:left;

	padding:4px 0;

	width:100%;

	border:none;

	border-bottom:1px solid black;

	background: rgb(50,50,50);

	position:relative;

	color:white;

}



/* ----------------

THREE COLUMNS

------------------ */



#container 

{

	position:relative;		/* This fixes the IE7 overflow hidden bug */

	clear:both;

	float:left;

    width:100%;			/* Only 95% of the actual page */

	overflow:hidden;	/* This chops off any overhanging divs */

	border: 1px solid rgb(250,150,0);

	border-top: none;

}



#colmiddle, #colleft, #colright 

{

	float:left;

	width:100%;		

	position:relative;

}



#colmiddle 

{

	right:25%;				/* width of the right column */

	background:#fff;		/* center column background colour */

	border-right-style:solid;

	border-right-width:1px;

	border-right-color:black;

}



#colleft 

{

	right:50%;				/* width of the middle column */

	background:#f4f4f4;		/* left column background colour */

	border-right-style:solid;

	border-right-width:1px;

	border-right-color:black;

}



#colright

{

	right:0%;

	background: #f4f4f4;

}



#colmiddle_content, #colleft_content, #colright_content

{

	float:left;

	position:relative;

	padding: 0;

	overflow:hidden;

	text-align: left;

	line-height: 125%;

}

	

#colmiddle_content 

{

	width:46%;				/* width of center column content (column width minus padding on either side) */

	left:102%;				/* 100% plus left padding of center column */

}



#colleft_content

{

	width:21%;				/* Width of left column content (column width minus padding on either side) */

	left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

	text-align:left;

}



#colleft_content ul 

{

	margin-left: 0px;

	padding-left: 0px;

	list-style-type:none;

}



	

#colright_content 

{

	width:21%;				/* Width of right column content (column width minus padding on either side) */

	left:85%;				/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */		

}

#accordion

{

align:center;

}


/*-----------------

FOOTER

------------------- */



#footer

{

	clear:both;

    float:left;

    width:100%;
  
	border-top:1px solid #000;
	color:white;

}

#footer a
{
  color: rgb(250,150,0);
}

#footer p 

{

    padding:10px;

    margin:0;

}



/* -----------------

CONTENT

-------------------*/



#firstelements

{

	padding-left: 5%;

	padding-right: 5%;

	border: 1px solid black;

}



ul

{

	margin-left: 15px;

	list-style-type: bullet;

}



#students ul, #mentors ul

{

	margin-left: 0px;

	padding-left: 0px;

	list-style-type:none;

}



table.media

{

	border-spacing: 20px;

}



input.logininput

{

	width: 100px;

	position: relative;

}



input.dateinput

{

	width: 25px;

}



.center

{

	text-align: center;

	margin: auto;

}

.floatright
{
	float: right;
}

.floatleft
{
	float: left;
}


#forstudents ul

{

	margin-left: 15px;

}



#video

{

	z-index: 999;

}

#colmiddle_content img
{
	border-width: 2px;
	border-color: black;
	border-style: solid;
	margin: 5px;
}

#colmiddle_content img.noborder
{
	border-style: none;
	border-width: 0px;
}

.firstlogo
{
	width: 120px;
	padding: 0;
	margin: 0;
	border-width: 0px;
}

#colmiddle_content a.flyers
{
	font-size: 20px;
	text-decoration: none;
}

/*  ------------

CALENDAR

------------ */



.calendar a

{

color: orange;

text-decoration: none;

}



.calendar a:hover

{

text-decoration: underline;

}



.calendar #active a

{

color: blue;

text-decoration: none;

}



.calendar #today a

{

	color:blue;

}

/*For Cute stuff*/
ul.docmenu {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	list-style-type: none;
	font-size: 12px;
}

ul.docmenu li {
	display: block;
	width: 70px;
	border-bottom: 1px solid black;
	padding: 2px 10px 3px 10px;
	text-decoration: none;
	text-align: center;
	background: #FFFFFF;
}

.orange {
  color: rgb(250,120,0);
}