/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
	
	background-image:url(/public/images/mainbg1.jpg);
	background-position:center;
background-attachment:fixed;
	
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	line-height:14px;
}

a:focus
{
	outline: 1px dotted invert;
}






hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

#header{
width: 960px;
height: 113px;
display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

#headerpic{
margin-top:0px;
width: 630px;

float: left;
}

#search{
width: 300px;
height: 71px;
float: right;
margin-right: 0px;
text-align:left;
background-image:url(/public/images/searchbg.jpg);
	background-position:top;

background-repeat:no-repeat;
}

#accessabilitybutton{
width: 202px;
height: 24px;
float: right;
margin-right: 0px;
text-align:left;
margin-top:7px;

}

#searchtext{
margin: 30px 35px 0px 25px;
text-align:center;
}






#navbar{
background-image:url(/public/images/navbarbg1.gif);
background-repeat:repeat-x;

font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width: 940px;
height: 32px;
display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	

}







#picbar{
width: 940px;
height: 159px;
display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#picbarbutton{
width: 310px;
height: 159px;
display: inline;
	float: left;

}

#picbarbutton2{
width: 320px;
height: 159px;
display: inline;
	float: left;

}



#registerbox{
width: 620px;
height: 97px;
display: inline;
	float: left;
	background-image:url(/public/images/registerbox_bg.gif);
	margin-bottom:20px;

	}
	
	#registerboxtext{
width: 290px;
height: 30px;
display: inline;
	float: left;
	margin-top:42px;
	margin-left: 12px;
	}
	
	#registerboxbuttons{
width: 312px;

display: inline;
	float: right;
	margin-top:7px;
	margin-right: 6px;
	}

#footer{
padding-top:10px;
border-top:#CCCCCC solid 4px;
font-size:11px;
width: 940px;
height: 100px;
display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}

a:link {
	color:#F8B323; text-decoration: none; font-weight:bold;
}

a:visited {
 color:#F8B323;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color:#F8B323;
	text-decoration: underline;
	font-weight:bold;
}

a:active {
	color:#F8B323;
	text-decoration: none;
	font-weight:bold;
}



.boldtext {
	
	font-weight:bold;
}

.smalltext {
	
font-size:9px;
}


.bigbluetext {
	
	color:#2D3164;
font-weight:normal;
font-size: 1.7em;

 line-height:1.8em;

}

.bigtext {

font-weight:bold;
font-size: 1em;


}


.biggertext {

font-weight:normal;
font-size: 120%;
line-height: 1.2em;


}





/* =Headings
--------------------------------------------------------------------------------*/

h1{

font-weight:normal;
font-family: Impact;
color: #F8B323;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 2em;
padding-bottom:2px;
padding-top:2px;
}

h2
{
color:#F8B323;
font-weight:normal;
font-size: 2.2em;
border-bottom: solid 3px #E8E8E8;
 height: 32px;
 font-weight:normal;
 line-height:1.3em;
 margin-bottom:20px;
  margin-top:20px;


}

h3
{
color:#2D3164;
font-weight:normal;
font-size: 1.7em;
border-bottom: solid 3px #E8E8E8;
 height: 32px;
 font-weight:normal;
 line-height:1.8em;
 margin-bottom:20px;


}
h4
{
color:#2D3164;
font-weight:normal;
font-size: 1.3em;


 font-weight:bold;

 margin-bottom:8px;
  margin-top:25px;


}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
}


#blockmenuheader
{
color:#F8B323;
font-weight:normal;
font-size: 1.3em;
border-bottom: solid 3px #E8E8E8;

 font-weight:bold;

 margin-bottom:2px;
 width:149px;
 }
 
 
 #blockmenuheader2
{
color:#F8B323;
font-weight:normal;

border-bottom: solid 3px #E8E8E8;

 font-weight:bold;
 line-height:1em;
 margin-bottom:2px;
 width:149px;
}



hr
{ height: 1px; 
border: 1px solid #C9C9C9;
clear:both;
 
}

img.left
{
float: left;
margin-right: 14px;
margin-bottom:7px;
}

img.right
{
float: right;
margin-left: 14px;
margin-bottom:7px;
}

.left
{
float: left;
margin-right: 14px;
margin-bottom:7px;
}


.textquotes{
color:#2D3164;
font-size:14px;
font-weight:bold;
font-style:italic;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ol li
{
	margin-bottom:14px;
}


ol {

text-indent: 0px;
list-style-position: outside;
padding: 12px;
padding-top:0px;
padding-bottom:20px;
margin: 3px;
}


ul {

text-indent: 0px;
list-style-position: outside;

list-style-type: disc;
padding: 12px;
padding-top:0px;
padding-bottom:20px;
margin: 3px;
}



li {

margin-bottom:4px;

}


p{
	margin-bottom: 15px;
}



dl,
hr,
ol,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}


/* =form
--------------------------------------------------------------------------------*/

.cssform{
padding-top: 12px;

}


.cssform p {
border-top:1px dashed gray;
clear:left;
height:1%;
margin:0;
padding:5px 0 8px 155px;
width:300px;
}
.cssform label {
float:left;
font-weight:bold;
margin-left:-155px;
width:150px;
}

.cssform textarea {
height:150px;
width:250px;
}
* html .threepxfix {
margin-left:3px;
}
.cssform textarea {
background:#FFFFFF url(/public/images/formgrad.png) repeat-x scroll left top;
border:1px solid #999999;
}
.cssform input {
padding:1px 5px;
}
.cssform textarea {
padding:5px;
}


/* =Menu
--------------------------------------------------------------------------------*/

.menu {width:940px; height:32px; position:relative; z-index:100; border-right:0px; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:941px; w\idth:940px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;width:auto;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;margin:0;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#24275C; width:auto; height:30px; border:1px solid #DEDEDE; border-width:1px 0 0 0;
background:none; padding:0px 14px 0 13px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto; float:left;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {font-weight:normal; background:#5B6693 url(/public/images/menuarrow1.gif) no-repeat 130px center; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#F8B323 url(/public/images/menuarrow1.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#F8B323 url(/public/images/menuarrow1.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#5B6693;font-weight:normal;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#F8B323;font-weight:normal;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:auto;border-top:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:0px; left:148px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-148px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#5B6693; color:#FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 0 0 0;font-weight:normal;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover,.menu a.current, .menu ul ul a:hover{color:#FFFFFF; background:#F8B323;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF; background:#F8B323;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* latest events */

#newseventsbox {


 margin: 0px 0px 0px 0px;
 padding:  10px 10px 10px 10px;

 width: 280px;
 background-color:#EAEAEA;

}



#newseventsevent {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 20px 0px;
 width: 280px;
}

.mainIndex #newseventsevent 
{
	width: 770px;
}

.mainIndex .readmorelink 
{
	padding-top: 10px;
	float: left !important;
}

#newseventstext {
 margin: 0px 0px 0px 0px;
 padding:  0px 0px 3px 0px;
}

.mainIndex #newseventstext p
{
 margin: 5px 0px 0px 0px;
}

#newseventsdate{
font-size:12px;
color:#333333;
padding:  0px 0px 3px 0px;
}

.mainIndex #newseventsdate
{
	font-weight: bold;
	color: #2E3264;
line-height: 1.2em;
font-size: 12px;
}

p.newseventsdate
{
font-weight: bold;
color: #2E3264;
line-height: 1.2em;
font-size: 12px;
padding: 4px 0px 2px 0px;
margin: 0px;
}

p.newseventstitle
{
font-weight: bold;
color: #2E3264;
line-height: 1.2em;
font-size: 13px;
padding: 2px 0px 8px 0px;
margin: 0px;
}

#newseventstitle{
font-weight:bold;
color: #2E3264;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 12px;
 padding:  0px 0px 3px 0px;

}

/* main events */

#mainevent {
font-size:12px;
color:#000000;
font-weight:bold;
margin-bottom:20px;
 padding:  0px 0px 10px 0px;
 border-bottom: solid 1px #F8B42F;
 
}

#maineventtext {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 font-size:12px;
 font-weight:normal;
}

#maineventdate{
font-size:12px;
color:#333333;
 padding:  0px 0px 3px 0px;


}
#maineventtitle{
font-weight:bold;
color: #2E3264;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 12px;
margin-bottom:10px;

}

/* end main events */


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
 
  margin: 0;
  padding: 0;

  width: 100%; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */

  border-width: 1px;
  border-style: solid;
  background-color:#E8E8E8;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}



form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}



form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/*left menu*/


#ddblueblockmenu{
border: 0px;
border-bottom-width: 0;
width: 140px;
margin-bottom:25px;
}

#ddblueblockmenu ul{
line-height:1.6em;
margin: 0;
padding: 0;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-position:outside;
}

#ddblueblockmenu li a{
background-image: url(images/bulletover.gif);
	background-repeat: no-repeat;
	background-position: left;
display: block;
padding: 2px 0;
padding-left: 9px;
width: 140px; 
text-decoration: none;
color: #24275C;

border-bottom: 1px solid #EDEDED;

}

* html #ddblueblockmenu li a{
width: 140px; 

}

#ddblueblockmenu li a:hover, #ddblueblockmenu li a.current {
background-color:#F8B323;
color:#FFFFFF;
background:#F8B323 url(/public/images/menuarrow1.gif) no-repeat 130px center;

	
}





/* casestudy */

#casestudy {
background-color:#EDEDED;
width: 320px;
font-size:12px;
color:#000000;
font-weight:bold;
margin-bottom:20px;
margin-right:10px;
 padding:  10px 10px 10px 10px;
 height:160px;

 border:solid #CCCCCC 2px;
 float:left;
 

}

#casestudytext {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 font-size:12px;
 font-weight:normal;
}

#casestudyimage {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 
 float:left;
}


#casestudytitle{
color:#2D3164;
font-weight:normal;
font-size: 1.3em;


 font-weight:bold;
text-align: left;


font-size: 12px;
margin-bottom:10px;

}

#casestudybutton{

margin-bottom:10px;

}

/* end casestudy */



/* csactivecitizen*/

#csactivecitizen {
background-color:#EDEDED;
width: 690px;
font-size:12px;
color:#000000;
font-weight:bold;
margin-bottom:20px;
margin-right:10px;
 padding:  10px 10px 10px 10px;


 border:solid #CCCCCC 2px;
 float:left;
 

}

#csactivecitizentext {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 font-size:12px;
 font-weight:normal;
}

#csactivecitizenimage {
 margin: 0px 0px 10px 0px;
 padding:  0px 10px 0px 0px;
 
 float:left;
}


#csactivecitizentitle{
color:#2D3164;
font-weight:normal;
font-size: 1.3em;


 font-weight:bold;
text-align: left;


font-size: 12px;
margin-bottom:10px;

}



/* end csactivecitizen */







/* staffbio */

#staffbio {
background-color:#EDEDED;
width: 172px;
font-size:12px;
color:#000000;

margin-bottom:20px;
margin-right: 10px;
 padding:  10px 10px 10px 10px;
 height:295px;
 border:solid #CCCCCC 2px;

  float:left;
}



#staffbioimage {
 margin: 0px 0px 0px 0px;
 padding:  0px 0px 0px 0px;
 
 float:left;
 
}

#staffbioname{
color:#2D3164;
font-size: 1.3em;
font-weight:bold;
text-align: left;
font-size: 12px;
margin-bottom:0px;
clear:left;

}

#staffbiotitle{
color:#2D3164;
font-weight:normal;
font-size: 1.3em;



text-align: left;


font-size: 12px;
margin-bottom:10px;
clear:left;

}

#staffbiocontact{

margin-bottom:10px;
font-size:11px;
 font-weight:normal;


}

/* end staffbio */




/* usefulorg */

#usefulorg {
background-color:#EDEDED;
width: 160px;
font-size:12px;
color:#000000;
font-weight:bold;
margin-bottom:20px;
margin-right:10px;
 padding:  10px 10px 10px 10px;
 height:320px;
 border:solid #CCCCCC 2px;
 float:left;


}

#usefulorgtext {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 font-size:12px;
 font-weight:normal;
}

#usefulorgimage {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 
 float:left;
}


#usefulorgtitle{
color:#2D3164;
font-weight:normal;
font-size: 1.3em;


 font-weight:bold;
text-align: left;


font-size: 12px;
margin-bottom:10px;

}

#usefulorgbutton{

margin-bottom:10px;

}

/* end usefulorg */



/* ttopportunity */

#ttopportunity {
background-color:#EDEDED;
width: 320px;
font-size:12px;
color:#000000;
font-weight:bold;
margin-bottom:20px;
margin-right:10px;
 padding:  10px 10px 10px 10px;
 height:100px;
 border:solid #CCCCCC 2px;
 float:left;


}

#ttopportunitytext {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 font-size:12px;
 font-weight:normal;
}

#ttopportunityimage {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 
 float:left;
}


#ttopportunitytitle{
color:#2D3164;
font-weight:normal;
font-size: 1.3em;


 font-weight:bold;
text-align: left;


font-size: 12px;
margin-bottom:10px;

}



/* end ttopportunity */


/* event */

#event {
background-color:#EDEDED;
width: 720px;
font-size:12px;
color:#000000;
font-weight:bold;
margin-bottom:20px;
 padding:  10px 10px 10px 10px;

 border:solid #CCCCCC 2px;

 clear:both;
}

#eventtext {
 margin: 0px 0px 10px 0px;
 padding:  0px 0px 0px 0px;
 font-size:12px;
 font-weight:normal;
}




#eventtitle{
color:#2D3164;
font-size: 16px;
	line-height:2em;
	height: 30px;
	padding: 0 0 0 30px;
	margin-bottom:12px;
	background: url(/public/images/star.png) left bottom no-repeat;

}

#teammemberbutton{

margin-bottom:10px;

}

/* end event */




/* toppagemenu */

#toppagemenu {
padding:0;
margin:0;
height:2em;
list-style-type:none;
width:100%;
border-bottom: solid 3px #E8E8E8;
text-align:center;
margin-bottom:20px;
padding-bottom:20px;
}
#toppagemenu li {

float:left;
padding-left:20px;
padding-right:20px;

height:2em;
line-height:2em;
border-right:1px solid #bbb;
position:relative;
text-align:center;
}
#toppagemenu li a, #menu li a:visited {
display:block;
text-decoration:none; 
color:#F8B323;
}
#toppagemenu li a span, #menu li a:visited span {
display:none;
}
#toppagemenu li a:hover {

border:0; /* needed to trigger IE */
color:#2D3164;
}


/* end toppagemenu */

/* pop up window css */

#oppwindow{
width:540px;
padding: 20px 20px 20px 20px;
}



#pdflink {
	font-size: 12px;
	line-height:3em;
	height: 48px;
	padding: 19px 0 0 50px;
	background: url(/public/images/pdf-icon.gif) left bottom no-repeat;
	clear:both;
}


/* dhtmltooltip */

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid #333333;
padding: 12px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/* end dhtmltooltip */


#diagram1{


width:648px;
height:215px;
background-image:url(/public/images/z4.jpg);
background-position:center;
background-repeat:no-repeat;
vertical-align:top;
margin-bottom:25px;

}

#leftpic{
float:left;
width:205px;
height:215px;

}

#rightpic{

width:203px;
height:215px;
float:right;
}


/* pictures and captions */

.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

/* end pictures and captions */


#doitform{


width:760px;

background-color:#F8B42F;
vertical-align:top;
margin-bottom:25px;
padding: 10px;
color:#FFFFFF;

}


/* =BOID additional styles - OPP search results
--------------------------------------------------------------------------------*/

div.aresult 
{
	padding: 15px 15px 15px 15px;
	border-bottom: solid 1px #EDEDED;
}

div.aresult h4
{
	padding: 0px;
	margin: 0px;
}

div.aresult p
{
	padding: 10px 0 0px 0;
	margin: 0px;
}

div.resultOff 
{
	background-color: #f8f8f8;
}


/* =BOID additional styles - OPP search results - OPP DETAIL
--------------------------------------------------------------------------------*/

h4.oppptitle 
{
font-size: 1.5em;
}

div.oppdetail ul 
{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}



/* =BOID additional styles - OPP search results - PAGINATION
--------------------------------------------------------------------------------*/

ul.pgn 
{
	padding: 0px;
	margin: 0px;
}

ul.pgn li 
{
	padding: 2px 4px 2px 4px;
	display: inline;
	list-style-type: none;
}

ul.pgn li.sel
{
	background-color: #f8f8f8;
	font-weight: bold;
}

/* =BOID additional styles - FORM ERRORS
--------------------------------------------------------------------------------*/

p.formerror 
{
	padding:0;
	margin:0 0 7px 160px;
	color: #000;
	font-weight: bold;
}

p.row 
{
	color: #666;
	font-size: 0.88em;
}




/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	margin-bottom: 20px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 215px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 778px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 40px;
}

.container_16 .grid_2
{
	width: 100px;
}

.container_16 .grid_3
{
	width: 160px;
}

.container_16 .grid_5
{
	width: 280px;
}

.container_16 .grid_6
{
	width: 340px;
}

.container_16 .grid_7
{
	width: 400px;
}

.container_16 .grid_9
{
	width: 520px;
}

.container_16 .grid_10
{
	width: 580px;
}

.container_16 .grid_11
{
	width: 640px;
}

.container_16 .grid_13
{
	width: 760px;
}

.container_16 .grid_14
{
	width: 820px;
}

.container_16 .grid_15
{
	width: 880px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 80px;
}

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 60px;
}

.container_16 .prefix_2
{
	padding-left: 120px;
}

.container_16 .prefix_3
{
	padding-left: 180px;
}

.container_16 .prefix_5
{
	padding-left: 300px;
}

.container_16 .prefix_6
{
	padding-left: 360px;
}

.container_16 .prefix_7
{
	padding-left: 420px;
}

.container_16 .prefix_9
{
	padding-left: 540px;
}

.container_16 .prefix_10
{
	padding-left: 600px;
}

.container_16 .prefix_11
{
	padding-left: 660px;
}

.container_16 .prefix_13
{
	padding-left: 780px;
}

.container_16 .prefix_14
{
	padding-left: 840px;
}

.container_16 .prefix_15
{
	padding-left: 900px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 60px;
}

.container_16 .suffix_2
{
	padding-right: 120px;
}

.container_16 .suffix_3
{
	padding-right: 180px;
}

.container_16 .suffix_5
{
	padding-right: 300px;
}

.container_16 .suffix_6
{
	padding-right: 360px;
}

.container_16 .suffix_7
{
	padding-right: 420px;
}

.container_16 .suffix_9
{
	padding-right: 540px;
}

.container_16 .suffix_10
{
	padding-right: 600px;
}

.container_16 .suffix_11
{
	padding-right: 660px;
}

.container_16 .suffix_13
{
	padding-right: 780px;
}

.container_16 .suffix_14
{
	padding-right: 840px;
}

.container_16 .suffix_15
{
	padding-right: 900px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/



html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix

{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}


.GTediton 
{
	border-top: dashed 1px #FF0000;
	border-bottom: dashed 1px #FF0000;
}

h4.searchResult 
{
	padding-bottom: 10px;
	border-bottom: solid 1px #ddd;
}